Photoshop绘制精美的质感邮件图标
- 时间: 2011-01-18 00:00
- 来源: 思缘设计
- 浏览:
-
手机浏览
扫一扫 手机浏览推荐在WIFI环境下使用
先上效果图:

老规矩,看到效果图:分析!分析!再分析! 我们将 怎么完成这个图标的制作呢?
经观察得:
一:背 景制作(灰白色,加一条高光线),这步应该比较简单。
二:图 标的雏形(关键地方,颜色的搭配漂亮,因为给你第一感觉就是色彩。高光,浮雕,影子等细节的制作,看上去很立体就是这些因素造成的啦!)
三:邮件图标的添加(这个跟第二步类似)
四:文 字的添加(关键点,文字排版,图层样式的设置。)
这都是我自己主观的分析。嘿嘿,仅供参考。我觉得最关键的就是:色彩的搭配了,图标影调的分布!
第一步:
新建一个文档200×200px
背景色:白
分辨率:72dpi
现在给按钮做辅助线,Ctrl+R显示辅助线在尺寸区域里面按住鼠标左键,把拽辅助线拉下来,如下图:

按快捷键:Ctrl+Alt+C,打开调整画布大小的窗口。设置如下:

画布扩大区域颜色的选则,窗口最下面的那个选项,下面是效果图:

第二步:制作背景,作者使用的是灰白色的渐变:#f2f2f2—#c5c5c5

注意这步小技巧:作者在背景上新建一层空白图层,命名为“backlight”,使用小笔刷在背景中间和顶部分别画一个小光圈

调整这层大 小如下图:

这步干嘛用的呢?OK,我们的背景搞定!
第三步:新建一层,按U,选择圆角矩形工具,羽化值:10,如下图画:


关注设计帝国公众号
- 上一篇:上一篇:Photoshop制作发光的电源按钮教程
- 下一篇:下一篇:Photoshop教程:图层样式打造傲游浏览器图标

