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

2016-02-01 22:44 0 1 收藏

关注图老师电脑网络栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享Photoshop制作精致的橙色立体订阅图标教程,希望对大家能有一点小小的帮助。

【 tulaoshi.com - ps入门教程 】

效果图的构造比较复杂,立体面部分并不是单一的图层,由很多渐变及添加好样式的图层构成,比较光滑并有层次感,制作的时候需要非常细致。
最终效果

1、新建文档,可以根据自己的需要设定。
2、设置前景色为橙色(#e2832f),在工具箱中找到矢量圆角矩形工具,设置半径值为40px,按住Shift键绘制个带有圆角的正方形。

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

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

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

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

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

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

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)

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

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

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

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

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

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

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

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)

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

来源:https://www.tulaoshi.com/n/20160201/1526426.html

延伸阅读
图片虽然简单,不过制作起来并不容易。图标边缘有金属边框,中间为水晶效果,顶部还有图形。每一部分都要求做到非常细致,这样整体效果才更精致。 最终效果 1、首先,新建一个512×512的画布,设置如下。 2、设置参考线,上下左右各留出20px的边距,也就是说,这个图标的实际大小是472×472。 3、紧贴参考线,用形状工具...
效果图制作包括两个大的部分:首先是金属边框部分,用到了几个不同大小的正圆,分别添加了不同的图层样式来渲染质感。然后是中间的漩涡及放射效果制作,这些需要用不同的滤镜来完成。 最终效果 1、新建,背景填充深灰色,新建图层,选择椭圆工具(U)在图层B上创建一个白色圆圈这里名为B。 2、创建两个红色和绿色的圆圈...
教程过程介绍得有点简单,只介绍了几个部分的制作方法,不过其它部分的制作方法一致,多点耐心和细节就可以做出来。 最终效果 1、首先我们先画出剪影部分,这是个耐心活。 2、接着我们就要去抠细节了,从上自下抠细节。首先从屋檐开始抠细节。 3、然后把烟囱加上砖头,给烟囱加个投影。 4、做房顶的砖瓦。 ...
本交教程并不介绍完整的图标制作方法。只是介绍如果制作图标的托盘及抽丝图案的定义等。这是是一些基础操作,不过也非常实用。 最终效果 1、首先创建一个600X200的文档,选择圆角矩形工具,按照下图设置上面的工具栏选项。 2、在画布上画一个圆角矩形,如下: 3、选择钢笔工具,然后在圆角矩形里右击,选择填充路径,这...
本教程介绍小图标的制作过程。图标制作的要求比较高,尤其是水晶风格图标,有很多细节需要处理。看似很简单的东西做出来需要花很大的功夫。 最终效果 1、新建一个600 * 400像素的文件,背景填充白色,然后选择圆角矩形工具,半径为8,前景颜色设置为红色,拉一个小圆角矩形。 2、按Ctrl + R调出标尺,然后拉出相交的参照线。然后再用...

经验教程

470

收藏

81
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部