页面载入中...

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

xingphotoshop, 2014-07-160

 15051GR5-0[1].jpg

今天跟大家一起来学习做个折纸效果的天气预报小图标,主要用到工具是路径,这种效果其实并不难,主要通过光影的明暗层次过度来体现质感与立体效果,喜欢的同学可以学习一下。

效果图:

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

1.整个图层分类一览

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

2.制作背景

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

4.制作太阳 (本人的图层比较混乱 对不住大家了 凑合着看吧,不明白的慢慢体会)

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

5.制作第二个(太阳分三个图层,椭圆工具变形)

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

7.制作第三个

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

8.选区 新建图层制作投影。

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

9. 滤镜--模糊

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

10.在家蒙版去掉多余部分

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

11.调整渐变工具。

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

12.用渐变工具拉至中间。

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

13.制作自己折痕。用矩形选框工具或矢量工具拉3根由浅到深的下图颜色的条,调整透明度。

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

16.制作云彩

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

17.(由于TT当时做的时候偷了个懒,导致边缘非常粗糙 像狗啃的一样,后来又加工。[大家一定知道我偷了什么懒] (┬_┬)~

所以在此我严厉的希望大家用钢笔做个完美的选区)

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

18.复制上图的第一层。

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

19.变换位置。

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

20.用矩形选框工具竖拉3个由浅到深的下图颜色的条,调整透明度。

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

21.复制第一片纸图层 然后变形拉伸。注:以上面做太阳投影的方法做好云彩的投影

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

22.调好图层样式里面的渐变叠加。

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

23.云彩也就搞定了。

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

24复制2个云彩 放好位置调节大小。

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

25.开始做水滴,看图解↓

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

26.复制图层改变颜色,增加蒙版遮盖一半。

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

27.在复制一层图层,变形改变颜色。

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

28.在复制一层改变颜色,同样的增加蒙版遮盖一半。

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

29.可以调节下最上面这层的图层样式为了更有质感(不加样式也行)

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

31.下面开始做水滴的投影,跟以上太阳-云彩投影同样方法

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

33.做好投影图层后 (最好在复制一个投影图层效果会更好)

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

34.最后复制做好的水滴《改变每个水滴的颜色》+(个数,大小,颜色,位置,自行设计)

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

35.做上作品标题

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

36.字体图层样式设置

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

38.完成

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

最终效果

Photoshop制作折纸特效的天气图标教程,PS教程,素材中国

 来源:百度贴吧    作者:Ttete


分享:

设计原的发展离不开您的支持与帮助,如果您觉得设计原对您有所帮助 可以用微信扫描

相应二维码打赏设计原,赏金将全部用于网站建设

微信