用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教

 

简介:本教程教大家用PhotoShop制作漂亮的立体3D橙色玻璃RSS Icon图标。呵呵,有一些时间没有好好写过PS教程了,不过也没有忘记继续学习PS哦,

坚持才能成功,亲,想学好PS,不动手是不行滴。
这篇教程是在国外网站上看的,效果图是挺漂亮的,简单的把教程翻译了一下,喜欢的可以参考下别人的做图思路。

我们可以拿来参考,分析,这样会对我们做图有帮助的。

先看最终效果图:

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图

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

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

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(1)

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

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(2)

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

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(3)

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

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(4)

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

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(5)

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

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(6)

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

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(7)

 

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(8)

 

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(9)

 

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(10)

 

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(11)

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

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(12)

 

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(13)

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

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(14)

 

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(15)

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

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(16)

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

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(17)

 

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(18)

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

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(19)

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

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(20)

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

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(21)

 

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(22)

 

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(23)

 

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(24)

 

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(25)

 

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(26)

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

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(27)

 

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(28)

 

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(29)

 

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(30)

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

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(31)

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

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(32)

 

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(33)

 

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(34)

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

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(35)

 

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(36)

 

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图(37)

20.调整其阴影不透明度,修饰细节,完成最终效果。

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教插图

 

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!
2.本站部分资源包有加密,加密统一密码为:www.51zhanma.cn
3. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理!
4. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
5. 如果您也有好的资源或教程,您可以投稿发布,用户购买后有销售金额的80%以上的分成收入!
6.如有侵权请联系客服邮件kefu@zhanma.cn
站码网 » 用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教

发表评论

  • 1809本站运营(天)
  • 1945会员数(个)
  • 5310资源数(个)
  • 1287评论数(个)
  • 0 近 30 天更新(个)
加入 VIP