欢迎来到福编程网,本站提供各种互联网专业知识!

photoshop制作短信icon图标按钮

发布时间:2013-11-04 作者:第十号员工 来源:学无忧 
效果图:其实仔细一看效果图,会发现效果图是由五部分组成的,如下图所示:我们只需要绘制出五部分进行组合即可完成icon图标。下面进入操作步骤:步骤一、先新建文件图层,然后在填充背景色和前景色,这里前景色参数【ecc5c6】。选择工具箱的“圆角矩形

效果图:

photoshop制作短信icon图标按钮 全福编程网

其实仔细一看效果图,会发现效果图是由五部分组成的,如下图所示:

短信icon图标

我们只需要绘制出五部分进行组合即可完成icon图标。下面进入操作步骤:

步骤一、先新建文件图层,然后在填充背景色和前景色,这里前景色参数【ecc5c6】。选择工具箱的“圆角矩形工具”,画出圆角矩形,半径大概设置20左右,也可自行设置。调整斜面浮雕效果及渐变叠加。

圆角矩形工具绘制

步骤二、绘制完成后对其添加图层样式,调整斜面浮雕效果及渐变叠加。如图所示:

icon斜面浮雕icon图标按钮

渐变叠加icon图标按钮

步骤三、 用钢笔工具勾画出短信气泡,调整斜面浮雕样式。

勾出气泡

调整气泡图层样式

步骤四、复制并缩小刚才的短信气泡,调整图层样式。

渐变叠加样式修改:

渐变叠加图层修改

阴影、斜面和浮雕:

阴影、斜面和浮雕参数设置

投影图层样式修改:

投影参数设置

步骤五、用椭圆工具,画4个小圆圈,调整图层样式。

短信icon图标四个小圆圈图层样式

photoshop制作短信icon图标按钮

颜色叠加:

颜色叠加icon图标

步骤六、最后加上投影部分的高光。

photoshop制作短信icon图标按钮

七、最终效果图如下:

photoshop制作短信icon图标按钮

相关推荐