Photoshop制作漂亮的3D橙色玻璃RSS图标

2016-02-16 02:46 17 1 收藏

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的Photoshop制作漂亮的3D橙色玻璃RSS图标,手机电脑控们准备好了吗?一起看过来吧!

【 tulaoshi.com - PS 】

呵呵,有一些时间没有好好写过PS教程了,不过也没有忘记继续学习PS哦,坚持才能成功,亲,想学好PS,不动手是不行滴。

这篇教程是在国外网站上看的,效果图是挺漂亮的,简单的把教程翻译了一下,喜欢的可以参考下别人的做图思路。我们可以拿来参考,分析,这样会对我们做图有帮助的。

最终效果:

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

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

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

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

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

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

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

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

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

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

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

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

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

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

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

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

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

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

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

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

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

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

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

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

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

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

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

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

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

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

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

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

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

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

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

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

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

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

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

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

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

Photoshop制作漂亮的3D橙色玻璃RSS图标,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1567091.html

延伸阅读
来源:PS联盟 作者:Sener 效果图看上去并不复杂,不过制作过程还是比较繁琐的。需要细致的把花朵的各部分的高光及暗部渲染出来。制作的时候需要多新建一些图层,这样方便后期调整。 最终效果 1、新建一个600 * 800像素的文档,选择渐变工具,颜色设置如图1,拉出图2所示的径向渐变作为背景。 图1 图2 2、新建一个图层,从底部开始制...
本教程效果图构成有点复杂。不过分开来制作就没有那么麻烦。主题部分还是立体字效果的制作,文字需要一定的透视效果,制作的时候需要适当把文字变形处理。背景及其他装饰可以使用相关的笔刷来完成。 最终效果 1、新建一个1600x1200像素,分辨率为:72px,模式为:RGB模式文件,前景色设置为#2789ba,背景色设置为#164e69,选择文字工具打...
最终效果图 1.打开Photoshop,新建一个文件。模式为RGB,分辨率要大一些,我把它定为150像素/英寸,白色背景。至于文件大小,要看你的需要了。 将前/背景色板复位,选择文字工具,用你喜欢的字体在背景上写上文字。如果你没有合适的字体,那么可以和我一样选择最普通的Times New Romans,字型为普通,大小为220点,消除锯齿的方...
标签: PS PS教程
在Fireworks栏目有一个 Fireworks绘制简单Rss icon 教程,这次我们利用Photoshop来制作. 先看最终效果: 新建文档,使用圆角矩形工具Alt键绘制一个圆角正方形,然后使用渐变工具设置下面两种颜色进行填充,该图层命名为:icon-bg ,效果如下图: 复制图层,命名为glass,改变填充为白色填充,透明度为50%,使用矩形选...
效果图: 教程加载: 1.新建文档,尺寸自定。 2.使用钢笔工具绘制矩形,颜色填充黑色,效果如图。 3.在图层1下方新建普通图层,使用钢笔工具绘制路径,为其制作立体效果,并填充灰色,如图。 4.同样新建空白图层,使用钢笔工具绘制上方图层,并填充灰色,注意绘制的折角,这样看起来更加的真实。 5.使用铅笔工具绘制路径...

经验教程

817

收藏

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