当前位置:首页>ps实例教程>ps网页设计>按钮图标>教程内容

ps设计天气类图标(5)

来源:百度贴吧 作者:Ttete 学习:9335人次

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

效果图:

Photoshop设计折纸效果天气图标

1.整个图层分类一览

Photoshop设计折纸效果天气图标

2.制作背景

Photoshop设计折纸效果天气图标

Photoshop设计折纸效果天气图标

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

Photoshop设计折纸效果天气图标

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

Photoshop设计折纸效果天气图标
6:

Photoshop设计折纸效果天气图标

7.制作第三个

Photoshop设计折纸效果天气图标

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

Photoshop设计折纸效果天气图标

9. 滤镜--模糊

Photoshop设计折纸效果天气图标

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

Photoshop设计折纸效果天气图标

11.调整渐变工具。

Photoshop设计折纸效果天气图标

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

Photoshop设计折纸效果天气图标

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

Photoshop设计折纸效果天气图标
14

Photoshop设计折纸效果天气图标
15

Photoshop设计折纸效果天气图标

16.制作云彩

Photoshop设计折纸效果天气图标

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

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

Photoshop设计折纸效果天气图标

18.复制上图的第一层。

Photoshop设计折纸效果天气图标

19.变换位置。

Photoshop设计折纸效果天气图标

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

Photoshop设计折纸效果天气图标

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

Photoshop设计折纸效果天气图标

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

Photoshop设计折纸效果天气图标

23.云彩也就搞定了。

Photoshop设计折纸效果天气图标

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

Photoshop设计折纸效果天气图标

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

Photoshop设计折纸效果天气图标

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

Photoshop设计折纸效果天气图标

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

Photoshop设计折纸效果天气图标

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

Photoshop设计折纸效果天气图标

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

Photoshop设计折纸效果天气图标
30:

Photoshop设计折纸效果天气图标

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

Photoshop设计折纸效果天气图标
32

Photoshop设计折纸效果天气图标

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

Photoshop设计折纸效果天气图标

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

Photoshop设计折纸效果天气图标

35.做上作品标题

Photoshop设计折纸效果天气图标

36.字体图层样式设置

Photoshop设计折纸效果天气图标
37:

Photoshop设计折纸效果天气图标

38.完成

Photoshop设计折纸效果天气图标

最终效果

Photoshop设计折纸效果天气图标

 

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序

关注大神微博加入>>

网友求助,请回答!