• Hello!欢迎来到网页设计学!
当前位置: 首页 > photoshop > ps制作剪纸折纸效果的天气预报图标

ps制作剪纸折纸效果的天气预报图标

.................................................................................................................................................................

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

效果图:
Weather-forecast-paper-effect-fanial

1.制作背景,填充颜色,添加图案叠加。
Weather-forecast-paper-effect2

2.制作太阳:先绘制一个圆形,填充黄色。Weather-forecast-paper-effect4

3.在绘制一个圆形,填充橙色,用CTRL+T变形,将圆形两边向里拖动。
Weather-forecast-paper-effect5

4.添加投影效果
Weather-forecast-paper-effect6

5.再绘制一个圆,变形后填充更深的颜色,添加投影。
Weather-forecast-paper-effect7

6.新建图层制作整体太阳的投影。做整体选区,新建图层填充黑色。把该图层放在太阳所有图层最下边。
Weather-forecast-paper-effect8

7. 滤镜–模糊-动感模糊
Weather-forecast-paper-effect9

8.添加蒙版去掉上边多余部分,填充降为54%。
Weather-forecast-paper-effect10

9.调整渐变工具橙色到透明。
Weather-forecast-paper-effect11

10.新建图层,以最上层太阳作为选区,用渐变工具从左拉至中间。
Weather-forecast-paper-effect12

11.制作折痕。用矩形选框工具或矢量工具拉3根竖线条,颜色从左到右由浅至深的,颜色参考下图,并调整不透明度。
Weather-forecast-paper-effect13
Weather-forecast-paper-effect14

12.制作云彩,用钢笔做个完美的云朵选区。填充渐变色。
Weather-forecast-paper-effect17

13.复制上图的右部分,并用CTRL+T变形(右边向里推)。然后添加渐变叠加效果。
Weather-forecast-paper-effect18

14.用矩形选框工具或矢量工具拉3根竖线条,颜色从左到右由浅至深的,颜色参考下图,并调整不透明度。
Weather-forecast-paper-effect20

15.复制第一层云朵图层然后变形向两边拉伸。(注:云彩的投影做法同太阳投影的方法)
Weather-forecast-paper-effect21

16.调好图层样式里面的渐变叠加。
Weather-forecast-paper-effect22

17.复制2个云彩 放好位置调节大小。
Weather-forecast-paper-effect24

18.开始做水滴,看图解↓
Weather-forecast-paper-effect25

19.复制图层改变颜色(加深),填加蒙版遮盖一半。
Weather-forecast-paper-effect26

20.在复制一层图层,向里变形,改变颜色。
Weather-forecast-paper-effect27

21.在复制一层改变颜色,同样的填加蒙版遮盖一半。
Weather-forecast-paper-effect28

22.可以调节下最上面这层的图层样式为了更有质感(不加样式也行)
Weather-forecast-paper-effect29

Weather-forecast-paper-effect30

23.下面开始做水滴的投影(跟以上太阳-云彩投影同样方法)
Weather-forecast-paper-effect31
Weather-forecast-paper-effect32

24.做好投影图层后 (最好在复制一个投影图层效果会更好)
Weather-forecast-paper-effect33

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

最终效果!
Weather-forecast-paper-effect-fanial

本文链接:ps制作剪纸折纸效果的天气预报图标

转载声明:本站文章若无特别说明,皆为原创,转载请注明来源:网页设计学,不可只有文字没有链接,请尊重他人的劳动成果!否则我们将追究其责任。

特别说明:本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!


...........................................................................................................................................................

相关文章

发表评论

友情链接:

  • 网页设计

专业网页设计师交流平台 设计交流QQ群: 网页设计交流