ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

用新浪微博连接

一步搞定

查看: 5399|回复: 38
收起左侧

[按钮图标] Photoshop设计折纸效果天气图标

[复制链接]
发表于 2014-7-15 20:54:53 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?注册

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


                               
登录/注册后可看大图

提示:教程详细步骤在二楼,不用回复也能看到!
想下载该教程的可以回复获取下载网址:点击进入下载页
教程编号:133939 作者:Ttete 出处:百度贴吧
 楼主| 发表于 2014-7-15 20:54:55 | 显示全部楼层

Photoshop设计折纸效果天气图标


1.整个图层分类一览


                               
登录/注册后可看大图

使用道具 支持 反对

举报 引用

 楼主| 发表于 2014-7-15 20:54:56 | 显示全部楼层

Photoshop设计折纸效果天气图标


2.制作背景


                               
登录/注册后可看大图




                               
登录/注册后可看大图

使用道具 支持 反对

举报 引用

 楼主| 发表于 2014-7-15 20:54:57 | 显示全部楼层

Photoshop设计折纸效果天气图标


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


                               
登录/注册后可看大图

教你如何快速获得零用钱!!! 【转发帖子可以免费下载帖子里的资源.】
使用道具 支持 反对

举报 引用

 楼主| 发表于 2014-7-15 20:54:58 | 显示全部楼层

Photoshop设计折纸效果天气图标


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


                               
登录/注册后可看大图

使用道具 支持 反对

举报 引用

 楼主| 发表于 2014-7-15 20:54:59 | 显示全部楼层

Photoshop设计折纸效果天气图标


6:


                               
登录/注册后可看大图

正式会员可以给帖子评分送花! 高级会员可以发表隐藏回复帖!
使用道具 支持 反对

举报 引用

 楼主| 发表于 2014-7-15 20:55:00 | 显示全部楼层

Photoshop设计折纸效果天气图标


7.制作第三个


                               
登录/注册后可看大图

使用道具 支持 反对

举报 引用

 楼主| 发表于 2014-7-15 20:55:01 | 显示全部楼层

Photoshop设计折纸效果天气图标


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


                               
登录/注册后可看大图

教你如何快速获得零用钱!!! 【转发帖子可以免费下载帖子里的资源.】
使用道具 支持 反对

举报 引用

 楼主| 发表于 2014-7-15 20:55:02 | 显示全部楼层

Photoshop设计折纸效果天气图标


9. 滤镜--模糊


                               
登录/注册后可看大图

教你如何快速获得零用钱!!! 【转发帖子可以免费下载帖子里的资源.】
使用道具 支持 反对

举报 引用

 楼主| 发表于 2014-7-15 20:55:03 | 显示全部楼层

Photoshop设计折纸效果天气图标

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


                               
登录/注册后可看大图

使用道具 支持 反对

举报 引用

 楼主| 发表于 2014-7-15 20:55:04 | 显示全部楼层

Photoshop设计折纸效果天气图标


11.调整渐变工具。


                               
登录/注册后可看大图

教你如何快速获得零用钱!!! 【转发帖子可以免费下载帖子里的资源.】
使用道具 支持 反对

举报 引用

 楼主| 发表于 2014-7-15 20:55:05 | 显示全部楼层

Photoshop设计折纸效果天气图标


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


                               
登录/注册后可看大图

教你如何快速获得零用钱!!! 【转发帖子可以免费下载帖子里的资源.】
使用道具 支持 反对

举报 引用

 楼主| 发表于 2014-7-15 20:55:06 | 显示全部楼层

Photoshop设计折纸效果天气图标


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


                               
登录/注册后可看大图

教你如何快速获得零用钱!!! 【转发帖子可以免费下载帖子里的资源.】
使用道具 支持 反对

举报 引用

 楼主| 发表于 2014-7-15 20:55:07 | 显示全部楼层

Photoshop设计折纸效果天气图标


14


                               
登录/注册后可看大图

教你如何快速获得零用钱!!! 【转发帖子可以免费下载帖子里的资源.】
使用道具 支持 反对

举报 引用

 楼主| 发表于 2014-7-15 20:55:08 | 显示全部楼层

Photoshop设计折纸效果天气图标


15


                               
登录/注册后可看大图

正式会员可以给帖子评分送花! 高级会员可以发表隐藏回复帖!
使用道具 支持 反对

举报 引用

您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|不能登录?|Archiver|photoshop教程论坛 ( 粤ICP备07017357号

GMT+8, 2018-9-26 10:34 , Processed in 0.059163 second(s), 12 queries , Gzip On, Xcache On.

Powered by Discuz! X3.1

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表