未連接 发表于 2014-7-15 20:54:53

Photoshop设计折纸效果天气图标

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

http://pic.16xx8.com/allimg/140715/2031321230-0.png
提示：教程详细步骤在二楼，不用回复也能看到！想下载该教程的可以回复获取下载网址:点击进入下载页教程编号:133939 作者：Ttete 出处：百度贴吧

未連接 发表于 2014-7-15 20:54:55

Photoshop设计折纸效果天气图标


1.整个图层分类一览

http://pic.16xx8.com/allimg/140715/2031322314-1.png

未連接 发表于 2014-7-15 20:54:56

Photoshop设计折纸效果天气图标


2.制作背景

http://pic.16xx8.com/allimg/140715/2031324152-2.png


http://pic.16xx8.com/allimg/140715/20313245I-3.png

未連接 发表于 2014-7-15 20:54:57

Photoshop设计折纸效果天气图标


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

http://pic.16xx8.com/allimg/140715/2031323158-4.png

未連接 发表于 2014-7-15 20:54:58

Photoshop设计折纸效果天气图标


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

http://pic.16xx8.com/allimg/140715/2031321138-5.png

未連接 发表于 2014-7-15 20:54:59

Photoshop设计折纸效果天气图标


6：

http://pic.16xx8.com/allimg/140715/2031322326-6.png

未連接 发表于 2014-7-15 20:55:00

Photoshop设计折纸效果天气图标


7.制作第三个

http://pic.16xx8.com/allimg/140715/20313253a-7.png

未連接 发表于 2014-7-15 20:55:01

Photoshop设计折纸效果天气图标


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

http://pic.16xx8.com/allimg/140715/203132H35-8.png

未連接 发表于 2014-7-15 20:55:02

Photoshop设计折纸效果天气图标


9. 滤镜--模糊

http://pic.16xx8.com/allimg/140715/20313253U-9.png

未連接 发表于 2014-7-15 20:55:03

Photoshop设计折纸效果天气图标

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

http://pic.16xx8.com/allimg/140715/2031325453-10.png

未連接 发表于 2014-7-15 20:55:04

Photoshop设计折纸效果天气图标


11.调整渐变工具。

http://pic.16xx8.com/allimg/140715/2031321L1-11.png

未連接 发表于 2014-7-15 20:55:05

Photoshop设计折纸效果天气图标


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

http://pic.16xx8.com/allimg/140715/2031322I4-12.png

未連接 发表于 2014-7-15 20:55:06

Photoshop设计折纸效果天气图标


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

http://pic.16xx8.com/allimg/140715/2031323562-13.png

未連接 发表于 2014-7-15 20:55:07

Photoshop设计折纸效果天气图标


14

http://pic.16xx8.com/allimg/140715/2031326226-14.png

未連接 发表于 2014-7-15 20:55:08

Photoshop设计折纸效果天气图标


15

http://pic.16xx8.com/allimg/140715/2031323B1-15.png
页: [1] 2 3
查看完整版本: Photoshop设计折纸效果天气图标