Photoshop打造带水珠的雾化玻璃效果

钢笔的构造不是很复杂,不过表面的质感比较难把握。制作的重点了解某一个部分的制作,其它部分用同样的方法就可以完成。
最终效果

Photoshop制作一支逼真的金属钢笔_亿码酷站___亿码酷站平面设计教程插图

1、首先,我们参照下面的设置创建一个新的文档。

Photoshop制作一支逼真的金属钢笔_亿码酷站___亿码酷站平面设计教程插图1

 

2、创建一个新图层命名为“PEN”。使用钢笔工具(P)绘制下图所示的形状。绘制形状时,一定要选择“形状图层”的选项。我们把这个形状叫做“打底”,添加图层样式渐变叠加如下图所示。

Photoshop制作一支逼真的金属钢笔_亿码酷站___亿码酷站平面设计教程插图2

Photoshop制作一支逼真的金属钢笔_亿码酷站___亿码酷站平面设计教程插图3

Photoshop制作一支逼真的金属钢笔_亿码酷站___亿码酷站平面设计教程插图4

 

3、使用钢笔工具(P)绘制另一个形状我们称之为body。

Photoshop制作一支逼真的金属钢笔_亿码酷站___亿码酷站平面设计教程插图5

4、你需要给钢笔的主体添加一些细节。按CTRL并单击“body”层,创建一个新层,用白色填充。按Ctrl + T是图层的宽度为原来的75%。然后去“滤镜>模糊>动感模糊”,单击后,按照下面所示的参数设置。最后,降低图层不透明度为50%,添加图层样式中的渐变叠加如下所示。

Photoshop制作一支逼真的金属钢笔_亿码酷站___亿码酷站平面设计教程插图6

Photoshop制作一支逼真的金属钢笔_亿码酷站___亿码酷站平面设计教程插图7

Photoshop制作一支逼真的金属钢笔_亿码酷站___亿码酷站平面设计教程插图8

Photoshop制作一支逼真的金属钢笔_亿码酷站___亿码酷站平面设计教程插图9

Photoshop制作一支逼真的金属钢笔_亿码酷站___亿码酷站平面设计教程插图10

 

5、使用矩形工具(U)或钢笔工具(P)创建下图所示的形状,并将其命名为“NECK”。给它添加图层样式如下。(overlay意为叠加)。

Photoshop制作一支逼真的金属钢笔_亿码酷站___亿码酷站平面设计教程插图11

Photoshop制作一支逼真的金属钢笔_亿码酷站___亿码酷站平面设计教程插图12

Photoshop制作一支逼真的金属钢笔_亿码酷站___亿码酷站平面设计教程插图13

【亿码酷站-编程开发教程】收集全网优质教程及源码资源!

全网优质软件开发、平面设计等教程及精品源码资源一站可得,www.ymkuzhan.com!

6、给“neck”层添加反射,得到如下的效果,将透明度设置为75%,再复制一层透明度设置为100%,保持他们大小相同。

Photoshop制作一支逼真的金属钢笔_亿码酷站___亿码酷站平面设计教程插图14

7、使用钢笔工具(P),做出如下所示形状。

Photoshop制作一支逼真的金属钢笔_亿码酷站___亿码酷站平面设计教程插图15

8、在图层上单击右键,在菜单中选择“栅格化”(老外又?嗦了一堆),然后去滤镜>模糊>高斯模糊(半径= 0.5像素),滤镜>锐化>锐化边缘。接下来,添加下图所示的图层样式

Photoshop制作一支逼真的金属钢笔_亿码酷站___亿码酷站平面设计教程插图16

Photoshop制作一支逼真的金属钢笔_亿码酷站___亿码酷站平面设计教程插图17

Photoshop制作一支逼真的金属钢笔_亿码酷站___亿码酷站平面设计教程插图18

 

9、创建一个新层(命名为“shadow”)让它位于下面一层。按住CTRL单击层,建立选区,去“选择>修改>扩展”,输入2px,单击确定。然后用黑色填充“shadow”层。最后给“shadow”层添加“滤镜>模糊>高斯模糊”(半径= 0.5像素)。

Photoshop制作一支逼真的金属钢笔_亿码酷站___亿码酷站平面设计教程插图19

10、删除“shadow”层有多余的部分,按住CTRL并单击“body”层CTRL+ SHIFT+单击“ENCK”层。进入“选择>修改>收缩”,输入1像素,单击确定。选定“shadow”层,按CTRL+ SHIFT +I 删除多余部分。

Photoshop制作一支逼真的金属钢笔_亿码酷站___亿码酷站平面设计教程插图20

11、使用钢笔工具(P)创建像下图所示的形状,添加图层样式(与步骤2中图层样式相同)。

Photoshop制作一支逼真的金属钢笔_亿码酷站___亿码酷站平面设计教程插图21

Photoshop制作一支逼真的金属钢笔_亿码酷站___亿码酷站平面设计教程插图22

 

12、创建一个新图层,使用矩形选框工具和椭圆选框工具建立选区如下所示,并用黑色填充。然后添加蒙板,添加如下所示的渐变。

Photoshop制作一支逼真的金属钢笔_亿码酷站___亿码酷站平面设计教程插图23

Photoshop制作一支逼真的金属钢笔_亿码酷站___亿码酷站平面设计教程插图24

13、按照步骤7和步骤8的操作在笔尖的下部添加阴影,如图所示。

Photoshop制作一支逼真的金属钢笔_亿码酷站___亿码酷站平面设计教程插图25

Photoshop制作一支逼真的金属钢笔_亿码酷站___亿码酷站平面设计教程插图26

 

14、现在将制作完成的所有图层复制,合并所有副本图层,(原始图层作为备份保存)进入“编辑>变换>旋转”,顺时针旋转45度。最后,添加一些如下的图层样式

Photoshop制作一支逼真的金属钢笔_亿码酷站___亿码酷站平面设计教程插图27

Photoshop制作一支逼真的金属钢笔_亿码酷站___亿码酷站平面设计教程插图28

Photoshop制作一支逼真的金属钢笔_亿码酷站___亿码酷站平面设计教程插图29

Photoshop制作一支逼真的金属钢笔_亿码酷站___亿码酷站平面设计教程插图30

最终效果:

云服务器推荐