数码资源网

文章频道 软件下载 安卓下载 苹果下载

当前位置:首页文章中心平面专栏Photoshop → Photoshop实例教程 制作Vista风格错误图标

Photoshop实例教程 制作Vista风格错误图标

时间:2012-07-31 09:49:50人气:134作者:网友整理
小A教程安卓官方版(iApp学习教学) v1.2 正式版
小A教程安卓官方版(iApp学习教学) v1.2 正式版 for Android
  • 类型:安卓学习阅读大小:17.01M语言:简体中文 评分:3.0
  • 这是一款全新的iApp快捷高效的安卓端学习与应用托管平台。小A教程安卓官方版帮你...
立即下载
UI设计教程安卓版(最系统的UI教程) v1.4.2 手机版
UI设计教程安卓版(最系统的UI教程) v1.4.2 手机版 for Android
  • 类型:安卓系统应用大小:26.58M语言:简体中文 评分:3.0
  • 为用户提供如何最手机界面设计的绘画和图标设计基础教学。UI设计教程安卓版同时还有...
立即下载
PS设计达人v1.3.0
PS设计达人v1.3.0 for Android
  • 类型:安卓图像处理大小:53.13M语言:简体中文 评分:3.8
  • PS设计达人app是一款专业给力的全新处理手机客户端软件,app提供海量精选的优...
立即下载

本教程介绍利用Photoshop制作错误图标的方法。方法比较简单、实用,比较适合初学者学习

  最终效果图

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填充,并按键盘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所示。

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

[page]
 

 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风格错误图标
图23

感谢速联科技、八度网络、九九数据、亿恩科技、群英网络赞助部分带宽!

关于本站 | 联系方式 | 版权声明 | 下载帮助(?) | 网站地图

Copyright 2002-2020 95262.com 【数码资源网】 版权所有 粤ICP备2020128507号-1

本站所有软件来自互联网,版权归原著所有。如有侵权,敬请来信告知 ,我们将及时撤销。