PS第四章习题绘制卡通按钮.docx

1、Photoshop 作业（一）专业班级： 姓名： 学号： 绘制卡通按钮【习题知识要点】使用定义图案命令、不透明度命令制作背景。使用椭圆选框工具、图层样式命令制作按钮图形。使用椭圆工具、画笔工具、描边路径命令、添加图层蒙版命令制作高光图形。使用横排文字工具添加文字，如图 4-19 所示。【效果所在位置】光盘/Ch04/效果/绘制卡通按钮.psd。图 4-191 制作图案效果（1）按 CtrlN 键，新建一个文件：宽度为 21 厘米，高度为 21 厘米，分辨率为 300像素/ 英寸，颜色模式为 RGB，背景内容为白色，单击“ 确定”按钮。（2）单击“图层”控制面板下方的“创建新图层”按钮 ，生成新

2、的图层“图层1”。将前景色设为天蓝色（其 R、G、B 值分别为 82、200 、255） 。选择“椭圆选框”工具，按住 Shift 键的同时，在图像窗口中绘制圆形选区，按 Alt+Delete 键，用前景色填充选区，按 Ctrl+D 键，取消选区，效果如图 4-20 所示。（3）单击“背景”图层左边的眼睛图标 ，将该图层隐藏。选择“矩形选框”工具，在图像窗口中将蓝色圆形框选。选择“编辑 定义图案”命令，在弹出的对话框中进行设置，如图 4-21 所示，单击 “确定”按钮。显示“背景”图层，按 Ctrl+D 键，取消选区，删除“图层 1”。图 4-20 图 4-21（4）单击“图层”控制面板下方的

3、“创建新的填充或调整图层”按钮 ，在弹出的菜单中选择“图案”命令，在“图层”控制面板中生成“图案填充 1”图层，同时弹出“图案填充”对话框，进行设置，如图 4-22 所示，单击“ 确定”按钮，效果如图 4-23 所示。在“图层”控制面板上方，将“图案填充 1”图层的“不透明度”选项设为 25%，效果如图 4-24 所示。图 4-22 图 4-23 图 4-242 制作按钮图形（1）单击“图层”控制面板下方的“创建新组”按钮 ，生成新的图层组并将其命名为“黄色微章” 。新建图层并将其命名为“圆” 。将前景色设为橙色（其 R、G、B 值分别为 255、204、0） 。选择“椭圆选框”工具 ，按住

4、Shift 键的同时，在图像窗口中绘制圆形选区，按 Alt+Delete 键，用前景色填充选区，按 Ctrl+D 键，取消选区，效果如图 4-25 所示。图 4-25（2）单击“图层”控制面板下方的“添加图层样式”按钮 ，在弹出的菜单中选择“投影”命令，弹出对话框，将“投影颜色”设为灰色（其 R、G、B 值分别为135、133、133） ，其他选项的设置如图 4-26 所示。选择“ 斜面和浮雕”选项，切换到相应的对话框，进行设置，如图 4-27 所示。图 4-26 图 4-27（3）选择“渐变叠加”选项，切换到相应的对话框，单击“渐变”选项右侧的“点按可编辑渐变”按钮 ，弹出“渐变编辑器”对话

5、框，将渐变色设为从橙色（其R、G、 B 值分别为 4、44、172 ）到黄色（其 R、G 、B 值分别为 4、44、172） ，如图 4-28所示，单击“确定”按钮，返回“渐变叠加”对话框，进行设置，如图 4-29 所示，单击“确定”按钮，效果如图 4-30 所示。（4）按 CtrlO 键，打开光盘中的 “Ch04 素材 制作卡通按钮 01”文件，选择“移动”工具 ，将动物图片拖曳到图像窗口中圆形的上方，如图 4-31 所示，在“图层”控制面板中生成新的图层并将其命名为“动物” 。图 4-28 图 4-29图 4-30 图 4-313 绘制高光图形并添加路径文字（1）新建图层并将其命名为“高光

