实例文件1017章第10 434招原始

实例规整的家居用品分类导航设计本实例是为某品牌家居店设计的商品分类导航，画面中通过错位排列的商品图像来表现不同类型的商品，利用具有代表性的照片让顾客一眼就知道点击后将会呈现哪种类别的商品，高图版率的版面设计让整个画面显得更大气、美观。步骤01：在背景中绘制矩形启动Photoshop程序，新建一个文档。由于分类导航中的商品类别较多，为了便于编辑和管理图像，先单击“创建新组”按钮，新建“商品”图层组，然后用“矩形工具”在画面左上角绘制一个黑色的矩形，用于确定商品图像的摆放位置。复制更多的矩形。根据设计构思对这些矩形的颜色、大小和位置进行调整，确定要添加商品图像的位置。步骤02：复制并添加素材图像打开素材文件01.jpg，用“移动工具”把图像拖曳到新建的文件中，适当调整其大小，放在图像左上角的矩形上。步骤03：创建剪贴蒙版拼合图像为了将超出矩形的图像隐藏，执行“图层>创建剪贴蒙版”菜单命令，创建剪贴蒙版，将“矩形1”和“图层1”图层添加到一个剪贴组中。完成后可在图像窗口中查看合成的图像效果。步骤04：复制图像创建剪贴蒙版打开素材文件02.jpg，选用“移动工具”把图像拖曳至第二个灰色矩形上，得到“图层2”图层，适当调整其大小，然后创建剪贴蒙版，把超出灰色矩形的商品图像隐藏起来。同样方法复制素材文件0..jpg。步骤05：用“可选颜色”修饰床品颜色添加第三张图像后，发现照片中的床品颜色偏黄。因此按住Ctrl键不放，单击“矩形1拷贝”图层缩览图，载入选区。在图像最上方创建“可选颜色1”调整图层，打开“属性”面板，在面板中分别选择“黄色”和“红色”，调整这两种颜色的百分比，削弱黄色和红色，统一商品颜色。步骤06：添加更多的家居商品图像继续使用同样的方法，用“移动工具”把更多的家居商品复制到新建的文件中，并通过创建剪贴蒙版拼合图像的方式，得到规则排列的商品分类效果。。步骤07：打开并复制纹理素材打开素材文件06.jpg，选用“移动工具”把图像拖曳至留白的矩形上，根据版面布局，适当调整素材图像的大小和位置。步骤08：设置“曲线”降低图像亮度添加布纹素材后，感觉图像偏亮，可适当降低其亮度执行“图像>调整>曲线”菜单命令，打开“曲线”对话框。由于是要降低图像亮度，所以单击并向下拖曳曲线，设置好后单击“确定”按钮，调整图像亮度。步骤09：创建剪贴蒙版拼合图像为了把超出矩形的布纹素材隐藏起来，执行“图层>创建剪贴蒙版”菜单命令，创建剪贴蒙版，然后将布纹素材图像复制，分别将其移至留白的矩形上。通过创建剪贴蒙版拼合图像，完成分类导航图片的设置。步骤10：设置并输入文字为了让分类导航更加明确，接下来在画面中输入文字。创建“标题文字”图层组，设置标题文字。为了突出文字的层次关系，需要为输入的文字设置不同的字体和大小。选用“横排文字工具”在已输入的文字旁边继续输入文字，输入后根据喜好对文字的字体和字号进行调整。然后在红色文字下方的中间位置单击，输入文字“产品分类”。创建“四件套专区”图层组，然后在图层中输入对应的文字信息。步骤11：用“自定形状工具”绘制指示箭头为了让图像中的商品分类指示更加明确，可以在图像中添加箭头图案。选择“自定形状工具”，单击“形状”右侧的下拉按钮，在展开的“形状”拾色器中单击“箭头6”，在文字旁边单击并拖曳鼠标，绘制箭头图案。绘制后根据商品位置，水平翻转箭头图案。步骤12：用“直线工具”绘制线条并进行装饰选择“直线工具”，在选项栏中将填充颜色设置为红色，与标题文字的颜色相呼应，将“粗细”设置为3像素，在文字下方绘制一条红色的线条，突出文字信息。步骤13：复制图层组并重新命名按下快捷键Ctrl+J，复制“四件套专区”图层组，创建“四件套专区拷贝”图层组。使用“移动工具”移动图层组中的文字和图形位置，并把图层组重新命名为“枕头专区”，将文字分类信息区分开来。步骤14：调整箭头方向选择“横排文字工具”，选择“枕头专区”图层组中的文字信息，根据图像中的商品更改分类信息；然后选择箭头图案，执行“编辑>变换>顺时针旋转90