小可是新百优电子商务有限公司美工部的一名员工,为公司制作、修改网店图标是他的日常工作之一。某天,公司领导安排小可修改一个购物车图标的PSD文件,要求修改后的购物车图标有良好的视觉效果。
本任务的设置目的是带领大家学习修改网店图标PSD文件的方法。
①学生能够完成图层样式中的渐变填充、透明度等效果调整。
②学生能够对指定图层进行锁定操作。
③学生能够根据步骤引导完成修改网店图标PSD文件的任务。
步骤1 执行“文件”|“打开”命令,打开“项目二素材”文件夹中的“任务1”PSD文件PSD文件中的图像如图2-50所示。
图2-50 打开PSD文件
步骤2 在“图层”面板中查看4个图层,如图2-51所示。
图2-51 查看图层
步骤3
选择“购物车01”图层,单击“图层”面板底部的“添加图层样式”按钮
,弹出列表框,选择“渐变叠加”选项,如图2-52所示。
图2-52 选择“渐变叠加”选项
步骤4 弹出“图层样式”对话框,单击“渐变叠加”|“渐变”选项区内“渐变”右侧的渐变条,如图2-53所示。
图2-53 单击渐变条
步骤5 弹出“渐变编辑器”对话框,在“预设”列表框中,选择“橙色”选项,如图2-54所示。
步骤6 在展开的“橙色”选项中,单击选择第二个渐变颜色块“橙色_02”,如图2-55所示。
图2-54 选择“橙色”选项
图2-55 选择渐变颜色块
步骤7 单击下方渐变条左侧上方的颜色色标后,单击“色标”选项区内“颜色”右侧的颜色块,如图2-56所示。
图2-56 单击颜色块
步骤8 弹出“拾色器(色标颜色)”对话框,修改颜色参数值为“#ffc13a”,如图2-57所示。
图2-57 修改颜色参数值
步骤9 修改完成后,单击“确定”按钮,即可更改左侧渐变颜色,并在“渐变编辑器”对话框中查看已更改的颜色效果,如图2-58所示。
步骤10 使用同样的方法,将右侧颜色色标的颜色参数值修改为“#f69a6c”,更改右侧渐变颜色后的颜色效果如图2-59所示。
图2-58 更改左侧渐变颜色
图2-59 更改右侧渐变颜色
步骤11 依次单击“确定”按钮,关闭“渐变编辑器”对话框,完成对“渐变叠加”图层样式的添加,此时可以查看“购物车01”的图层渐变效果,如图2-60所示。
图2-60 查看渐变叠加效果
步骤12 在“图层”面板中选择“购物车01”图层,右击鼠标,在弹出的快捷菜单中选择“拷贝图层样式”命令,如图2-61所示。
图2-61 选择“拷贝图层样式”命令
步骤13 在“图层”面板中选择“购物车02”图层,右击鼠标,在弹出的快捷菜单中选择“粘贴图层样式”命令,如图2-62所示。
步骤14 执行“粘贴图层样式”命令后,即可为“购物车02”图层粘贴图层样式,并在“购物车02”图层下方显示“渐变叠加”图层样式,如图2-63所示。
图2-62 选择“粘贴图层样式”命令
图2-63 粘贴图层样式
步骤15 在图像编辑窗口中预览粘贴图层样式后的图像效果,如图2-64所示。
图2-64 粘贴图层样式后的图像效果
步骤16 使用同样的方法,为“购物车03”图层粘贴“渐变叠加”图层样式,其面板界面和图像效果如图2-65所示。
图2-65 为“购物车03”图层添加图层样式后的面板界面和图像效果
步骤17 在“图层”面板中选择“购物车03”图层,按住鼠标左键并拖曳,将其移动至“购物车01”图层的下方,其面板界面和图像效果如图2-66所示。
图2-66 移动“购物车03”图层后的面板界面和图像效果
步骤18
在“图层”面板中选择“购物车03”图层后,单击“图层”面板底部的“创建新图层”按钮
,如图2-67所示。
步骤19 查看新建的图层,并将新图层命名为“圆形”,如图2-68所示。
图2-67 单击“创建新图层”按钮
图2-68 新建图层并为新图层命名
步骤20
在工具箱中,单击“前景色”颜色块
,如图2-69所示。
步骤21 弹出“拾色器(前景色)”对话框,修改颜色参数值为“#08deeb”,单击“确定”按钮,如图2-70所示,更改前景色。
图2-69 单击“前景色”颜色块
图2-70 修改颜色参数值
步骤22 在工具箱中,单击“椭圆工具”按钮,如图2-71所示。
图2-71 单击“椭圆工具”按钮
步骤23 在按住Shift键的同时按住鼠标左键并拖曳鼠标,绘制一个正圆形,正圆形的上下左右略超出边界,效果如图2-72所示。
图2-72 绘制正圆形
步骤24 在“图层”面板中选择“圆形”图层,修改“不透明度”参数值为17%,如图2-73所示。
图2-73 修改参数值
步骤25 查看更改“圆形”图层不透明度参数值后的图像效果,如图2-74所示。
图2-74 预览图像效果
步骤26
在“图层”面板中选择“圆形”图层,单击“锁定全部”按钮
,即可锁定全部所选择图层,被锁定图层右侧显示锁定图标,如图2-75所示。
步骤27 在“图层”面板中,按住Shift键的同时选择“购物车01”图层、“购物车02”图层和“购物车03”图层共计3个图层后,按Ctrl+G快捷键创建组对象,如图2-76所示。
图2-75 锁定图层
图2-76 创建组对象
步骤28 执行“文件”|“存储为”命令,即可保存最终的图像文件。