ps绘制蓝色光感图标

2016-04-05 14:36 26 1 收藏

图老师电脑网络栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享ps绘制蓝色光感图标的教程,热爱PS的朋友们快点看过来吧!

【 tulaoshi.com - ps鼠绘 】

ps绘制蓝色光感图标

   蓝色光感图标效果图:

ps绘制蓝色光感图标 图老师

  下面就是教程的详细操作步骤:

  步骤一、新建一个文件图层,将背景内容设置为透明色,如图所示:

ps新建图层

  步骤二、将图层1的的前景色填充为373737的参数,然后在对其进行添加径向渐变的填充,如图所示:

设置前景色颜色
对颜色进行径向渐变填充
图老师

  步骤三、点击工具箱中的矩形工具组上面点卡圆角矩形工具,然后在上面的具体参数设置为固定大小128*128大小,如图所示:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/psshuhuijiaocheng/)
绘制圆角矩形

  步骤四、将这个圆角矩形的颜色添加为#00b7ee值即可。如图所示:

圆角矩形颜色填充

  步骤五、填充前景色之后,依旧对前景色设置图层样式,点开渐变编辑器,将一头设置为透明度0%,颜色白色#ffffff 编辑完渐变后,直接用鼠标在中间位置往下拖动渐变。这样一个带渐变的椭圆矩形就绘制完成了。

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

  步骤六、之后在将前景色设置为白色,点击画笔工具使用128px的白色柔角画笔,新建一个图层,如图所示:

选择柔角画笔

  步骤七、新建一个图层之后,在新图层上点击画上一点,并添加剪贴蒙板,将图层混合模式设置为叠加模式。如图所示:

绘制剪贴蒙版
修改为叠加图层模式

  步骤八、点击钢笔工具,使用钢笔工具画一个图形,使用剪切蒙版将圆边矩形外部的去掉,如图所示:

钢鞭工具绘制路径
111

  步骤九、并添加蒙板使用剪切蒙版之后对其进行渐变工具的填充渐变,最后调整图形透明度为30%

渐变填充

  步骤十、双击蓝色圆角矩形图层,打开该图层的图层样式;设置投影样式:先把需要的等高线如下图调出,再参照下图参数调整,到这里图标就整体完成了。

渐变填充图层样式参数设置

  步骤十一、最后使用字体工具打一个字母,当然,你也可以做出自己想要的图形;再把字体图层置于高光图层下方,按老规矩给字体图层添加剪贴蒙板,透明度调整为90%增加一点通透感 。如图所示:

随意输入一个文字图形

  步骤十二、这样一个简单蓝色光感图标就绘制完成了,最终效果图如下:

简单蓝色光感图标效果图

来源:http://www.tulaoshi.com/n/20160405/2123904.html

延伸阅读
PS绘制精致西装图标 PS绘制精致西装图标 tulaoshi.com
PS绘制质感快递图标 PS绘制质感快递图标     图老师        注 :更多请关注photoshop教程栏目,图老师PS教程群:181754111欢迎你的加入
标签: PS PS基础
在Photoshop中图层样式是最为直观的东西,所有的效果都能量化,以数值的形式表现出来,就是各种晦涩难懂的等高线也可以用数字来表现。利用图层样式中的混合模式可以得到千变万化的效果,很多的UI和icon绚丽的效果大多数是靠图层样式来实现的。 今天我的临摹的iTunes图标是一个非常经典的icon,不过现在你们看不到了。现在的版本只能说是走火入...
本教程考验设计功能,有兴趣的朋友试试 最终效果图 1、先新建文档,大小为512px*512px,背景为透明,如图所示。 2、在菜单栏中选择“视图—显示—网格”并选择“视图—标尺”,这样可以使我们更精确地使用钢笔工具,如图所示。 3、选择钢笔工具,在属性栏中选择“形状图层”,然后制作出下图所示的形状。 ...
标签: PS PS基础
最终效果 1、首先,新建一个512×512的画布,设置如下。 2、设置参考线,上下左右各留出20px的边距,也就是说,这个图标的实际大小是472×472。 3、紧贴参考线,用形状工具画一个正圆,颜色随便,大小应该是472×472,给此图层起名叫outside。 4、设置此图层的图层样式,如下图。 5、用圆形形状工具创建一个452×452的圆,...

经验教程

611

收藏

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