日期:2009-04-03 23:17:00  来源:本站整理

<b>制作Vista气势的漂亮图标</b>[Photoshop设计]

赞助商链接



  本文“<b>制作Vista气势的漂亮图标</b>[Photoshop设计]”是由七道奇为您精心收集,来源于网络转载,文章版权归文章作者所有,本站不对其观点以及内容做任何评价,请读者自行判断,以下是其具体内容:
这是一篇教您若何制作Windows Vista气势的漂亮图标的教程.主要利用了Photoshop中的选框工具绘制图形,并利用图层款式来表现图标的质感.教程中利用了Photoshop CS3中文版作为示范,但实际上Photoshop 6.0以上的版本,其实现和操作办法都基本是一致的.

PhotoshopCS3制作Vista告诫图标_网页讲授网webjx.com整理
图1 效果图

  1)新建一个 256 × 256 像素的透明后台图象文档.将第一个图层名称重命名为“后台”.
  2)利用白色 #ffffff 填充后台.
  3)新建一个图层,重命名该图层为“圆”.
  4)挑选椭圆选框工具,同时按下Shift键,绘制一个 222 × 222 像素的正圆.保存选区为“正圆选区”.

  译者增补阐明:
  1、绘制222×222像素正圆的简易办法:挑选椭圆工具后,再在选项栏上,将款式改成“固定大小”,并同时指定宽度和高度为222像素.
  2、保存选区的办法:挑选菜单“挑选 -> 存储选区”.

  5)利用肆意的颜色填充选区.笔者利用了 #880303 .

PhotoshopCS3制作Vista告诫图标_网页讲授网webjx.com整理
图2:绘制正圆选区并填充色彩

  6)挑选暗红色作为前景,浅一些的红色做为后台.笔者利用了 #880303 及 #b51919 .挑选突变工具(径向突变气势)并从选区的左上角拖拽到右下角.

PhotoshopCS3制作Vista告诫图标_网页讲授网webjx.com整理
图3:给选区填充突变色

 

  7)新建一个图层并重命名该图层为“反射”.

  8)加载“正圆选区”并挑选椭圆选框工具,同时按下 Alt 键,然后从右下角到中间绘制一条曲线.释放鼠标按钮,你将得到像这样的一个选区:

PhotoshopCS3制作Vista告诫图标_网页讲授网webjx.com整理
图4:绘制出“反射”选区
9) 挑选“反射”图层并利用白色 #ffffff 填充选区.设置图层不透明度为15%.

PhotoshopCS3制作Vista告诫图标_网页讲授网webjx.com整理(2)
图5:利用白色填充“反射”区

  10) 新建一个图层并重命名该图层为“边框”.

  11) 挑选椭圆选框工具同时按住 Shift 键,绘制一个 242 × 242 像素的正圆.将该圆环抱着第一个圆.

  译者增补阐明:挑选椭圆工具后,再在选项栏上,将款式改成“固定大小”,并同时指定宽度和高度为 242 像素,开启标尺,并拉出帮助线,肯定画面的中央点,绘制椭圆时,按住 Alt 键,便可以起始点为原心绘制正圆.

PhotoshopCS3制作Vista告诫图标_网页讲授网webjx.com整理(2)
图6:绘制“边框”选区

  12) 利用灰色 #b6b6bc 填充选区.
  13) 加载“正圆选区”.

PhotoshopCS3制作Vista告诫图标_网页讲授网webjx.com整理(2)
图7:利用灰色填充“边框”选区

 

  14)按Del 键便可以得到一个环抱正圆的边框.

PhotoshopCS3制作Vista告诫图标_网页讲授网webjx.com整理(2)
图8:删除正圆选区中的灰色
15)右击“边框”图层并挑选混合选项,利用这些设置:

  投影:

PhotoshopCS3制作Vista告诫图标_网页讲授网webjx.com整理(3)
图9:“投影”图层款式参数设置

  内发光:

