分享

PS鼠绘精致的灰色质感U盘

 如颖随行 2013-03-04

本教程介绍U盘的鼠绘方法。虽然物体的不大不过构造还是挺复杂的,需要分解每一个构成面,然后再制作光感效果,过程也是相当复杂的。

最终效果

1、新建文件:宽高1000PX分辨率300PX,背景白色。选择矩形选框工具设置宽100px高240PX,在画布上单击做出选区,并在它的四条线上都拖出参考线。取消选择(ctrl+D).如图:

2、新建图层重命名为“前B”并设置前景色为45%的灰色。选择圆角矩形工具,设置圆角半径30px。在参考线中绘制圆角矩形,如图所示:

3、清除参考线(视图,清除参考线);按住 CTRL+T自由变换,设置水平倾斜-30度,回车提交;再次按住CTRL+T进行自由变换,设置旋转-30度,提交。在旋转后矩形的上下方各放置一条水平参考线。也许你会奇怪对同一层的倾斜旋转为什么不一次性完成,这里因为分开完成和同时完成的结果并不相同,如图所示。

4、复制"前B"图层,重命名为"前A.",将"前A."图层往d左移动30PX。选择移动工具,按住shift键的同时,按三次键盘上的向左键。双击A图层,打开添加图层样式面板。设置渐变叠加,具体数值如下:

5、链接A和B图层。在图层面板上选择B图层,使用多边形套索工具制作如图所示的选区,填充灰度45%,取消选区。

6、这一步,我们修整一下U盘的边缘。选择矩形选框工具,样式正常。在上方的参考线上绘制一个矩形,按键盘的向下键一次,向下移动一个象素,delete删除。移动选框工具至下方的参考线上,往上移动一个象素,delete删除。

7、设置B图层的图层样式:双击B图层,打开图层样式面板。具体设置如图所示:

8、按住ctrl键单击A图层调出选区。往右移动选区400PX(这里移动的距离是U盘长度,你可以选择你认为合适的长度)。

新建图层,重命名为“后”。填充颜色ee3232(你也可以使用自己喜欢的颜色),再次新建图层,重命名为“主体”,填充灰度15%。在图层面板上,关掉后层的眼睛,我们一会儿再使用它。拖动主体图层,置到背景层的上面 。如图所示:

9、将U盘的中间部分制作完整。选择多边套索工具绘制如图所示的选区,填充灰度15%,取消选区ctrl+d。

10、使用框形选框工具绘制一个矩形,对齐上方参考线,向下移动一个象素,按delete键删除。移至下方参考线上,向上移动一个象素,删除多余部分。如图所示:

11、对‘主体’应用图层样中的“渐变叠加”,设置如图:

12、在图层面板拖动“后”图层至“主体”层的下方,向左位移20个像素。用多边套索工具制作如图选区,并填充刚刚在后层上加的色,取消选区。

和前几个步骤一样,我们绘制一个矩形选区对红色的部分进行修整。将选区对齐上方参考线,向下位移一个象素,点delete.移到选区至下方参考线,向上位移一个象素delete.

13、对后图层添加和主体图层一样图层样式。我们选中体图层,按住alt键的同时向下拖至后图层。这样我们就能复制体的图层样式至后层。

14、在"前B"图层的上方新建"高光线."图层。选择直线工具,填充像素,描边8px,绘制如下图中的线段。

滤镜,模糊,高斯模糊5个象素。

接下我们对高光线进行修整。 按住 ctrl键单击后图层调入选区,再同时按住 ctrl和shift键单击“主体”图层,在选择菜单中选择反向(ctrl+shift+i),反转选区,按delete键删除去部分。取消选区ctrl+D

15、在"主体"层上方新建 "光泽"图层,拉一个从左方至右方的黑白渐变。

图像—调整—曲线,调整曲线形状如下图。

调好渐变后,按Ctrl+T旋转30度。

因为我们是制作U盘表面的光泽,所以我们需要对光图层进行修整。按住ctrl键单击"主体"图层 ;再次按住ctrl+alt单击"前B"图层,导入选区。菜单:选择—反向(ctrl+shift+i),删除多余部分。更改图层模式为叠加。

选择橡皮工具,设置橡皮工具模式为画笔,主直径215,硬度25%。擦除转角处下方的的区域。

这里有一些色块在画布之外,我们刚拉渐变填充的时候是填的整个图层,在旋转时就超出了画布区域,所以就不可见。但在最后当我们旋转U盘时,它们就会跑出来,在这里就先把它裁掉。用裁剪工具满画布裁一次就行了。

