PHOTOSHOP营造下雨效果

本教程的效果很不错。作者制作的非常精细,尤其是文字的立体面的光感和透明效果渲染的比较真实。而且整个过程有详细的文字说明。非常值得学习。
最终效果

Photoshop制作漂亮的玻璃立体字_亿码酷站___亿码酷站平面设计教程插图

1、按Ctrl+N键新建一个文件,设置弹出的对话框如图3.1所示,单击“确定”按钮退出对话框,以创建一个新文件。

Photoshop制作漂亮的玻璃立体字_亿码酷站___亿码酷站平面设计教程插图1

 

2、打开下图所示的花纹背景。使用移动工具将其拖至刚制作的文件中,将其与当前画布吻合,同时得到图层“底图”。

Photoshop制作漂亮的玻璃立体字_亿码酷站___亿码酷站平面设计教程插图2

3、设置前景色为ea2b23,选择钢笔工具,在工具选项条上选择形状图层按钮,在画面中绘制如下图所示的文字形状,得到“形状1”。设置当前图层的填充为0%。

Photoshop制作漂亮的玻璃立体字_亿码酷站___亿码酷站平面设计教程插图3

4、单击添加图层样式按钮,在弹出的菜单中选择“描边”命令,设置如下图所示,隐藏路径后的效果如图。

Photoshop制作漂亮的玻璃立体字_亿码酷站___亿码酷站平面设计教程插图4

添加图层样式后的效果:

Photoshop制作漂亮的玻璃立体字_亿码酷站___亿码酷站平面设计教程插图5

5、复制“形状1”得到“形状1副本”,删除其图层样式,将填充更改为100%。配合方向键“→”、“↑”向右上方移动稍许,得到的效果如下图所示。

Photoshop制作漂亮的玻璃立体字_亿码酷站___亿码酷站平面设计教程插图6

6、单击添加图层蒙版按钮为“形状1副本”添加蒙版,设置前景色为黑色,选择画笔工具,在其工具选项条中设置适当的画笔大小及不透明度,在图层蒙版中进行涂抹,以将两端及右侧部分图像隐藏起来,直至得到如下图所示的效果。

Photoshop制作漂亮的玻璃立体字_亿码酷站___亿码酷站平面设计教程插图7

图层蒙版中的状态:

Photoshop制作漂亮的玻璃立体字_亿码酷站___亿码酷站平面设计教程插图8

7、在“形状1”矢量蒙版激活的状态下,切换至“路径”面板,双击“形状1矢量蒙版”,在弹出的对话框中将此路径存储为“路径1”。切换回“图层”面板。

8、按Ctrl+Alt+T键调出自由变换并复制控制框,配合方向键“→”(1次)、“↓”(2次)向右下方移动稍许,按Enter键确认操作。按Shift+Ctrl+Alt+T键多次执行再次变换并复制操作,得到如下图所示的效果。

 

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

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

设置当前图层的混合模式为“变暗”,以加深图像效果,得到的效果如下图所示效果。

Photoshop制作漂亮的玻璃立体字_亿码酷站___亿码酷站平面设计教程插图9

18、复制“渐变填充1”得到“渐变填充1副本”,更改此图层的混合模式为“正常”,按照第6步的操作方法,应用画笔工具,配合添加图层蒙版的功能为当前图层添加蒙版,以隐藏部分图像,直至得到类似图下图所示的效果。

Photoshop制作漂亮的玻璃立体字_亿码酷站___亿码酷站平面设计教程插图10

19、复制图层“渐变填充1副本”得到“渐变填充1副本2”,选择“编辑” “变换” “水平翻转”命令,及“垂直翻转”命令,并移向文件左侧,按Enter键确认操作,得到的效果如下图所示。

Photoshop制作漂亮的玻璃立体字_亿码酷站___亿码酷站平面设计教程插图11

设置当前图层的混合模式为“滤色”,以提亮图像,得到的效果,如下图所示。

Photoshop制作漂亮的玻璃立体字_亿码酷站___亿码酷站平面设计教程插图12

20、根据前面所讲的,结合画笔工具、形状工具、复制图层、添加图层蒙版、设置图层混合模式,以及添加图层样式等功能,制作文字后面的装饰图像,完成制作,最终效果如下图所示。

Photoshop制作漂亮的玻璃立体字_亿码酷站___亿码酷站平面设计教程插图13

单独显示本步的图像状态。

Photoshop制作漂亮的玻璃立体字_亿码酷站___亿码酷站平面设计教程插图14

 

图层参照图。

Photoshop制作漂亮的玻璃立体字_亿码酷站___亿码酷站平面设计教程插图15

Photoshop制作漂亮的玻璃立体字_亿码酷站___亿码酷站平面设计教程插图16

最终效果。

云服务器推荐