PS制作立体3D橙色玻璃RSS Icon图标设计教程

2016-04-05 15:01 10 1 收藏

岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的PS制作立体3D橙色玻璃RSS Icon图标设计教程,希望大家看完后能赶快学习起来。

【 tulaoshi.com - ps鼠绘 】

PS制作立体3D橙色玻璃RSS Icon图标设计TuLaoShi.com教程

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

  坚持才能成功,亲,想学好PS,不动手是不行滴。

  这篇教程是在国外网站上看的,效果图是挺漂亮的,简单的把教程翻译了一下,喜欢的可以参考下别人的做图思路。

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

  先看 教程最终效果图:

PS制作立体3D橙色玻璃RSS Icon图标设计教程 图老师教程

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

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

按此在新窗口浏览图片

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/psshuhuijiaocheng/)
按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

PS制作立体3D橙色玻璃RSS Icon图标设计教程(2)


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

tulaoshi.com
按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片
按此在新窗口浏览图片
按此在新窗口浏览图片
按此在新窗口浏览图片
按此在新窗口浏览图片

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

按此在新窗口浏览图片
按此在新窗口浏览图片

PS制作立体3D橙色玻璃RSS Icon图标设计教程(3)


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

按此在新窗口浏览图片
按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

 

按此在新窗口浏览图片
按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

PS制作立体3D橙色玻璃tuLaoShi.comRSS Icon图标设计教程(4)


按此在新窗口浏览图片
按此在新窗口浏览图片
按此在新窗口浏览图片
按此在新窗口浏览图片
按此在新窗口浏览图片

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

按此在新窗口浏览图片
按此在新窗口浏览图片
按此在新窗口浏览图片
按此在新窗口浏览图片

PS制作立体3D橙色玻璃RSS Icon图标设计教程(5)


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

按此在新窗口浏览图片

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/psshuhuijiaocheng/)
按此在新窗口浏览图片
按此在新窗口浏览图片
按此在新窗口浏览图片

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

按此在新窗口浏览图片
按此在新窗口浏览图片
按此在新窗口浏览图片

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

按此在新窗口浏览图片

 

来源:https://www.tulaoshi.com/n/20160405/2124366.html

延伸阅读
来源:Redocn 作者:Guas 3D字的制作方法有很多,制作的时候主要注意好字体的构造如构成面和受光等,就非常容易上手。如果想要突出立体效果字体最好选大一点的字体。 最终效果 1、先在ps里输入数字"3",当然也可以是其它数字、标点或英文,但不推荐中文及其他复杂的文字tulaoshi.com,字体不限,但一定要粗体字;渐变我用的是5-100的洋红(M)...
来源:PS联盟 作者:Sener 这里的立体字使用手工制作的,相对来说要复杂一点。首先需要用钢笔勾出自己所需的文字形状,然后用图层样式做出质感。再根据文字做出立体面,渲染好立体面的颜色即可。 最终效果 1、新建一个1024 * 768像素的文件,选择渐变工具,颜色设置如图1,拉出图2所示的径向渐变作为背景。 图1 图2 2、打开图3所示的...
【PS文字特效】PS制作3D立体纸盒文字效果教程 1、新建一个如下图所示的文档。背景填充黑色。新建一个图层,用矩形选框工具绘制长方形,并填充各种颜色,效果如下图 2、执行:滤镜 模糊 高斯模糊,数值为5 3、调整至合适位置,并添加图层蒙版,把蒙版填充黑色,并拉出黑白径向渐变,效果如下www.Tulaoshi.com图 ...

经验教程

573

收藏

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