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

2016-03-17 21:12 1 1 收藏

清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注图老师为大家准备的精彩内容。下面为大家推荐Photoshop绘制质感Vista风格错误提示图标教程,无聊中的都看过来。

【 tulaoshi.com - PS 】

最终效果图:

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

图0

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

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

图1

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

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

图2

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

图3

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

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

图4

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

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

图5

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

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

图6

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

图7

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

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

图8

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

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

图9

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

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

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

图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风格错误提示图标,图老师

图11

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

图12

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

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

图13

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

图14

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

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

图15

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

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

图16

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

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

图17

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

图18

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

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

图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风格错误提示图标,图老师

图20

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

图21

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

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

图22

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

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

图23

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

来源:https://www.tulaoshi.com/n/20160317/1865911.html

延伸阅读
标签: PS PS基础
先上效果图: 老规矩,看到效果图:分析!分析!再分析! 我们将 怎么完成这个图标的制作呢? 经观察得: 一:背 景制作(灰白色,加一条高光线),这步应该比较简单。 二:图 标的雏形(关键地方,颜色的搭配漂亮,因为给你第一感觉就是色彩。高光,浮雕,影子等细节的制作,看上去很立体就是这些因素造成的啦!) 三:邮件图标的添加(这个跟第...
Photoshop绘制金色质感的球形图标 最终效果图 步www.tulaoshi.com骤分解         注 :更多精彩教程请关注图老师photoshop教程栏目,图老师PS群:182958314欢迎你的加入
标签: Illustrator
这是作者Rokey为数码艺术杂志写的一个教程。喜爱图标设计的网友可不要错过哦。 利用 Adobe Illustrator CS 进行图标设计并在 Photoshop 中进行后期处理,用 Iconworkshop 输出 .ico 格式的图标文件。图标是界面设计领域重要的一项设计内容,这次以在 2004 度中由 stardock 公司主办的 GUI 国际奥林匹克大赛中获全场大奖的图标包的 The Last Or...
标签: PS PS基础
最终效果图: 首先,新建一个文档,我的是1024*1024。 在背景层上拉一个径向渐变,颜色如图所示~~ 新建一层,D键把前景背景改为默认,填充白色,选择滤镜-杂色-添加杂色,平均分布,数量50%,勾选淡色,如图所示 确定后把混合模式改为柔光,透明度30% 新建一个圆角矩形,如图所示,调整好圆角,填充颜色随便。Ctrl+a 选择...

经验教程

56

收藏

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