photoshop制作短信icon图标按钮

2016-04-05 14:30 18 1 收藏

下面请跟着图老师小编一起来了解下photoshop制作短信icon图标按钮,精心挑选的内容希望大家喜欢,不要忘记点个赞哦!

【 tulaoshi.com - ps鼠绘 】

photoshop制作短信icon图标按钮

   效果图:

photoshop制作短信icon图标按钮 图老师

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

短信icon图标

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

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

圆角矩形工具绘制

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/psshuhuijiaocheng/)
icon斜面浮雕icon图标按钮
渐变叠加icon图标按钮

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/psshuhuijiaocheng/)
勾出气泡
调整气泡图层样式

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

  渐变叠加样式修改:

渐变叠加图层修改

  阴影、斜面和浮雕:

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

  投影图层样式修改:

投影参数设置

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

短信icon图标四个小圆圈图层样式
photoshop制作短信icon图标按钮

  颜色叠加:

颜色叠加icon图标

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

photoshop制作短信icon图标按钮

  七、最终效果图如下:

photoshop制作短信icon图标按钮

来源:http://www.tulaoshi.com/n/20160405/2123768.html

延伸阅读
标签: PS PS基础
我们来看看最终的效果图吧: 具体的制作步骤如下: 1.新建一个200*200的画布,如图: 2.使用自定义形状工具 按住shift绘制一个颜色为#800000,无描边的正禁止符号 。好的,这是是这样的: 巧克力色有没有? 3.把背景填充为灰色方便观察。然后设置标志的图层样式: 别忘了阴影: 4.复制一层禁止图层,把图层...
photoshop绘制气泡ICON图标教程 源文件下载请点击 今天发上来1个气泡ICON的练习 , 使用软件Illustrator绘制。 很多童鞋们建议我把绘制过程写详细些,在这里先说声 实在很抱歉。 软件不怎么会用的同学可以上网络上看软件工具应用的的教程。 因为个人白天上班,晚上还有个人以及家庭的些tuLaoShi.com琐碎事情要...
标签: PS PS基础
本教程主要使用Photoshop制一个简单的圣诞iphone icon,整个过程利用photoshop的矢量功能结合位图功能完成,教程主要是介绍photoshop中矢量在icon的应用和一些小细节。 废话不多说,这是最终效果 用圆角矩形工具画出长宽为512px,R值为92px的标准iphone框架 加上1px内阴影效果,使其有立体感 再用图案叠加添加木纹图案,你可以goo...

经验教程

281

收藏

80
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部