首页

PS教程

PSD素材

PS素材

背景图片

高清图片

字体下载

矢量素材

PS资源

PS作品

会员专区
注册 / 登录
收藏
入门教程照片处理抠图教程调色教程文字特效经典合成鼠绘教程滤镜特效非 主 流GIF 动画签名溶图创意设计
 您当前的位置: PhotoShop资源网 >> PS教程 >> PS教程 >> 鼠绘教程 >> 正文

PhotoShop绘制质感网页邮箱图标的教程

[ 作者来源:PS真功夫(翻译) 编辑整理:PhotoShop资源网 更新时间: 2010-04-15 录入: 黄叶飞扬 ]

看到效果图,蛮以为一个小图标应该很容易就能搞定,没想到需要这么多步骤。细节,细节,还是细节!切记!OK,
开始我们这次的教程。先上效果图:

按此在新窗口浏览图片

图1

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

  一:背景制作(灰白色,加一条高光线)。这步应该比较简单。
  二:图标的雏形(关键地方,颜色的搭配漂亮,因为给你第一感觉就是色彩。高光,浮雕,影子等细节的制作,
看上去很立体就是这些因素造成的啦!)
  三:邮件图标的添加(这个跟第二步类似)
  四:文字的添加(关键点,文字排版,图层样式的设置。)

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

  准备素材:字体下载

  第一步:

  新建一个文档200×200px。背景色:白。分辨率:72dpi。现在给按钮做辅助线,Ctrl+R显示辅助线,
在尺寸区域里面按住鼠标左键,把拽辅助线拉下来。如下图:

按此在新窗口浏览图片

图2

  按快捷键:Ctrl+Alt+C,打开调整画布大小的窗口。设置如下(画布扩大区域颜色的选则,
窗口最下面的那个选项):

按此在新窗口浏览图片

图3

  下面是效果图:

按此在新窗口浏览图片

图4



≡★ 免 责 声 明 ★≡

除本站原创外,本站所提供的所有教程均收集整理自网络,其版权归该教程直原始作者或原始出处所有!

除特别声明外,您可以在保持教程的完整和注明来源的前提下免费复制、转贴本站所提供的所有教程;但是,不可以盗链本站的图片!

除特别声明外,在未经许可的情况下您不得将本站所提供的任何教程(包括资源)用于商业用途;

如果确有需要,请自行与该教程的原始所有权者(即:原始作者或出处)联系,本站不提供相关服务;否则,由此而引发的一切后果由您自负!