PS制作Vista风格质感图标

2016-03-18 02:21 2 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 。选择渐变工具（径向渐变风格）并从选区的左上角拖拽到右下角。

（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/ps/）
图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

来源:https://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鼠绘质感开关图标先来看看教程最终的效果图：一，创建背景 Create a new file. Set Width to 1000 and Height to 1000 and the resolution to 72 PPI.创建一个宽高1000px，72PPI的文件二，应用背景图案 Make a new Group and name it Background. Now go to this link Vertical cloth Pattern and down...

查看更多精彩>>