psschool 发表于 2014-7-17 00:00:00

Photoshop设计制作折纸特效的天气图标教程

今天跟大家一起来学习做个折纸效果的天气预报小图标,主要用到工具是路径,这种效果其实并不难,主要通过光影的明暗层次过度来体现质感与立体效果,喜欢的同学可以学习一下。
效果图:
http://www.06ps.com/d/file/2014/0717/20140717072317848.png
1.整个图层分类一览
http://www.06ps.com/d/file/2014/0717/20140717072322574.png
2.制作背景
http://www.06ps.com/d/file/2014/0717/20140717072324426.png

http://www.06ps.com/d/file/2014/0717/20140717072326693.png
4.制作太阳 (本人的图层比较混乱 对不住大家了 凑合着看吧,不明白的慢慢体会)
http://www.06ps.com/d/file/2014/0717/20140717072329927.png
5.制作第二个(太阳分三个图层,椭圆工具变形)
http://www.06ps.com/d/file/2014/0717/20140717072331199.png

http://www.06ps.com/d/file/2014/0717/20140717072333466.png
7.制作第三个
http://www.06ps.com/d/file/2014/0717/20140717072336922.png
8.选区 新建图层制作投影。
http://www.06ps.com/d/file/2014/0717/20140717072338196.png
9. 滤镜--模糊
http://www.06ps.com/d/file/2014/0717/20140717072340651.png
   
               
                  10.在家蒙版去掉多余部分
http://www.06ps.com/d/file/2014/0717/20140717072343727.png
11.调整渐变工具。
http://www.06ps.com/d/file/2014/0717/20140717072347108.png
12.用渐变工具拉至中间。
http://www.06ps.com/d/file/2014/0717/20140717072349959.png
13.制作自己折痕。用矩形选框工具或矢量工具拉3根由浅到深的下图颜色的条,调整透明度。
http://www.06ps.com/d/file/2014/0717/20140717072352359.png

http://www.06ps.com/d/file/2014/0717/20140717072355764.png

http://www.06ps.com/d/file/2014/0717/20140717072357574.png
16.制作云彩
http://www.06ps.com/d/file/2014/0717/20140717072400972.png
17.(由于TT当时做的时候偷了个懒,导致边缘非常粗糙 像狗啃的一样,后来又加工。[大家一定知道我偷了什么懒, (┬_┬)~
所以在此我严厉的希望大家用钢笔做个完美的选区)
http://www.06ps.com/d/file/2014/0717/20140717072402584.png
   
               
                  18.复制上图的第一层。
http://www.06ps.com/d/file/2014/0717/20140717072405687.png
19.变换位置。
http://www.06ps.com/d/file/2014/0717/20140717072408349.png
20.用矩形选框工具竖拉3个由浅到深的下图颜色的条,调整透明度。
http://www.06ps.com/d/file/2014/0717/20140717072410632.png
21.复制第一片纸图层 然后变形拉伸。注:以上面做太阳投影的方法做好云彩的投影
http://www.06ps.com/d/file/2014/0717/20140717072413490.png
22.调好图层样式里面的渐变叠加。
http://www.06ps.com/d/file/2014/0717/20140717072417347.png
23.云彩也就搞定了。
http://www.06ps.com/d/file/2014/0717/20140717072427654.png
24复制2个云彩 放好位置调节大小。
http://www.06ps.com/d/file/2014/0717/20140717072430573.png
   
               
                  25.开始做水滴,看图解↓
http://www.06ps.com/d/file/2014/0717/20140717072432515.png
26.复制图层改变颜色,增加蒙版遮盖一半。
http://www.06ps.com/d/file/2014/0717/20140717072435856.png
27.在复制一层图层,变形改变颜色。
http://www.06ps.com/d/file/2014/0717/20140717072437315.png
28.在复制一层改变颜色,同样的增加蒙版遮盖一半。
http://www.06ps.com/d/file/2014/0717/20140717072439925.png
29.可以调节下最上面这层的图层样式为了更有质感(不加样式也行)
http://www.06ps.com/d/file/2014/0717/20140717072442990.png

http://www.06ps.com/d/file/2014/0717/20140717072444794.png
31.下面开始做水滴的投影,跟以上太阳-云彩投影同样方法
http://www.06ps.com/d/file/2014/0717/20140717072446946.png

http://www.06ps.com/d/file/2014/0717/20140717072450875.png
33.做好投影图层后 (最好在复制一个投影图层效果会更好)
http://www.06ps.com/d/file/2014/0717/20140717072452948.png
   
               
                  
34.最后复制做好的水滴《改变每个水滴的颜色》+(个数,大小,颜色,位置,自行设计)
http://www.06ps.com/d/file/2014/0717/20140717072453145.png
35.做上作品标题
http://www.06ps.com/d/file/2014/0717/20140717072458857.png
36.字体图层样式设置
http://www.06ps.com/d/file/2014/0717/20140717072500798.png

http://www.06ps.com/d/file/2014/0717/20140717072501290.png
38.完成
http://www.06ps.com/d/file/2014/0717/20140717072504724.png
最终效果
http://www.06ps.com/d/file/2014/0717/20140717072317848.png
页: [1]
查看完整版本: Photoshop设计制作折纸特效的天气图标教程