数码资源网

文章频道 软件下载 安卓下载 苹果下载

当前位置:首页文章中心平面专栏Photoshop → Photoshop实例教程 绘制光滑精致的橙色立体图标

Photoshop实例教程 绘制光滑精致的橙色立体图标

时间:2012-10-06 11:27:52人气:187作者:网友整理
UI设计教程安卓版(最系统的UI教程) v1.4.2 手机版
UI设计教程安卓版(最系统的UI教程) v1.4.2 手机版 for Android
  • 类型:安卓系统应用大小:26.58M语言:简体中文 评分:3.0
  • 为用户提供如何最手机界面设计的绘画和图标设计基础教学。UI设计教程安卓版同时还有...
立即下载
小A教程安卓官方版(iApp学习教学) v1.2 正式版
小A教程安卓官方版(iApp学习教学) v1.2 正式版 for Android
  • 类型:安卓学习阅读大小:17.01M语言:简体中文 评分:3.0
  • 这是一款全新的iApp快捷高效的安卓端学习与应用托管平台。小A教程安卓官方版帮你...
立即下载
PS设计达人v1.3.0
PS设计达人v1.3.0 for Android
  • 类型:安卓图像处理大小:53.13M语言:简体中文 评分:3.8
  • PS设计达人app是一款专业给力的全新处理手机客户端软件,app提供海量精选的优...
立即下载

本教程介绍一个非常精美的橙色立体图标,由于效果图的构造比较复杂,立体面部分不是单一的图层,由很多渐变及添加好样式的图层构成,比较光滑并有层次感,所以我们在制作时需要非常细致耐心。希望对大家有所帮助。
最后效果图:

 

1、新建文档,可以根据自己的需要设定。

2、设置前景色为橙色(#e2832f),在工具箱中找到矢量圆角矩形工具,设置半径值为40px,按住Shift键绘制个带有圆角的正方形。

 

3、按CTRL+T对圆角正方形进行变形调整,使其产生立体效果,如图。

 
 

4、为其添加径向渐变,前景色为:#fac042 ,背景色为:#d75927 。新建空白图层,再使用钢笔工具勾出高光路径,如图。

 

5、按CTRL+回车键,将路径转换成选区,并为其拉出由橙色到浅橙的渐变,并更改其不透明度,效果如图。

 

6、我们用同样的方法去制作其它部分,并按CTRL+T进行调整,效果如图。

 

7、继续向下进行调整,这样看起来更加的有立体感,如图。

 
 

[page]
 

8、调整好后,为其添加图层样式,参数如图,效果如图。

 

9、新建空白图层,注意图层顺序,使用渐变工具结合画笔工具,为其增加高光效果,如图。

 

10、用同样的方法继续制倾斜的正方形,并为其添加渐变样式,效果如图。

 

11、继续调整其高光,中间调,阴影效果,如图。

 

[page]
 

12、继续使用渐变工具对其进行高光区域进行加强调整,如图。

 

13、调出图层选区,新建空白图层,使用渐变工具,设置颜色由透明到橙色(#c35c18),由中心向右上角拉出,效果如图。

 

14、注意四个角的高光加强,如图。

 

15、新建空白图层,使用钢笔工具绘制选区,选择渐变工具,设置颜色由透明到白色,拉出渐变,并调整其不透明度,效果如图。

 

16、继续用同样的方法去制作,设置图层混合模式的强光和降低其填充至25%左右。

 

17、使用钢笔工具结合矢量工具中的一些图形,来制作RSS符号,并按CTRL+T对其进行调整,如图。

 
 

18、为RSS符号添加图层样式,效果如图。

 

 19、为RSS符号继续添加阴影效果,这样看起来更加的立体,如图。

 

调整其阴影不透明度,修饰细节,完成。

最后效果图: 

相关文章

感谢速联科技、八度网络、九九数据、亿恩科技、群英网络赞助部分带宽!

关于本站 | 联系方式 | 版权声明 | 下载帮助(?) | 网站地图

Copyright 2002-2020 95262.com 【数码资源网】 版权所有 粤ICP备2020128507号-1

本站所有软件来自互联网,版权归原著所有。如有侵权,敬请来信告知 ,我们将及时撤销。