Photoshop绘制质感Vista风格错误提示图标

2016-02-16 03:12 9 1 收藏

下面是个Photoshop绘制质感Vista风格错误提示图标教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

【 tulaoshi.com - PS 】

最终效果图:

Photoshop绘制质感Vista风格错误提示图标,PS教程,图老师教程网

图0

1、选择文件/新建菜单,打开新建或者Ctrl+N对话框名称为:制作Vista错误图标效果,宽度:为800像素, 高度:为600像素,分辨率为72 , 模式为RGB颜色的文档,如图1所示。

Photoshop绘制质感Vista风格错误提示图标,PS教程,图老师教程网

图1

2、在图层样板中新建一个图层,在工具栏中,选择椭圆选框工具,在工作区拖出一个椭圆形状,并填充为灰色,如图2所示。效果图如图3所示。

Photoshop绘制质感Vista风格错误提示图标,PS教程,图老师教程网

图2

Photoshop绘制质感Vista风格错误提示图标,PS教程,图老师教程网

图3

3、双单击圆图层进入到图层样式,分别勾选内发光、渐变叠加、描边选项。勾选内发光选项,设置投影混合模式:正常,不透明度:100%,杂色:0%,点击点按可编辑渐变,设置前景到透明,颜色为白色到透明,方法为:柔和,源:边缘,阻塞:15%,大小为:4像素,范围为:50%,其它设置参考图4,如图4所示。

Photoshop绘制质感Vista风格错误提示图标,PS教程,图老师教程网

图4

4、勾选渐变叠加选项,混合模式: 正常,设置不透明度:100%,点击渐变色标处,弹出渐变编辑器,灰色到白色到灰色,样式为线性,勾选与图层对齐,角度35度,缩放100%,如图5所示。

Photoshop绘制质感Vista风格错误提示图标,PS教程,图老师教程网

图5

5、勾选描边选项,设置大小为1像素,位置为外部,混合模式为正常,不透明度为100%,填充类型为颜色,颜色为灰色,颜色RGB值分别为:115、118、120。如图6所示,效果图如图7所示。

Photoshop绘制质感Vista风格错误提示图标,PS教程,图老师教程网

图6

Photoshop绘制质感Vista风格错误提示图标,PS教程,图老师教程网

图7

6、创建新图层按钮,在工具箱中选择椭圆选框工具,接着在工作区拖出一个椭圆选框工具形状,设置前景为绿色,接着按键盘快捷键Alt+Delete填充,并按键盘Ctrl+D取消,如图8所示。

Photoshop绘制质感Vista风格错误提示图标,PS教程,图老师教程网

图8

7、双单击绿色图层进入到图层样式,分别勾选内发光、斜面和浮雕、渐变叠加、描边选项。勾选内发光选项,设置投影混合模式:叠加,不透明度:15%,杂色:0%,点击点按可编辑渐变,设置前景到透明,颜色为红色到透明,方法为:柔和,源:边缘,阻塞:0%,大小为:30像素,范围为:50%,其它设置参考图9,如图9所示。

Photoshop绘制质感Vista风格错误提示图标,PS教程,图老师教程网

图9

8、勾选斜面和浮雕复选项,样式:内斜面,方法:平滑,深度:200%,方向:上,大小:3像素,软化:0像素,角度:120,勾选使用全局光,高度:30度,高光模式为:正常,颜色为:白色,不透明度为:40%,阴影模式为:正片叠底,颜色为:黑色,不透明度为:5%,其他设置值参考图10,如图10所示。

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

Photoshop绘制质感Vista风格错误提示图标,PS教程,图老师教程网

图10

9、勾选渐变叠加选项,混合模式: 正常,设置不透明度:100%,点击渐变色标处,弹出渐变编辑器,双击如图12中的A处,设置色彩RGB分别为202、37、37。再双击图12中所示的B处,设置RGB分别为115、0、0,再双击图12中所示的C处,设置RGB分别为227、67、67,如图11所示。效果图如图12所示。

Photoshop绘制质感Vista风格错误提示图标,PS教程,图老师教程网

图11

Photoshop绘制质感Vista风格错误提示图标,PS教程,图老师教程网

图12

10、勾选描边选项,设置大小为1像素,位置为外部,混合模式为正常,不透明度为100%,填充类型为颜色,颜色为灰色,如图13所示,效果图如图14所示。

Photoshop绘制质感Vista风格错误提示图标,PS教程,图老师教程网

图13

Photoshop绘制质感Vista风格错误提示图标,PS教程,图老师教程网

图14