16、接下来我们绘制U盘前面插头部分。Ctrl-单击"FrontA "图层调入选区,在上A层上方新建"接口."图层,填充25%的灰。取消选择(ctrl+D)。 ctrl+t自由变换,设置宽高各缩小56%,回车提交。

17、复制"接口"图层,重命名为"接口前."并向左位移150PX。拖出二根参考线,如下图。选择"接口"图层,使用多边套索工具绘制如下图的选区,填充25%的灰色,取消选择ctrl+D。

18、我们再一次对绘制出来的形状进行修整。使用矩形选择工具,在画布绘制矩形,对齐于参线,按向下键一次,移动一个象素delete删除多余部分。同理,对下方的边缘进行修整。这个步骤,大家应该很熟悉啦,刚刚我们使用二次了吧。

19、Ctrl-单击"接口"图层调入选区。选择渐变工具,设置前景色为黑色,渐变颜色设置为前景色至透明,线性。分别拉二次渐变。从下方往上一次,从左上角往右下角一次,如图所示。拉渐变时候需要注意拖动时的起始点和角度,如有必要,调整一下颜色的设置。这样,我们就制作了插口处上半部分的光影,有了体积和一些金属质感。

添加图层样式,双击接口图层,设置渐变叠加如下图所示:

20、在接口层上新建"接口光",使用矩形选框工具,绘制如下图所示的选区。

选择渐变工具,打开渐变编辑器,选用已经预设好的银色渐变。如果你的编辑器里没有这一项,请点击载入,选择金属就行了。取消选择ctrl+D. 打开图像菜单,调整,反相。

21、Ctrl T 进入自由变换,在水平方向缩小些再旋转30度。现在在画层上渐变的光泽层把下面的都挡住了,我们建个图层蒙板索取自己需要的部分。选择"接口光"图层按住 alt键把鼠标移到光和接口图层之间,当鼠标变成圆形的时候点击。还是在"接口光"图层上画一个如图所示的矩形,用刚刚设置好的软橡皮,将多余部分擦除,并设置图层模式为滤色。

22、在“接口光泽”图层上新建图层“接口高光线”用来绘制高光线。选择直线段工具,设置:填充象素,宽度4PX,前景为白色。在“接口高光线”图层上绘制一条直线。再次设置线段宽为2象素,绘制另条直线,如下图所示。对高光线进行高斯模糊(菜单:滤镜—模糊—高斯模糊1.5px)。

CTRL-单击"接口"图层调入选区,反相(菜单:选择—反向,ctrl+shift+I),将多余部分用delete删除。设置"接口 高光线"这个高光线图层的透明度为60%。

23、现在我们来制作接口的内壁部分。Ctrl+单击"接口前"图层调入选区。菜单:选择—修改—收缩,收缩2个象素。在"接口前"上方新建图层"接口孔",填充灰度25%,应用图层样式渐变叠加,透明度40%,黑至白渐变,线性,角度-90度,缩放13%。移动渐变至合适的位置,如图所示。

24、在"接口孔"图层上方新建图层"接口孔阴影",使用多边套索工具绘制如下图的选区,填充黑色,取消选区ctrl+D。滤镜—模糊—高斯模糊15PX。Ctrl-单击"接口孔"图层调入选区,反相选区(菜单:选择—反相;shift+ctrl+i),delete删除多余部分。在这里,你可调整图层的透明度,直至你认为满意为止。

25、在"接口孔"图层上新建图层"白"。 ctrl-单击"接口孔"图层,使用矩形选框工具移动选区,如下图所示。Ctrl+alt+shift-单击"接口孔"图层,从原来的选区中选出重叠部分,填充白色,取消选区ctrl+D.选择移动工具,选择键盘上的向右键,移动5px.拖出二根参考线,如下图所示:

26、在"白"图层下方新建图层"白上",使用多边套索工具绘制如图所示的选区,填充20%灰。Ctrl-单击"接口孔"图层调出选区,反选(选择—反向,shift+ctrl+i),delete删除多余部分。保持选区,在"White"图层上再次delete,取消选区ctrl+D。

27、将接口部分所有图层选中,图层—图层编组(ctrl+G),重名命为“接口备份”。复制备份,图层---合并图层,重命名为“接口”,隐藏“接口备份组”。

28、现在我们制作接口在USB上的投影。复制"接口"图层,重命名为"接口投影"拖动它到"前A"图层上面,往右移动,如图所示。

滤镜—模糊—高斯模糊3象素。为了让接口的影子呆在USB前头那部分,那我们就来制作一个图层蒙板。按住Alt时将鼠标移动到"接口光," 和"前A"之间,当鼠标变成圆形时单击。更改"接口投影"图层的透明度,没有数值,你认为可以就行了。

29、做到这里我们再来整理一下图层。按shift选中U盘主体的多个图层ctrl+E合并,重命名为体。这样一来,是不在明了多了?但有一点提醒大家一下,合并完之后,就不会像刚刚多图层那样容易更改,所以不在你已经满意之止,别这么轻易合并。我一般是将文件保存一个副本备份,属个人习惯。

30、接下来我们在接口上方制作二个方形小孔。在最上方新建图层“孔上”。使用矩形选框工具,样式:固定大小,宽、高26px。制作如下图的选区,填充灰度65%.ctrl+d取消区。

Ctrl+t自由变化,水平倾斜30度,这能使小孔透视和接口的透视一至。使用多边套索工具绘制如下图所示的选区,图像—调整—色相/饱和度(ctrl+u)设置 亮度为100%,将选区内的颜色调成白色。

Ctrl-单击"小孔"图层调入选区,移动选区向左向下各1个象素。Ctrl+alt+shift-再次单击"小孔"图层,选择出重叠区域,填充黑色,取消选区(ctrl+d).这一步使我们刚刚在接口上打的小孔就拥有了厚度。

31、复制刚制作的小孔,移动它至合适的位置,可以参照接口处的边缘,将二个方块的边缘跟它对齐,如同所示。同时选中这二层,链接,往左移动,如图。

32、接下来我们制作U盘上的字。我选了Trebuchet MS字体,大小为35点,并设置前景色为# ee3232,输入文字(你要让这个U盘有多少的容量,它就有多少。呵呵,100G够不够?)。ctrl+t自由变移,水平倾斜30度。重命名文字图层为“文字”。

应用图层样式:渐变叠加。设置为:模式滤色,透明度50%,银色渐变,线性,角度30,缩放75%。设置文字的投影:模式正片叠底,透明度60%,角度90度,距离和大小为2PX。 效果如下图:

33、我们现在画的U盘是飘浮在空中的,它的背面在地板上有一个清晰的投影,背面和正面还有一些小小的区别。接下来,我们绘制U盘的背面.

复制“主体”图层,得到一个副本。我们选中如下图所示的除副本之外的基它图层进行合并(CTRL+E),重命名为USB,将它隐藏。

34、再次使用文字工具,设置前景色为# ee3232,输入文字你想输入的字,我这里输入STUTDSP。输入之后,编辑—变换—水平翻转/垂直翻转各一次。ctrl+d进入自由变换,水平倾斜30度。

给文字添加图层样式,数值如图。每个人的情况都不同,请大家调整到自己合适的数值。合并主体副本和文字图层。将这个U盘的背面更命为投影。

35、打开“接口备份”组的眼睛,移至图层面板的最上方。打开组,将“白上”层删掉。把“白”图层上的对象上移,如下图所示。Ctrl-单击“接口孔”图层调入选区,反选(ctrl+shift+i),删除多余部分。取消选区(ctrl+d)。选中”接口孔阴影”ctrl+t旋转180度,并调整至合适位置。

36、接下来我们制作接口上面的图标,在下图中我附了一张图标,大家可以保存并拖入接口备份组中的最上方,ctrl+t旋转图标-90度,调整位置,缩放至合适大小。Ctrl+t水平斜切30度,透明度设为60%。

37、将“接口备份”组收起,选中备份和投影图层,合并,更名为:USB投影。将USB图层的眼睛打开,调整它们的位置。如下图:

38、同时选中USB和USB投影这个图层,ctrl+t旋转-30度 。单独选中投影层,移至如图所示的位置,执行滤镜—模糊—高斯模糊3px,并设置不透明度为20%。

39、复制“USB投影”图层,命名为“阴影”,ctrl+u打开色相/饱和度面板,将明度拉到-100,使阴影变成黑色。滤镜—模糊—高斯模糊40PX。设置不透明度为50%。适当的对阴影位置进行调整,如下图所示:盘我们已经完成啦,给它添上一个背景,如果对U盘还有什么不满意用曲线适当调整一下,总之做我们做这么辛苦,就是希望它漂亮罗。

原文出处

推荐阅读-Photoshop分类教程

PS入门教程 PS路径教程 PS滤镜教程 PS图层教程 PS通道教程 PS画笔笔刷

PS工具教程 PS创意制作 PS插画制作 PS成签制作 PS海报制作 PS壁纸制作

PS动画制作 PS影楼后期 PS美容教程 PS美白教程 PS磨皮教程 PS清晰修复

PS调色教程 PS边框纹饰 PS排字教程 PS字效教程 PS仿手绘 PS鼠绘教程

PS网页元素 PS抠图教程 PS图片合成 PS非主流 PS视频教程 PS软件资源

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多