购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

任务一 编辑网店图标文件

任务描述

小可是新百优电子商务有限公司美工部的一名员工,为公司制作、修改网店图标是他的日常工作之一。某天,公司领导安排小可修改一个购物车图标的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 执行“文件”|“存储为”命令,即可保存最终的图像文件。 451Lq15g4c4eSagLno++AzgKPY8oi3ODFyyQjm2xRxNwAmxOFAU64h1SxRbSfAqY

点击中间区域
呼出菜单
上一章
目录
下一章
×

打开