《Photoshop+Illustrator平面设计实例教程教学案例(共19单元)-手机相机图标设计》由会员分享，可在线阅读，更多相关《Photoshop+Illustrator平面设计实例教程教学案例(共19单元)-手机相机图标设计（50页珍藏版）》请在金锄头文库上搜索。
1、3.2 扩展案例手机相机图标设计扩展案例手机相机图标设计【案例学习目标】在 Photoshop 中，学习绘图工具和图层样式制作图标。【案例知识要点】在 Photoshop 中，使用圆角矩形、矩形工具、椭圆工具、直线工具和添加图层样式按钮绘制相机图标，手机相机图标效果如图 1 所示。【效果所在位置】云盘 Ch03 效果 手机相机图标设计.psd。图 1（1）打开 Photoshop 软件，按 Ctrl+N 组合键，新建一个文件，宽度为 660 像素，高度为 660 像素，分辨率为 72 像素/英寸，颜色模式为 RGB，背景内容为白色。（2）选择“圆角矩形”工具，在属性栏的“选择工具模式”选项中选
2、择“形状”，将“填充”选项设为浅灰色（其 R、G、B 的值分别为 241、236、233），“半径”选项设为160 像素，在图像窗口中绘制圆角矩形，如图 2 所示。在“图层”控制面板中生成新的形状图层并将其命名为“圆角矩形”。图 2 （3）单击“图层”控制面板下方的“添加图层样式”按钮，在弹出的菜单中选择“斜面和浮雕”命令，弹出对话框，选项的设置如图 3 所示。单击“确定”按钮，效果如图4 所示。图 3 图 4（4）选择“矩形”工具，在属性栏的“选择工具模式”选项中选择“形状”，将“填充”选项设为橙色（其 R、G、B 的值分别为 250、171、76），在图像窗口中绘制矩形，如图 5所示。在“
3、图层”控制面板中生成新的形状图层并将其命名为“橙色矩形”。用相同的方法添加其他矩形，并填充适当的颜色，如图6 所示。图 5 图 6（5）按住 Shift 键的同时，单击“橙色矩形”图层和“绿色矩形”图层，选取需要的图层，如图 7 所示。按 Ctrl+Alt+G 组合键，为选中的图层创建剪贴蒙版，如图 8 所示。图 7 图 8（6）选择“椭圆”工具，在属性栏的“选择工具模式”选项中选择“形状”，将“填充”选项设为白色，按住 Shift 键的同时，在图像窗口中绘制圆形，效果如图 9 所示。在“图层”控制面板中生成新的形状图层并将其命名为“白色圆形”。图 9（7）单击“图层”控制面板下方的“添加图层
4、样式”按钮，在弹出的菜单中选择“投影”命令，弹出对话框，将投影颜色设为黑色，其他选项的设置如图 10 所示；选择“斜面和浮雕”命令，切换到相应的对话框，选项的设置如图 11 所示。单击“确定”按钮，效果如图 12 所示。图 10 图 11 图 12（8）选择“椭圆”工具，将“填充”选项设为黑色，按住 Shift 键的同时，在图像窗口中绘制圆形，效果如图 13 所示。在“图层”控制面板中生成新的形状图层并将其命名为“黑色圆形”。用相同的方法绘制其他圆形，效果如图 14 所示。图 13 图 14（9）单击“图层”控制面板下方的“添加图层样式”按钮，在弹出的菜单中选择“描边”命令，弹出对话框，将描边
5、颜色设为紫色（其 R、G、B 的值分别为 38、6、37），其他选项的设置如图 15 所示。单击“确定”按钮，效果如图 16 所示。图 15 图 16（10）选择“椭圆”工具，将“填充”选项设为墨绿色（其 R、G、B 的值分别为 8、30、27），按住 Shift 键的同时，在图像窗口中绘制圆形，效果如图 17 所示。在“图层”控制面板中生成新的形状图层并将其命名为“绿色圆形”。图 17（11）选择“绿色圆形”图层，将其拖曳到“图层”控制面板下方的“创建新图层”按钮上进行复制，生成新的图层“绿色圆形 副本”。按 Ctrl+T 组合键，图像周围出现变换框，按住 Alt+Shift 组合键的同时，
6、向内拖曳右上角的控制手柄，等比例缩小图形，按 Enter 键确认操作，效果如图 18 所示。图 18（12）单击“图层”控制面板下方的“添加图层样式”按钮，在弹出的菜单中选择“渐变叠加”命令，弹出对话框，单击对话框中“点按可编辑渐变”按钮，弹出“渐变编辑器”对话框，将渐变色设为从深绿色（其 R、G、B 的值分别为 0、18、1）到浅绿色（其 R、G、B 的值分别为 85、122、125），其他选项的设置如图 19 所示。单击“确定”按钮，效果如图 20 所示。图 19 图 20（13）选择“椭圆”工具，将“填充”选项设为墨绿色（其 R、G、B 的值分别为 8、30、27），按住 Shift 键
7、的同时，在图像窗口中绘制圆形，效果如图 21 所示。在“图层”控制面板中生成新的形状图层并将其命名为“绿色圆形 2”。图 21（14）选择“绿色圆形 2”图层，将其拖曳到“图层”控制面板下方的“创建新图层”按钮上进行复制，生成新的图层“绿色圆形 2 副本”。按 Ctrl+T 组合键，图像周围出现变换框，按住 Alt+Shift 组合键的同时，向内拖曳右上角的控制手柄，等比例缩小图形，按 Enter 键确认操作，效果如图 22 所示。图 22（15）选取“绿色圆形 2”图层和“绿色圆形 2 副本”图层，单击鼠标右键，在弹出的菜单中选择“栅格化图层”命令，如图 23所示。按住 Ctrl 键的同时，
8、单击“绿色圆形2 副本”图层缩览图，如图 24 所示；在图层“绿色圆形 2 副本”的图像周围生成选区，如图 25 所示。图 23 图 24 图 25（16）选择“绿色圆形 2”图层。按 Delete键，删除该图层选区内的图像，按 Ctrl+D 组合键，取消选区，效果如图 26 所示。将“绿色圆形 2”图层重命名为“圆环”，并删除“绿色圆形 2 副本”图层，如图 27 所示，效果如图 28 所示。图 26 图 27 图 28（17）单击“图层”控制面板下方的“添加图层样式”按钮，在弹出的菜单中选择“渐变叠加”命令，弹出对话框，单击对话框中“点按可编辑渐变”按钮，弹出“渐变编辑器”对话框，将渐变色
9、设为从墨绿色（其 R、G、B 的值分别为 3、40、47）到浅绿（其 R、G、B 的值分别为 52、81、83），到墨绿色（其 R、G、B 的值分别为 13、41、51）再到浅绿（其 R、G、B 的值分别为 52、81、83），如图 29 所示，其他选项的设置如图 30 所示。单击“确定”按钮，效果如图31 所示。图 29 图 30（18）选择“椭圆”工具，将“填充”选项设为黑色，按住 Shift 键的同时，在图像窗口中绘制圆形，效果如图 32 所示。在“图层”控制面板中生成新的形状图层并将其命名为“蓝色圆形”。图 31 图 32（19）单击“图层”控制面板下方的“添加图层样式”按钮，在弹出的
10、菜单中选择“渐变叠加”命令，弹出对话框，单击对话框中“点按可编辑渐变”按钮，弹出“渐变编辑器”对话框，将渐变色设为从深蓝色（其 R、G、B 的值分别为 5、9、34）到蓝色（其 R、G、B 的值分别为 7、7、34），其他选项的设置如图 33 所示。图 33 （20）选择“描边”命令，切换到相应的对话框，选项的设置如图 34 所示。单击“确定”按钮，效果如图 35 所示。图 34 图 35（21）选择“椭圆”工具，将“填充”选项设为白色，按住 Shift 键的同时，在图像窗口中绘制圆形，效果如图 36 所示。在“图层”控制面板中生成新的形状图层并将其命名为“白色圆形”。图 36（22）用相同的
11、方法添加其他圆形，效果如图 37 所示。图 37 （23）在“图层”控制面板中，按住 Ctrl键的同时，选择“白色椭圆 3”图层和“白色椭圆 4”图层，将“不透明度”选项设为52%，如图 38 所示，图像效果如图 39 所示。图 38 图 39（24）选择“矩形”工具，将“填充”选项设为白色，在图像窗口中绘制矩形，如图 40 所示。在“图层”控制面板中生成新的形状图层并将其命名为“白色矩形”。图 40（25）在“图层”控制面板中，将“不透明度”选项设为 52%，如图 41 所示，图像效果如图 42 所示。图 41 图 42（26）选择“椭圆”工具，将“填充”选项设为白色，在图像窗口中绘制椭圆形
12、，效果如图 43 所示。在“图层”控制面板中生成新的形状图层并将其命名为“椭圆 1”。图 43 （27）选择“移动”工具，按住 Shift+Alt组合键的同时，在图像窗口中拖曳白色椭圆形到适当位置，复制图形和图层，在“图层”控制面板中生成新的图层“椭圆 1 副本”，如图 44 所示，图像效果如图 45 所示。图 44 图 45（28）按住 Shift 键的同时，选择“椭圆 1”图层和“椭圆 1 副本”图层，单击鼠标右键，在弹出的菜单中选择“栅格化图层”命令，如图 46 所示。选择“椭圆 1”图层，按住 Ctrl键的同时，单击“椭圆 1 副本”图层缩览图，如图 47 所示；在“椭圆 1 副本”图
13、层的图像周围生成选区，如图 48 所示。图 46 图 47 图 48（29）按 Delete 键，删除“椭圆 1”图层选区内的图像。按 Ctrl+D 组合键，取消选区，效果如图 49 所示。将“椭圆 1”图层重命名为“月牙”，并删除“椭圆 1 副本”图层，如图 50 所示，效果如图 51 所示。图 49 图 50 图 51（30）在“图层”控制面板上方，将“月牙”图层的“不透明度”选项设为 32%，如图 52 所示，效果如图 53 所示。图 52 图 53（31）选择“移动”工具，按住 Alt+Shift组合键的同时，在图像窗口中拖曳月牙图形到适当位置，复制月牙图形，效果如图 54所示。在“图层”控制面板中生成新的图层“月牙 副本”，如图 55 所示。图 54 图 55（32）按 Ctrl+T 组合键，图像周围出现变换框，按住 Alt+Shift 组合键的同时，向内拖曳右上角的控制手柄，等比例缩小图形，如图 56 所示。在变换框中单击鼠标右键，在弹出的菜单中选择“垂直翻转”命令，按 Enter键确认操作，效果如图 57 所示。图 56 图 57（33）按住 Shift 键的同时，单击“圆角矩形”图层和“月牙 副本”图层，选取全部图层，按 Ctrl+G 组合键，编组图层并将其命名为“相机图标”，如图 58 所示。图 58（34）手机相机图标绘制完成，效果如图59 所示。图 59