6、” 。将前景色设为白色。选择“椭圆”工具 ，选中属性栏中的“路径”按钮 ，按住 Shift 键的同时，在图像窗口中绘制圆形路径，如图 4-32所示。（2）选择“画笔”工具 ，在属性栏中单击“画笔”选项右侧的按钮 ，弹出画笔选择面板，将“主直径”选项设为 85px，将“硬度”选项设为 0。选择“路径选择”工具 ，在路径上单击鼠标右键，在弹出的菜单中选择“描边路径”命令，弹出对话框，进行设置，如图 4-33 所示，单击“确定 ”按钮，将路径隐藏，效果如图 4-34 所示。图 4-32 图 4-33 图 4-34（3）单击“图层”控制面板下方的“添加图层蒙版”按钮 ，为“高光”图层添加蒙版。将前景色

7、设为黑色。选择“画笔”工具 ，在图像窗口中高光图形上进行涂抹，将“不透明度”选项设为 87，效果如图 4-35 所示。图 4-35（4）选择“椭圆”工具 ，按住 Shift 键的同时，在图像窗口中绘制圆形路径。选择“横排文字”工具 ，在属性栏中选择合适的字体并设置文字大小，拖曳鼠标到圆形路径的边缘，当光标变为 时，如图 4-36 所示，单击鼠标插入光标，输入需要的文字。选取文字，按 Alt+向右方向键，调整文字到适当的间距，效果如图 4-37 所示，隐藏路径。（5）在“图层”控制面板中，单击“黄色微章”图层组前面的三角形图标，将“黄色微章”图层组中的图层隐藏。图 4-36 图 4-37（6）单

8、击“图层”控制面板下方的“创建新组”按钮 ，生成新的图层组并将其命名为“蓝色微章” 。用上述所讲的方法制作出蓝色微章效果，如图 4-38 所示。选中“圆形 2”图层，如图 4-39 所示。图 4-38 图 4-39（7）双击“渐变叠加”图层样式，弹出“渐变叠加”对话框，单击“渐变”选项右侧的“点按可编辑渐变”按钮 ，弹出“渐变编辑器”对话框，将渐变色设为从蓝色（其 R、 G、B 值分别为 0、 129、177）到淡蓝色（其 R、 G、B 值分别为 123、241、255） ，如图 4-40 所示，单击“确定 ”按钮，返回到“渐变叠加” 对话框，单击“确定”按钮，效果如图 4-41 所示。图 4

9、-40 图 4-41（8）选中“圆形 2”图层。按 CtrlO 键，打开光盘中的“Ch04 素材 制作卡通按钮 02”文件。选择 “移动 ”工具 ，拖曳动物图片到蓝色圆形上方，在“图层”控制面板中生成新的图层并将其命名为“动物 2”，如图 4-42 所示。（9）在“图层”控制面板中，单击“蓝色微章”图层组前面的三角形图标，将“蓝色微章”图层组中的图层隐藏。将“蓝色微章”图层组拖曳到“黄色微章”图层组的下方，图像效果如图 4-43 所示。图 4-42 图 4-434 制作涂抹图形并添加文字（1）新建图层并将其命名为“画笔” 。将前景色设为白色。选择“画笔”工具 ，在属性栏中单击“画笔”选项右侧的

10、按钮 ，弹出画笔选择面板，选择需要的画笔形状，如图 4-44 所示，在属性栏中将 “不透明度”选项设为 80%，在右下方拖曳鼠标涂抹图像，效果如图 4-45 所示。图 4-44 图 4-45（2）选择“横排文字”工具 ，在属性栏中选择合适的字体并设置文字大小，输入需要的文字，填充文字为青色（其 R、G、B 的值分别为 188、212、223） ，如图 4-46 所示，在“图层”控制面板中分别生成新的文字图层。（3）选择“横排文字”工具 ，分别在属性栏中选择合适的字体并设置文字大小，分别输入需要的文字，如图 4-47 所示，在“图层”控制面板中分别生成新的文字图层，如图 4-48 所示。 图 4-46 图 4-47 图 4-48（4）选择“横排文字”工具 ，选取文字“彩色徽章，多彩人生” ，按 Alt+向右方向键，适当的调整文字间距，如图 4-49 所示。卡通按钮效果制作完成，效果如图 4-50 所示。图 4-49 图 4-50学习反思 :