当前位置: 首页 > 设计教程 > 图标设计教程 > Photoshop绘制精美的质感邮件图标

Photoshop绘制精美的质感邮件图标

先上效果图:

Photoshop绘制精美的质感邮件图标

老规矩,看到效果图:分析!分析!再分析! 我们将 怎么完成这个图标的制作呢?

经观察得:

一:背 景制作(灰白色,加一条高光线),这步应该比较简单。

二:图 标的雏形(关键地方,颜色的搭配漂亮,因为给你第一感觉就是色彩。高光,浮雕,影子等细节的制作,看上去很立体就是这些因素造成的啦!)

三:邮件图标的添加(这个跟第二步类似)

四:文 字的添加(关键点,文字排版,图层样式的设置。)

这都是我自己主观的分析。嘿嘿,仅供参考。我觉得最关键的就是:色彩的搭配了,图标影调的分布!

第一步:

新建一个文档200×200px

背景色:白

分辨率:72dpi

现在给按钮做辅助线,Ctrl+R显示辅助线在尺寸区域里面按住鼠标左键,把拽辅助线拉下来,如下图:

Photoshop绘制精美的质感邮件图标

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

Photoshop绘制精美的质感邮件图标

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

Photoshop绘制精美的质感邮件图标

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

Photoshop绘制精美的质感邮件图标

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

Photoshop绘制精美的质感邮件图标

调整这层大 小如下图:

Photoshop绘制精美的质感邮件图标

这步干嘛用的呢?OK,我们的背景搞定!

第三步:新建一层,按U,选择圆角矩形工具,羽化值:10,如下图画:

Photoshop绘制精美的质感邮件图标

  • 共5页:
  • 上一页
  • 1
  • 2
  • 3
  • 4
  • 5
  • 下一页
  • 上一篇:Photoshop制作发光的电源按钮教程
    下一篇:Photoshop教程:图层样式打造傲游浏览器图标

    图集推荐

    • 灵感
    • 美图