Photoshop CS3教程:Vista风格警告图标的制作过程

帝皇_修灵

帝皇_修灵

2016-01-29 18:35

Photoshop CS3教程:Vista风格警告图标的制作过程,本例介绍运用PS来绘制Windows Vista风格的警告图标,主要运用PS中的选框工具绘制图形,运用图层样式来表现图标的质感,希望朋友们喜欢~~

这是一篇教您如何制作Windows Vista风格的漂亮图标的教程。主要应用了Photoshop中的选框工具绘制图形,并使用图层样式来表现图标的质感。教程中使用了Photoshop CS3中文版作为示范,但实际上Photoshop 6.0以上的版本,其实现和操作方法都基本是一致的。


图1 效果图

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

译者补充说明:
  一、绘制222×222像素正圆的简易方法:选择椭圆工具后,再在选项栏上,将样式改为固定大小,并同时指定宽度和高度为222像素。
  二、保存选区的方法:选择菜单选择 - 存储选区。

  5)使用任意的颜色填充选区。笔者使用了 #880303 。


图2:绘制正圆选区并填充色彩

  6)选择暗红色作为前景,浅一些的红色做为背景。笔者使用了 #880303 及 #b51919 。选择渐变工具(径向渐变风格)并从选区的左上角拖拽到右下角。


图3:给选区填充渐变色

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

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


图4:绘制出反射选区

[next]

  9) 选择反射图层并使用白色 #ffffff 填充选区。设置图层不透明度为15%。


图5:使用白色填充反射区

  10) 新建一个图层并重命名该图层为边框。
  11) 选择椭圆选框工具同时按住 Shift 键,绘制一个 242 × 242 像素的正圆。将该圆环绕着第一个圆。

  译者补充说明:选择椭圆工具后,再在选项栏上,将样式改为固定大小,并同时指定宽度和高度为 242 像素,开启标尺,并拉出辅助线,确定画面的中心点,绘制椭圆时,按住 Alt 键,即可以起始点为原心绘制正圆。


图6:绘制边框选区

  12) 使用灰色 #b6b6bc 填充选区。
  13) 加载正圆选区。


图7:使用灰色填充边框选区

 14)按Del 键就可以得到一个环绕正圆的边框。


图8:删除正圆选区中的灰色

[next]

  15)右击边框图层并选择混合选项,应用这些设置:
  投影:


图9:投影图层样式参数设置

  内发光:


图10:内发光图层样式参数设置

  斜面和浮雕:


图11:斜面和浮雕图层样式参数设置

[next]

  渐变叠加:


图12:渐变叠加图层样式参数设置

 渐变叠加使用3种颜色:#b3b3b9 #ffffff #b3b3b9


图13:编辑渐变色彩

  描边:


图14:描边图层样式参数设置

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


图15:应用图层样式后的效果

[next]

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


图16:制作×标志

  18) 右击+图层并选择混合选项,应用这些设置:
  投影:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)


图17:给×标志应用投影图层样式

 斜面和浮雕

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)
图18:给×标志应用斜面和浮雕图层样式

[next]

  渐变叠加


图19:给×标志应用渐变叠加图层样式

  渐变叠加使用3种颜色:#ffffff #bbbbbb #ffffff


图20:编辑渐变色彩

  描边:


图21:给×标志应用描边图层样式

  最终结果如下:


图22:Vista风格质感图标完成效果

展开更多 50%)
分享

猜你喜欢

Photoshop CS3教程:Vista风格警告图标的制作过程

PS PS教程
Photoshop CS3教程:Vista风格警告图标的制作过程

Fireworks cs3制作Vista眩彩效果

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
Fireworks cs3制作Vista眩彩效果

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

用CS3制作Vist风格壁纸

PS PS基础 ps平面设计教程 ps去水印教程
用CS3制作Vist风格壁纸

photoshop CS3教程:活用滤镜制作宣传卡

PS PS教程
photoshop CS3教程:活用滤镜制作宣传卡

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Adobe photoshop CS3全套27个新图标

PS PS教程
Adobe photoshop CS3全套27个新图标

Photoshop CS3 beta 测评

平面设计 标志设计 UI设计 VI设计
Photoshop CS3 beta 测评

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

用好Office2003中的翻译服务

用好Office2003中的翻译服务

ASP中巧用Split()函数生成SQL查询语句

ASP中巧用Split()函数生成SQL查询语句
下拉加载更多内容 ↓