起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 短期培训 > 设计培训 > PS绘制折纸效果天气图

PS绘制折纸效果天气图

时间:2016-05-19 09:40:00来源:UI设计网 作者:起航学习网 已有: 名学员访问该课程

  快捷搜索:PS绘制


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

前言:Photoshop!、UI设计的小伙伴们要不要尝试一下这种新的方式呢,这纸张的质感,是不是很逼真,萌萌哒~做界面,不走寻常路咯~ 我们先来看看最终的效果图吧: 教程的图片有点小,实在没有找到大图,但是觉得内容真的不错,还是发了,大家看着可能要辛苦眼睛了~!555

萌物来了,这可不是纸折的呦~  对哒,Photoshop!、UI设计的小伙伴们要不要尝试一下这种新的方式呢,这纸张的质感,是不是很逼真,萌萌哒~做界面,不走寻常路咯~ 我们先来看看最终的效果图吧: 教程的图片有点小,实在没有找到大图,但是觉得内容真的不错,还是发了,大家看着可能要辛苦眼睛了~!555

PS绘制折纸效果天气图_qh.itpxw.cn

具体的制作步骤如下:

  • 整个图层分类一览

PS绘制折纸效果天气图_qh.itpxw.cn

2.制作

PS绘制折纸效果天气图_qh.itpxw.cn

PS绘制折纸效果天气图_qh.itpxw.cn

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

PS绘制折纸效果天气图_qh.itpxw.cn

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

PS绘制折纸效果天气图_qh.itpxw.cn

PS绘制折纸效果天气图_qh.itpxw.cn

5.制作第三个

PS绘制折纸效果天气图_qh.itpxw.cn

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

PS绘制折纸效果天气图_qh.itpxw.cn

7. 滤镜–模糊

PS绘制折纸效果天气图_qh.itpxw.cn

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

PS绘制折纸效果天气图_qh.itpxw.cn

9.调整渐变工具。

PS绘制折纸效果天气图_qh.itpxw.cn

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

PS绘制折纸效果天气图_qh.itpxw.cn

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

PS绘制折纸效果天气图_qh.itpxw.cn

PS绘制折纸效果天气图_qh.itpxw.cn

12.制作云彩

PS绘制折纸效果天气图_qh.itpxw.cn

13.(由于tt当时做的时候偷了个懒,导致边缘非常粗糙 像狗啃的一样,后来又加工。[大家一定知道我偷了什么懒] (┬_┬)~所以在此我严厉的希望大家用钢笔做个完美的选区)

PS绘制折纸效果天气图_qh.itpxw.cn

14.复制上图的第一层。

PS绘制折纸效果天气图_qh.itpxw.cn

15.变换位置。

PS绘制折纸效果天气图_qh.itpxw.cn

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

PS绘制折纸效果天气图_qh.itpxw.cn

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

PS绘制折纸效果天气图_qh.itpxw.cn

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

PS绘制折纸效果天气图_qh.itpxw.cn

19.云彩也就搞定了。

PS绘制折纸效果天气图_qh.itpxw.cn

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

PS绘制折纸效果天气图_qh.itpxw.cn

21.开始做水滴,看图解

PS绘制折纸效果天气图_qh.itpxw.cn

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

PS绘制折纸效果天气图_qh.itpxw.cn

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

PS绘制折纸效果天气图_qh.itpxw.cn

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

PS绘制折纸效果天气图_qh.itpxw.cn

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

PS绘制折纸效果天气图_qh.itpxw.cn

PS绘制折纸效果天气图_qh.itpxw.cn

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

PS绘制折纸效果天气图_qh.itpxw.cn

PS绘制折纸效果天气图_qh.itpxw.cn

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

PS绘制折纸效果天气图_qh.itpxw.cn

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

PS绘制折纸效果天气图_qh.itpxw.cn

29.做上作品标题

PS绘制折纸效果天气图_qh.itpxw.cn

30.字体图层样式设置

PS绘制折纸效果天气图_qh.itpxw.cn

PS绘制折纸效果天气图_qh.itpxw.cn

31.完成

PS绘制折纸效果天气图_qh.itpxw.cn

PS绘制折纸效果天气图_qh.itpxw.cn

文章出自:http://qh.itpxw.cn/peixun/ui/201613971.html

文章标题:PS绘制折纸效果天气图



免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

(责任编辑:IT培训网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------