Photoshop制作精致的橙色立体RSS订阅图标教程

2016-03-17 21:03 8 1 收藏

每个人都希望每天都是开心的，不要因为一些琐事扰乱了心情，闲暇的时间怎么打发，关注图老师可以让你学习更多的好东西，下面为大家推荐Photoshop制作精致的橙色立体RSS订阅图标教程，赶紧看过来吧！

【 tulaoshi.com - PS 】

来源：PS联盟作者：大眼仔~旭
效果图的构造比较复杂，立体面部分并不是单一的图层，由很多渐变及添加好样式的图层构成，比较光滑并有层次感，制作的时候需要非常细致。
最终效果

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

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

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

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/ps/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/ps/）4、为其添加径向渐变，前景色为：#fac042 ，背景色为：#d75927 。新建空白图层，再使用钢笔工具勾出高光路径，如图。

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

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

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

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/ps/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/ps/）8、调整好后，为其添加图层样式，参数如图，效果如图。

Tulaoshi.Com

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/ps/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/ps/）9、新建空白图层，注意图层顺序，使用渐变工具结合画笔工具，为其增加高光效果，如图。

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

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

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/ps/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/ps/）12、继续使用渐变工具对其进行高光区域进行加强调整，如图。

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

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

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

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

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

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

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

来源:http://www.tulaoshi.com/n/20160317/1865728.html

上一篇： Photoshop设计黄色风格的香蕉桌面壁纸教程
下一篇： Photoshop给美女加上绚丽的潮流光束教程

看过《Photoshop制作精致的橙色立体RSS订阅图标教程》的人还看了以下文章更多>>

Photoshop制作精致的相机相关的立体图标

本教程图标制作过程介绍的不是很详细，不过主要思路及图片的构造都有图示说明。制作的时候尽量多思考，根据作者提供的一些效果图去慢慢摸索。最终效果 1、新建一个大小适当的文件，背景填充暗灰色。选择圆角矩形工具，画一个512 * 512像素的圆角矩形，圆角半径是90像素。新建一个图层，用矩形选框工具拉一个矩形选区填充红色，然后...

Photoshop制作橙色颓废纹理立体字教程

标签： PS教程

本教程立体效果制作方法跟其它立体字类似。都是用错位的方法来表现立体面，用渐变等来制作质感。然后再给文字表面装饰一些纹理素等即可。最终效果 1、首先打开下图所示的纹理背景，不需要再新建文档。 2、选择文字工具，打上想要的文字，文字颜色为：#FAD6A6，字体问英文字体：AvantGarde Md BT，也可以选用自己喜爱的字...

Photoshop设计三角形RSS订阅图标

标签： PS PS基础

先看效果图。新建文档1280x1024像素，背景白色，建新层，前景色白色画下图所示形状。添加图层样式。效果如下。复制一层，ctrl+T缩小些，为了让大家看清楚，我把颜色改为黑色。添加图层样式。效果如下。建新层，调出小三角选区，前景色#edde56用笔刷涂抹，效果如下。图层模式改为叠加，填充...

Photoshop设计橙色黑色RSS网页按钮教程

标签： PS PS基础 ps平面设计教程 ps去水印教程

最终效果图 1、新建一个图片大小为376x188像素，背景白色，创建一个新图层，然后画一个黑色的圆角矩形。 2、选择“图层—图层样式”，添加内发光、描边、渐变叠加这3种图层样式。效果如下。 3、创建一个新图层，使用“圆角矩形工具”画一白色的圆角矩形，如图所示。 ...

Photoshop制作质感的橙色塑胶立体字教程

标签： PS PS基础

先看看效果图 1、新建一个800 * 600像素的文件，背景填充黑色，如下图。 2、选择文字工具打上需要的文字，文字颜色用橙黄色：#C98E02，教程用到的是自制字体，文字的菱角多一些效果会明显一点，可以直接使用下面的文字素材。 3、双击图层面板文字缩略图调出图层样式，选择斜面和浮雕，具体参数设置如下图。高光颜色为：#f7dd3e...

查看更多精彩>>