手机
当前位置:查字典教程网 >网页设计 >photoshop >photoshop中短信icon图标按钮制作教程
photoshop中短信icon图标按钮制作教程
摘要:查字典教程网来教你photoshop制作短信icon图标按钮。本案例也是为了让初学者能更加的对图层样式的调整和色彩方面有更胜的了解。下面就来...

查字典教程网来教你photoshop制作短信icon图标按钮。本案例也是为了让初学者能更加的对图层样式的调整和色彩方面有更胜的了解。下面就来详细的教大家制作这个短信图标的具体教程。

效果图:

photoshop中短信icon图标按钮制作教程1

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

photoshop中短信icon图标按钮制作教程2

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

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

photoshop中短信icon图标按钮制作教程3

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

photoshop中短信icon图标按钮制作教程4

photoshop中短信icon图标按钮制作教程5

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

photoshop中短信icon图标按钮制作教程6

photoshop中短信icon图标按钮制作教程7

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

渐变叠加样式修改:

photoshop中短信icon图标按钮制作教程8

阴影、斜面和浮雕:

photoshop中短信icon图标按钮制作教程9

投影图层样式修改:

photoshop中短信icon图标按钮制作教程10

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

photoshop中短信icon图标按钮制作教程11

photoshop中短信icon图标按钮制作教程12

颜色叠加:

photoshop中短信icon图标按钮制作教程13

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

photoshop中短信icon图标按钮制作教程14

七、最终效果图如下:

photoshop制作短信icon图标按钮

关于短信icon图标的制作就介绍到这里了,希望能帮到你。

【photoshop中短信icon图标按钮制作教程】相关文章:

photoshop怎么全屏?ps全屏显示图片的详细教程

Photoshop制作颓废艺术签名

photoshop中图层混合模式详细使用介绍

photoshop中关于历史记录的操作图文讲解

photoshop文字样式添加图文教程

Photoshop简单制作风吹过的海岸线动漫成签教程

photoshop制作雪花飘飞的外景图片教程

教你用PS制作ico图标文件教程

用photoshop中如何制作公章的教程实例

Photoshop图片合成教程:美女和树

精品推荐
分类导航