photoshop制作短信icon图标按钮
发布时间:2015-05-12 来源:查字典编辑
摘要:效果图:其实仔细一看效果图,会发现效果图是由五部分组成的,如下图所示:我们只需要绘制出五部分进行组合即可完成icon图标。下面进入操作步骤:...
效果图:
![photoshop制作短信icon图标按钮1](/Images/jiaocheng/2015-05-0417/793182270.jpg)
其实仔细一看效果图,会发现效果图是由五部分组成的,如下图所示:
![photoshop制作短信icon图标按钮2](/Images/jiaocheng/2015-05-0417/2124163224.jpg)
我们只需要绘制出五部分进行组合即可完成icon图标。下面进入操作步骤:
步骤一、先新建文件图层,然后在填充背景色和前景色,这里前景色参数【ecc5c6】。选择工具箱的“圆角矩形工具”,画出圆角矩形,半径大概设置20左右,也可自行设置。调整斜面浮雕效果及渐变叠加。
![photoshop制作短信icon图标按钮3](/Images/jiaocheng/2015-05-0417/3617575234.jpg)
步骤二、绘制完成后对其添加图层样式,调整斜面浮雕效果及渐变叠加。如图所示:
![photoshop制作短信icon图标按钮4](/Images/jiaocheng/2015-05-0417/2075507743.jpg)
![photoshop制作短信icon图标按钮5](/Images/jiaocheng/2015-05-0417/3411382019.jpg)
步骤三、 用钢笔工具勾画出短信气泡,调整斜面浮雕样式。
![photoshop制作短信icon图标按钮6](/Images/jiaocheng/2015-05-0417/4081469050.jpg)
![photoshop制作短信icon图标按钮7](/Images/jiaocheng/2015-05-0417/3922654835.jpg)
步骤四、复制并缩小刚才的短信气泡,调整图层样式。
渐变叠加样式修改:
![photoshop制作短信icon图标按钮8](/Images/jiaocheng/2015-05-0417/3705721269.jpg)
阴影、斜面和浮雕:
![photoshop制作短信icon图标按钮9](/Images/jiaocheng/2015-05-0417/1564405105.jpg)
投影图层样式修改:
![photoshop制作短信icon图标按钮10](/Images/jiaocheng/2015-05-0417/2194529556.jpg)
步骤五、用椭圆工具,画4个小圆圈,调整图层样式。
![photoshop制作短信icon图标按钮11](/Images/jiaocheng/2015-05-0417/765698208.jpg)
![photoshop制作短信icon图标按钮12](/Images/jiaocheng/2015-05-0417/2166950638.jpg)
颜色叠加:
![photoshop制作短信icon图标按钮13](/Images/jiaocheng/2015-05-0417/2105684290.jpg)
步骤六、最后加上投影部分的高光。
![photoshop制作短信icon图标按钮14](/Images/jiaocheng/2015-05-0417/3181108295.jpg)
七、最终效果图如下:
![photoshop制作短信icon图标按钮1](/Images/jiaocheng/2015-05-0417/793182270.jpg)