《用photoshop做手机》由会员分享,可在线阅读,更多相关《用photoshop做手机(27页珍藏版)》请在金锄头文库上搜索。
1、本小节完成的效果图图(1)。图 1 手机绘制完成效果图本实例制作步骤如下:按下键盘上的 Ctrl+N 组合键,或执行菜单栏上的文件新建命令打开新建对话框,设置参见图 2 所示。图 2 新建对话框的设置新建图层,按下键盘上的 Ctrl+R 组合键打开标尺,创建一条垂直辅助线。以该辅助线为对称中心线,用矩形选框工具(快捷键 M),根据手机形状创建一个矩形选区,如图3 所示。图 3 以辅助线为对称中心线创建的矩形选区选择椭圆选框工具(快捷键 M)工具,设置选项栏上的布尔模式为添加到选区,如图 4 所示。图 4 椭圆形选框工具在选项栏上的设置在选区下边与垂直辅助线相交位置处(如图 5 所示)开始拖拉,
2、出现圆形后不要松开鼠标,同时按下键盘上的 Alt 和 Shift 键,就可以该点为圆心创建一个与矩形选区 合集的圆形选区,如图 6 所示。图 5 圆形选区的中心起点图 6 与矩形选区合集的圆形选区执行菜单栏上的选择修改平滑命令,将矩形选区直角平滑一定像素。图 7 平滑命令设置对话框图 8 矩形选区平滑后的效果确认椭圆选框工具仍被选择,右击文档窗口,在弹出的菜单中选择建立工作路径命令,将选区转换为路径调整路径到如图 9 所示效果使上边窄一些,两侧线条要具有一定弧度。图 9 调整后路径的效果选择任意路径工具(比如钢笔工具),右击文档窗口,在弹出的菜单中选择建立选区 命令,转换路径为选区。设置前景色
3、为灰色(色彩接近即可),按下键盘上的Alt+BackSpace 组合键填充前景色。将该图层命名为上盖,如图 10 所示。图 10 填充灰色后的图形按下键盘上的 Ctrl 键,同时单击该图层在图层调板的缩略图,使该层中图形外缘作为选区载入。选择矩形选框工具,右击文档窗口,在弹出的菜单中选择变换选区命令。按下键盘上的 Alt 键,以选区中心为变换中心,变换该选区到图 11 所示效果。图 11 变换选区后的效果新建图层,命名为银色装饰物。选择渐变工具快捷键(G),在选区内添加渐变效果(只是为了效果预览,后面还要更改),如图 12 所示图 12 渐变的设置不取消选区,新建图层,变换选区到图 13 所示
4、效果。图 13 变换选区后的效果填充如图 14 所示颜色(色彩接近即可,手机厂家称这个颜色为水手蓝),命名该层为水手蓝。同时另建图层,命名为轴。画出如图 14 所示上边的形状。图 14 填充蓝色的效果 在该层上创建一个矩形选区,填充上面设置的水手蓝色,如图 15 所示。 图 15 矩形选区填充后的效果新建图层,用钢笔工具(快捷键 P)绘制如图 16 所示路径。图 16 用钢笔工具绘制的路径选择路径选择工具,按下键盘上的 Alt 键,同时按下鼠标左键,拖拽该路径复制一个。选取该复制路径,按下键盘上的 Ctrl+T 组合键,执行菜单栏上的编辑变换水平翻转命令,变换路径到相应的形状,并移动到另一边相
5、应的位置 。设置前景色为上面设置的灰色。选择画笔工具(快捷键 B),在文档窗口单击右键,在弹出的调板中设置画笔参数,如图 17 所示。图 17画笔工具笔触设置新建一个图层,选择该两条路径,右击文档窗口,在快捷菜单中选择描边路径命令,设置描边路径对话框如图 18 所示。图 18 描边路径命令对话框双击该图层在图层调板上的缩略图,设置弹出的图层样式对话框,如图 19 所示。图 19 图层样式对话框下面绘制摄像头部分(这个部位在后面的透视变换的操作比较复杂,要具体处理,先把位置固定一下)。新建图层,先绘制一个白色的圆形,再用钢笔工具(快捷键 P)绘制如图 20 的路径。将路径转换为选区后填充白色,命
6、名该层为摄像头。图 20 摄像头形状的路径下面绘制扬声器孔。新建图层,用矩形选框工具创建矩形选区后,平滑矩形选区的直角,并填充黑色,如图 21 所示。图 21 绘制其中一个扬声器孔不取消选区,选择移动工具,按下键盘上的 Alt 键不放,用鼠标左键拖拽,在同一层上复制出两个扬声器孔,如图 22 所示。图 22 复制出另外两个扬声器孔双击该图层在图层调板上的缩略图,在图层样式对话框中设置斜面和浮雕为枕状浮雕,具体参数设置如图 4.1-23 所示。图 23 设置扬声器孔图层样式新建图层,命名为外屏边框。按上面所讲的方法绘制手机显示屏的圆角矩形选区,填充黑色。执行菜单栏上的选择存储选区命令,为该选区命
7、名为圆角矩形,储存该选区。再将该选区放大到如图 4.1-24 所示效果。图 24 放大圆角矩形选区后的效果执行菜单栏上的滤镜扭曲球面化命令,参照图 4.1-25 所示设置。图 25 球面化命令对话框新建图层,命名为外屏。执行菜单栏上的选择载入选区命令,载入圆角矩形选区,调整大小后填充白色占位,如图 26 所示。图 26 载入选区并填充白色后的效果下面的步骤要做出手机的透视效果。选择图层调板最上面的图层所略图,按下键盘上的 Shift 键,同时用鼠标单击背景层上面缩略图,选择该两个图层,及其中间的图层。按下键盘上的 Ctrl+G 组合键,将图层编组,命名为手机上盖。按下键盘上的 Ctrl+T 组
8、合键,自由变换该组,按下键盘上的 Ctrl 键不放,拖拽变换控制点到如图 4.1-27 所示效果。图 27 自由变换手机上盖组产生透视效果在手机上盖组上新建图层,画手机上盖的暗部。按下键盘上的 Ctrl 键,用鼠标左键点击图层调板上的手机上盖组中上盖图层缩略图,使其图形外缘作为选区载入。按键盘上的 方向键 将选区向左上方向轻移几个像素。按下键盘上的 Shift+Ctrl+I 组合键反选,按下键盘上的 Alt+Ctrl+D 将选区羽化较多像素。设置 画笔工具 (快捷键 B)为主直径较大,硬度较低的笔触。设置前景色为深灰色(色彩接近即可),用画笔工具沿手机选区外侧按图 28 所示方式画上阴影。图
9、28 用画笔工具绘制的阴影按下键盘上的 Ctrl+D 组合键,取消选区。再次载入上盖选区,轻移到合适位置后,羽化较少的像素,按上面的方法反选,按下键盘上的 Delete 键删除多余的部分,得到如图 29所示效果。图 29 删除多余部分后的效果下面我们来细致刻画摄像头部分。双击手机上盖组中摄像头图层在图层调板中的缩略图,在弹出的图层样式对话框中选择内阴影,编辑等高线曲线,如图 30 所示。图 30 编辑等高线曲线图 31 为摄像头图层添加内阴影效果新建图层,绘制一个椭圆形选区,填充灰色。不取消选区,自由变换到如图 32 所示效果。图 32 椭圆形自由变换效果确认矩形/椭圆选框工具被选择,右击文档
10、窗口,在快捷菜单中选择描边命令,设置参见图 33 所示。图 33 椭圆形选区描边对话框用加深/减淡工具(快捷键 O)擦出大体明暗。新建图层,按上面方法绘制如图 34 所示形状,在图层调板上调整该图层的不透明度为50%图 34 图层降低不透明度后的效果用加深/减淡工具配合椭圆选框工具按前面所讲方法绘制出镜头周围的装饰物。再新建图层,载入摄像头选区,用画笔工具绘制阴影,如图 35 所示。图 35 装饰物完成的效果再选择摄像头图层,为它加上枕状浮雕的样式。新建图层,配合椭圆选框工具,用画笔工具在摄像头位置绘制出白色反光,如图 36 红圈中表示的部位。新建图层,创建一个椭圆形选区后填充渐变,如图 36
11、 所示。图 36 椭圆形选区添加渐变效果缩小椭圆形选区后填充深灰色,用加深/减淡工具依实际擦出明暗(图 37),绘制反光凸镜的效果。图 37 反光凸镜完成的效果用减淡工具擦出白色反光,如图 38 所示。图 4.1-38 圈中即为绘制反光的位置下面,我们来完善手机外屏幕部分选择手机上盖组中银色装饰物图层,将图形外缘选区载入。填充如图 39 所示渐变,设置图层样式为枕状浮雕,如图 39 所示。图 39 选区填充渐变、添加枕状浮雕样式的效果不取消选区,将上半部分用笔画工具涂上白色,用钢笔工具绘制路径后用灰色画笔描边路径,钩选模拟压力,完成效果如图 40 所示。图 40 为图形添加光泽选择外屏幕边框图
12、层,为其加上枕状浮雕效果。选择白色屏幕图层,按上面所述方法载图形边缘的选区,用画笔工具涂抹如图 41 所示灰色(色彩接近即可)。图 41 画笔工具涂抹外屏幕的效果新建图层,将白色屏幕选区向下移动若干像素,用画笔工具涂抹墨绿色,如图 42所示。图 42 画笔工具涂抹新建图层的效果再次载入白色屏幕层图形外缘选区,按下键盘上的 Shift+Ctrl+I 组合键,反选后按Delete 键删除新建层多余的部分,如图 4.1-43 所示。图 43 外屏幕的效果选择上盖层,载入它的图形边缘选区,填充如图 4.1-44 所示设置的渐变。图 44 为上盖层添加的渐变设置图 45 上盖层添加渐变后的效果在图层样式
13、中为扬声器孔图层中的图形加上外斜面浮雕效果,如图 46 所示。图 46扬声器孔的外斜面浮雕效果下面的步骤绘制蓝色塑料装饰物里面的小格子。在水手蓝图层上建一层,设置前景色为黑色,背景色为白色,创建一个矩形选区。执行菜单栏上的滤镜纹理拼缀图命令,设置参见图 47 所示。图 47 拼缀图滤镜对话框按上面所介绍的方法,将该图形自由变换到图 48 效果。图 48 自由变换拼缀图的效果设置拼缀图层的混合模式为正片叠底,删除多余部分。选择水手蓝图层,为它加上 内阴影的图层样式,如图 49 所示。图 49水手蓝图层的内阴影效果下面绘制手机的侧面部分。在上盖层下复制该层,移动该复制层到如图 50 所示位置。图
14、50 复制上盖层并移动后的效果用加深工具加深上盖的复制层,如图 51 所示。图 51 加深复制的图层选择 上盖 层,用模糊工具(快捷键 R)将上盖层边缘模糊一下,使其过度柔和一些,如图 52 所示。图 52 模糊处理的边缘在手机上盖组下新建图层,命名为宝石蓝。载入上盖层图形边缘选区,移动到如图 53 所示位置后填充宝石蓝色(色彩接近即可)。图 53 填充宝石蓝色的图层在宝石蓝层上面新建一层命名为倒棱,用钢笔工具绘制出如图 54 所示的路径。图 54 用钢笔工具绘制的形状将路径转换为选区后填充蓝灰色(色彩接近即可),用加深、减淡工具擦出如图 55所示效果。不取消选区,将倒棱层用较小像素描白边,如
15、图 55 所示。图 55 倒棱层填充、描边的效果再将宝石蓝层描白边。按上面的方法继续绘制其他部分,倒棱层下面带有宝石蓝色形状的图层命名为宝石蓝 2,如图 56 所示。图 56 继续刻划的侧面用选区描边的方法绘制后面充电插孔,方法很简单,这里就不赘述。如图 57 所示。图 57 手机充电插孔完成的效果选择 宝石蓝 2层,用钢笔工具绘制出如图 58 所示形状。图 58 用钢笔工具绘制的侧面路径转换路径为选区后填充同该层图形相同的宝石蓝色(图 59)。图 59 路径转换为选区后填充颜色用硬度较小的橡皮擦工具(快捷键 E)将手机上盖组中名为轴的图层边缘擦掉一点。再用减淡工具在宝石蓝 2层上擦出如图 60 所示效果。图 60 刻划手机连接部分图形再将手机上盖组中名为轴的图层用加深/减淡工具擦出如图 61 所示效果。图 61 手机连接部分图形完成的效果下面绘制手机天线。在手机上盖组上新建图层,用钢笔工具钩出形状