PhotoshopCS3制作Vista告诫图标_网页讲授网webjx.com整理(3)
图10:“内发光”图层款式参数设置

  斜面和浮雕:

PhotoshopCS3制作Vista告诫图标_网页讲授网webjx.com整理(3)
图11:“斜面和浮雕”图层款式参数设置

  突变叠加:

PhotoshopCS3制作Vista告诫图标_网页讲授网webjx.com整理(3)
图12:“突变叠加”图层款式参数设置突变叠加利用3种颜色:#b3b3b9 #ffffff #b3b3b9

PhotoshopCS3制作Vista告诫图标_网页讲授网webjx.com整理(4)
图13:编辑“突变”色彩

  描边:

PhotoshopCS3制作Vista告诫图标_网页讲授网webjx.com整理(4)
图14:“描边”图层款式参数设置

  16)完成后我们将得到这样的效果:

PhotoshopCS3制作Vista告诫图标_网页讲授网webjx.com整理(4)
图15:利用图层款式后的效果

  17)制作一个“X”标志,笔者利用一种称之为“Army”的300号字体输入一个加号“+”.然后旋转 45°.务必移动“+”图层到“反射”图层之下.

PhotoshopCS3制作Vista告诫图标_网页讲授网webjx.com整理(4)
图16:制作“×”标志
18) 右击“+”图层并挑选混合选项,利用这些设置:

  投影:

PhotoshopCS3制作Vista告诫图标_网页讲授网webjx.com整理(5)
图17:给“×”标志利用“投影”图层款式

 

  斜面和浮雕

PhotoshopCS3制作Vista告诫图标_网页讲授网webjx.com整理(5)
图18:给“×”标志利用“斜面和浮雕”图层款式

  突变叠加

PhotoshopCS3制作Vista告诫图标_网页讲授网webjx.com整理(5)
图19:给“×”标志利用“突变叠加”图层款式

  突变叠加利用3种颜色:#ffffff #bbbbbb #ffffff

PhotoshopCS3制作Vista告诫图标_网页讲授网webjx.com整理(5)
图20:编辑“突变”色彩

描边:

PhotoshopCS3制作Vista告诫图标_网页讲授网webjx.com整理(6)
图21:给“×”标志利用“描边”图层款式

  终究后果以下:

PhotoshopCS3制作Vista告诫图标_网页讲授网webjx.com整理(6)
图22:Vista气势质感图标完成效果


  以上是“<b>制作Vista气势的漂亮图标</b>[Photoshop设计]”的内容,如果你对以上该文章内容感兴趣,你可以看看七道奇为您推荐以下文章:
  • <b>hosts是什么 hosts文件在什么位置 若何改正hosts</b>
  • <b>在 Windows 8 中手动安装语言包</b>
  • <b>五个常见 PHP数据库问题</b>
  • Windows中Alt键的12个高效快速的利用本领介绍
  • <b>MySQL ORDER BY 的实现解析</b>
  • <b>详解MySQL存储历程参数有三种范例(in、out、inout)</b>
  • <b>Win8系统恢复出来经典的开始菜单的办法</b>
  • <b>Win8系统花屏怎么办 Win8系统花屏的办理办法</b>
  • <b>Windows 7系统下无线网卡安装</b>
  • <b>为什么 Linux不需求碎片整理</b>
  • <b>Windows 8中删除账户的几种办法(图)</b>
  • <b>教你如安在win7下配置路由器</b>
  • 本文地址: 与您的QQ/BBS好友分享!
    • 好的评价 如果您觉得此文章好,就请您
        0%(0)
    • 差的评价 如果您觉得此文章差,就请您
        0%(0)

    文章评论评论内容只代表网友观点,与本站立场无关!

       评论摘要(共 0 条,得分 0 分,平均 0 分) 查看完整评论
    Copyright © 2020-2022 www.xiamiku.com. All Rights Reserved .