当前位置:软件学堂 > 资讯首页 > 软件教程 > 图形图像 > ps简单教程:绘制蓝色光感图标

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

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

移动端

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

蓝色光感图标效果图:

蓝色光感图标效果图

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

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

ps新建图层

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

设置前景色颜色

对颜色进行径向渐变填充

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

绘制圆角矩形

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

圆角矩形颜色填充

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

渐变编辑

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

选择柔角画笔

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

绘制剪贴蒙版

修改为叠加图层模式

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

钢鞭工具绘制路径

111

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

渐变填充

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

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

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

随意输入一个文字图形

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

简单蓝色光感图标效果图