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

2016-01-29 18:35 4 1 收藏

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

【 tulaoshi.com - 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 键,然后从右下角到中间绘制一条曲线。释放鼠标按钮,你将得到像这样的一个选区:

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


图4:绘制出反射选区

[next]

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


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

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)
图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) 右击+图层并选择混合选项,应用这些设置:
  投影:


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

 斜面和浮雕


图18:给×标志应用斜面和浮雕图层样式

[next]

  渐变叠加


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

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


图20:编辑渐变色彩

  描边:


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

  最终结果如下:


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

来源:https://www.tulaoshi.com/n/20160129/1506445.html

延伸阅读
标签: PS PS教程
这次为大家带来的是一幅科幻作品的过程。由于是利用业余时间完成,所以时间经历的比较久,大家在创作作品的时候,不建议长时间的绘制一幅作品,因为这个是很消耗创作积极性的事。 主讲:白祎楠 软件:PHOTOSHOP CS3 工具:友基绘影ⅡPF1209数位板 完成效果: [next] 我大部分都是用画笔工具进行绘制,偶尔用用加亮工具。下面把...
标签: PS PS教程
本例为Photoshop数码后期实例教程,在本例中我们将学习运用PS打造怀旧lomo风格片效果,主要通过使用可选颜色调整层、复制通道、图层混合模式、蒙板制作暗角、自然饱合度的运用完成最终效果。 Lomo是非主流中较为经典的效果。处理方法有很多,不过需要把握好Lomo的要点。图片不需要清晰,画面有种朦胧的感觉,并且有明显的暗角等。 原图...
标签: PS PS教程
使用工具:软件Photoshop CS3、友基PF8060绘图板   用Photoshop画过水墨画吗?没有的话这次咱们一起用PS绘制一幅水墨作品。这次过程中需要自制笔刷。 先看看完成效果图图: 效果图 [next] 1、新建文件,在背景层用喷枪为画布作旧,模拟纸张感觉。 图1 2、为了墨迹毛笔的质感,我们来自制一个笔刷。首...
本教程从基本形状开始,完全使用FLASH画一个小奶瓶的图标,先看看效果图吧: 效果图 首先我们从一个圆角的矩形开始,把它的底部调节成圆形。 图1 图2 再把顶部调成突起的形状,如果你熟悉贝塞尔曲线,这不是什么难事。然后我们用形状扩展,外扩出一个粗边来,这将是瓶壁。 图3 图4 画瓶盖的圆柱其实很简单...
Vista系统横空出世,对于他的众多FANS来说是个记纪念的时刻,下面我们就制作一款Vista风格质感图标,制作过程中大量用到图层样式,看似简单的东西做出来真不容易! 最终效果 1)新建一个 256 × 256 像素的透明背景图像文档。将第一个图层名称重命名为“背景”。 2)使用白色 #ffffff 填充背景。 3)新建一个图层,重命名该图层为“圆...

经验教程

416

收藏

98
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部