| AI教程 | Flash教程 | Fireworks教程 | Painter教程 | CDR教程 | CAD教程 | 3Dmax教程 | Maya教程 | 摄影技巧 | 广告文案 | LOGO案例 | PS教程

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

先上效果图:

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

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

经观察得:

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

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

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

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

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

第一步:

新建一个文档200×200px

背景色:白

分辨率:72dpi

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

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

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

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

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

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

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

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

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

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

调整这层大 小如下图:

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

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

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

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

主题测试文章,只做测试使用。发布者:绘画吧,转转请注明出处:http://www.huitu8.com/shejijiaocheng/PSjiaocheng/20191022/119178.html



联系我们

在线咨询:点击这里给我发消息

邮件: