PS制作Vista风格质感图标

2016-03-18 02:21 9 1 收藏

想不想get新技能酷炫一下，今天图老师小编就跟大家分享个简单的PS制作Vista风格质感图标教程，一起来看看吧！超容易上手~

【 tulaoshi.com - PS 】

Vista系统横空出世，对于他的众多FANS来说是个记纪念的时刻，下面我们就制作一款Vista风格质感图标，制作过程中大量用到图层样式，看似简单的东西做出来真不容易！
最终效果

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

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

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

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

图3
7）新建一个图层并重命名该图层为“反射”。

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

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

图5
10）新建一个图层并重命名该图层为“边框”。

11）选择椭圆选框工具同时按住 Shift 键，绘制一个 242 × 242 像素的正圆。将该圆环绕着第一个圆。

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

图6

12）使用灰色 #b6b6bc 填充选区。

13）加载“正圆选区”。

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

图8
15）右击“边框”图层并选择混合选项，应用这些设置：

投影：

图9

内发光

图10

斜面和浮雕：

图11

渐变叠加：

图12

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

图13

描边：www.tulaoshi.com

图14

16）完成后我们将得到这样的效果：

图15

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

图16

18）右击“＋”图层并选择混合选项，应用这些设置：

投影：

图17

斜面和浮雕

图18

渐变叠加

图19

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

图20

描边：

图21

最终效果

图22

来源:http://www.tulaoshi.com/n/20160318/1869984.html

看过《PS制作Vista风格质感图标》的人还看了以下文章更多>>

PS绘制质感快递图标

PS绘制质感快递图标 PS绘制质感快递图标图老师注：更多请关注photoshop教程栏目，图老师PS教程群：181754111欢迎你的加入

PS如何制作扁平化风格图标

标签：平面设计

本文将传授你多样的扁平化设计风格，绝对时髦教程！读完本文，你将轻松掌握时下最热门的设计手法：）四种风格包括：常规扁平化、长投影、投影式、渐变式。一、常规扁平化步骤 1: 宽度: 500px, 高度: 400px. 背景色#e8d59b. 步骤 2: 参考线设置：垂直...

教你制作Windows Vista风格按钮

标签： PS PS基础 ps平面设计教程 ps去水印教程

本教程是关于用photoshop制作Windows 转载格按钮。教程主要是应用Photoshop的矩形工具绘制按钮，及图层样式和图层叠加来表现按钮的质感。最终效果图 1、新建一个图像文档（快捷键Ctrl + N），背景色为#2a2a2a，宽度和高度依自己需要而定。 Tulaoshi.com 2、从工具栏选择圆角矩形工具（快捷键U），在选项栏设置其...

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

标签： PS PS教程

这是一篇教您如何制作Windows Vista风格的漂亮图标的教程。主要应用了Photoshop中的选框工具绘制图形，并使用图层样式来表现图标的质感。教程中使用了Photoshop CS3中文版作为示范，但实际上Photoshop 6.0以上的版本，其实现和操作方法都基本是一致的。图1 效果图 1）新建一个 256 × 256 像素的透明背景图像文档。将第一个...

PS制作一把质感金属锁具图标教程

PS制作一把质感金属锁具图标教程教程中我们将设置图层样式效果来制作一个闪亮的金属锁图标效果，制作中主要使用了渐变叠加、内阴影、内发光等图层样式效果。具体的方法读者可跟随教程同步制作并逐步了解。下期教程中我们将使用图层样式来制作出一个类似苹果机箱透明塑料质感的按钮，希望大家能够关注下期教程《Photoshop CS5经典...

查看更多精彩>>