11、在工具箱中选择横排文字工具 ,在画面中用鼠标单击后,出现一个输入文字光标,在光标后输入X,在工具选项栏中设置字体为Army,设置字体大小为300点,设置消除锯齿为锐利,设置字体颜色为白色,如图15所示。

Photoshop绘制质感Vista风格错误提示图标,PS教程,图老师教程网

图15

12、双单击x图层进入到图层样式,分别勾选投影、描边选项。勾选投影,设置混合模式为:正片叠加,颜色为:黑色,不透明度为:41%,角度为:120度,勾选使用全局光,距离为:2像素,扩展为:0%,大小为:5像素,如图16所示

Photoshop绘制质感Vista风格错误提示图标,PS教程,图老师教程网

图16

13、勾选描边选项,设置大小为1像素,位置为外部,混合模式为正常,不透明度为100%,填充类型为颜色,颜色为白色,如图17所示,效果图如图18所示。

Photoshop绘制质感Vista风格错误提示图标,PS教程,图老师教程网

图17

Photoshop绘制质感Vista风格错误提示图标,PS教程,图老师教程网

图18

14、在工具箱中选择横排文字工具 ,在画面中用鼠标单击后,出现一个输入文字光标,在光标后输入X,在工具选项栏中设置字体为Army,设置字体大小为300点,设置消除锯齿为锐利,设置字体颜色为白色,如图19所示。

Photoshop绘制质感Vista风格错误提示图标,PS教程,图老师教程网

图19

15、双单击x图层进入到图层样式,勾选渐变叠加选项。勾选渐变叠加选项,混合模式: 正常,设置不透明度:100%,点击渐变色标处,弹出渐变编辑器,双击如图20中的A处,设置色彩RGB分别为246、246、246。再双击图20中所示的B处,设置RGB分别为157、157、157,再双击图20中所示的C处,设置RGB分别为246、246、246,如图20所示。效果图如图21所示。

Photoshop绘制质感Vista风格错误提示图标,PS教程,图老师教程网

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

图20

Photoshop绘制质感Vista风格错误提示图标,PS教程,图老师教程网

图21

16、在图层样板中新建一个图层,在工具栏中,选择椭圆选框工具,在工作区拖出一个椭圆形状,接着在工作区拖出一个椭圆选框工具形状,设置前景为白色,接着按键盘快捷键Alt+Delete填充,并按键盘Ctrl+D取消,设置填充值为10%,如图22所示。效果图如图23所示。

Photoshop绘制质感Vista风格错误提示图标,PS教程,图老师教程网

图22

Photoshop绘制质感Vista风格错误提示图标,PS教程,图老师教程网

图23

Photoshop绘制质感Vista风格错误提示图标,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1567334.html

延伸阅读
标签: PS PS基础
先看看效果图 效果如下: 如惯例用圆角矩形工具画出长宽为512px,R值为92px的标准iphone图标框架 添加图层样式:内阴影、渐变叠加 增加ihero面板 复制框架图层作为新的图层,命名为面板图层,去除图层样式,调整框架下部份节点,作为面板的基底 利用这层面板基底分化出不同的图层 添加图层样式,深入细化 为...
标签: PS PS基础
最终效果图 步骤分解
标签: PS PS基础
本教程主要使用Photoshop绘制简洁风格的网页音量图标,今天主要使用布尔运算法给大家来绘制,简单地说就是利用形状图层相加相减,然后得到很多不可思议的图像,这个是学习图标的朋友必须要知道的工具,喜欢的朋友让我们一起来学习吧。对了有什么不懂的地方可以下载源文件研究。 教程源文件: 简洁风格的音量ICON图标教程源文件 ...
标签: PS PS基础
最终效果 1、新建一个800 * 600像素,分辨率为72的画布,选择渐变工具颜色设置如图1,然后由中心向边角拉出图2所示的径向渐变作为背景。 2、打开音符素材,拖进来,适当放好位置。 3、把音符复制一层,锁定像素区域后填充白色,移到原音符图层的下面,先用移动工具稍微错开移动位置,然后按Ctrl + T 变形,把立体感做出来,...
标签: PS PS基础
最终效果图 1、首先在photoshop中创建一个新文档,我使用的尺寸是1024*1024px,此外,我还添加了一层麻布纹理作为背景,使用它看起来更时尚,如图所示。 2、使用椭圆选框工具创建一个圆形,创建一个新图层,在圆形选区中填充黑色,如图所示。 3、按下Ctrl+’打开网格,按下Ctrl+T进入自由变换状态,这时你会看来这个圆形的中...

经验教程

498

收藏

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