ps简单教程：绘制蓝色光感图标

2013/7/25 17:45:28作者：佚名来源：网络

移动端

本案例教程是由学无忧为大家提供的ps简单教程：绘制蓝色光感图标。有兴趣的可以去拿来练练手学习下。以下就是绘制完成的效果图和具体操作步骤。

蓝色光感图标效果图：

蓝色光感图标效果图

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

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

ps新建图层

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

设置前景色颜色

对颜色进行径向渐变填充

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

绘制圆角矩形

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

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

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

选择柔角画笔

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

绘制剪贴蒙版

修改为叠加图层模式

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

钢鞭工具绘制路径

111

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

渐变填充

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

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

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

随意输入一个文字图形

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

简单蓝色光感图标效果图

标签：图标简单