用Photoshop图层样式打造傲游浏览器图标

本教程为Photoshop CS4的基础实例,主要对图层中的图层样式进行详细讲解,在本教程中将应用到图层样式的各种效果,可以让网友在学习和工作中有所参照。本教程应用到的图层样式有:投影、内阴影、外发光、内发光、斜面和浮雕、等高线、光泽、渐变叠加、颜色叠加、描边制作而

Photoshop打造一枚漂亮的MSN水晶图标

本教程介绍水晶图标的简单制作方法。教程中渐变色用得较多,用来制作图标的主体色调。然后再逐个的加上高光和暗调即可。 最终效果 1、新建一个500 * 500 像素的文件,背景填充白色,新建一个图层,用钢笔工具先勾出蝴蝶的半边翅膀,如图1。 图1 分页标题 2、按Ctrl +

 本教程为Photoshop CS4的基础实例,主要对图层中的图层样式进行详细讲解,在本教程中将应用到图层样式的各种效果,可以让网友在学习和工作中有所参照。本教程应用到的图层样式有:投影、内阴影、外发光、内发光、斜面和浮雕、等高线、光泽、渐变叠加、颜色叠加、描边制作而完成。希望大家喜欢!

  先看效果图:

用Photoshop图层样式打造傲游浏览器图标插图
效果图

  1、打开Photoshop CS4软件,执行菜单:“文件”/“新建”(快捷键Ctrl+N),弹出的新建对话框,名称:制作个性浏览器,宽度:550像素,高度:550像素,分辨率:72像素/英寸,颜色模式:RGB颜色、8位,背景内容:白色,设置完毕后单击确定按钮,如图1所示。

用Photoshop图层样式打造傲游浏览器图标插图(1)
图1

  2、在图层控制面板击新建图层按钮,新建一个图层1,在工具箱中选择椭圆工具 ,在工作区中拖出一个椭圆选区,接着选择工具箱渐变工具(快捷键G),在工具选项栏中设置为线性渐变,设置颜色从黑色到白色,然后按住鼠标从上拉下渐变,然后按快捷键Ctrl+D取消选择状态,如图2所示。

用Photoshop图层样式打造傲游浏览器图标插图(2)

  3、双单击图层进入到图层样式,分别勾选投影、内阴影、内发光、斜面和浮雕、等高线、光泽选项。设置几项的数值参考图3、4、5、6、7、8。效果图如图9所示。 

用Photoshop图层样式打造傲游浏览器图标插图(3)
图3

  4、在图层控制面板击新建图层按钮,新建一个图层2,在工具箱中选择椭圆工具 ,在工作区中拖出一个椭圆选区,接着设置前景色,设置前景色为白色,并按快捷键Alt+Delete填充给图层1,然后按快捷键Ctrl+D取消选择状态,如图10所示。

用Photoshop图层样式打造傲游浏览器图标插图(4)
图10

  5、双单击图层2进入到图层样式,分别勾选内阴影、内发光、斜面和浮雕、等高线、光泽、颜色叠加、渐变叠加、描边选项。设置几项的数值参考图11、12、13、14、15、16、17、18。效果图如图19所示。

用Photoshop图层样式打造傲游浏览器图标插图(5)
图11

用Photoshop图层样式打造傲游浏览器图标插图(6)
图12

用Photoshop图层样式打造傲游浏览器图标插图(7)
图13

用Photoshop图层样式打造傲游浏览器图标插图(8)
图14

用Photoshop图层样式打造傲游浏览器图标插图(9)
图15

用Photoshop图层样式打造傲游浏览器图标插图(10)
 图16

用Photoshop图层样式打造傲游浏览器图标插图(11)
图17

用Photoshop图层样式打造傲游浏览器图标插图(12)
图18

用Photoshop图层样式打造傲游浏览器图标插图(13)
图19

 

用Photoshop图层样式打造傲游浏览器图标插图(14)
图4

用Photoshop图层样式打造傲游浏览器图标插图(15)
图5

用Photoshop图层样式打造傲游浏览器图标插图(16)
图6

用Photoshop图层样式打造傲游浏览器图标插图(17)
图7

用Photoshop图层样式打造傲游浏览器图标插图(18)
图8

用Photoshop图层样式打造傲游浏览器图标插图(19)
图9

 5、在图层控制面板击新建图层按钮,新建一个图层3,在工具箱中选择椭圆工具 ,在工作区中拖出一个椭圆选区,接着设置前景色,设置前景色为白色,并按快捷键Alt+Delete填充给图层1,然后按快捷键Ctrl+D取消选择状态,如图20所示。

用Photoshop图层样式打造傲游浏览器图标插图(20)
图20

  6、双单击图层3进入到图层样式,斜面和浮雕、等高线选项。设置数值参考图21、22。效果图如图23所示。

用Photoshop图层样式打造傲游浏览器图标插图(21)
图21

用Photoshop图层样式打造傲游浏览器图标插图(22)
图22

用Photoshop图层样式打造傲游浏览器图标插图(23)
图23

  7、在工具箱中选择文字工具,接着在工作区输入字母E,设置文字的属性参考图24,如图24所示。

用Photoshop图层样式打造傲游浏览器图标插图(24)
图24

  8、在图层面板中选择文字图层,并设置图层混合模式为叠加,不透明度为75%,如图25所示。也是最终效果。

用Photoshop图层样式打造傲游浏览器图标插图(25)
 图25

 

 本教程为Photoshop CS4的基础实例,主要对图层中的图层样式进行详细讲解,在本教程中将应用到图层样式的各种效果,可以让网友在学习和工作中有所参照。本教程应用到的图层样式有:投影、内阴影、外发光、内发光、斜面和浮雕、等高线、光泽、渐变叠加、颜色叠加、描边制作而完成。希望大家喜欢!

  先看效果图:

用Photoshop图层样式打造傲游浏览器图标插图
效果图

  1、打开Photoshop CS4软件,执行菜单:“文件”/“新建”(快捷键Ctrl+N),弹出的新建对话框,名称:制作个性浏览器,宽度:550像素,高度:550像素,分辨率:72像素/英寸,颜色模式:RGB颜色、8位,背景内容:白色,设置完毕后单击确定按钮,如图1所示。

用Photoshop图层样式打造傲游浏览器图标插图(1)
图1

  2、在图层控制面板击新建图层按钮,新建一个图层1,在工具箱中选择椭圆工具 ,在工作区中拖出一个椭圆选区,接着选择工具箱渐变工具(快捷键G),在工具选项栏中设置为线性渐变,设置颜色从黑色到白色,然后按住鼠标从上拉下渐变,然后按快捷键Ctrl+D取消选择状态,如图2所示。

用Photoshop图层样式打造傲游浏览器图标插图(2)

  3、双单击图层进入到图层样式,分别勾选投影、内阴影、内发光、斜面和浮雕、等高线、光泽选项。设置几项的数值参考图3、4、5、6、7、8。效果图如图9所示。 

用Photoshop图层样式打造傲游浏览器图标插图(3)
图3

  4、在图层控制面板击新建图层按钮,新建一个图层2,在工具箱中选择椭圆工具 ,在工作区中拖出一个椭圆选区,接着设置前景色,设置前景色为白色,并按快捷键Alt+Delete填充给图层1,然后按快捷键Ctrl+D取消选择状态,如图10所示。

用Photoshop图层样式打造傲游浏览器图标插图(4)
图10

  5、双单击图层2进入到图层样式,分别勾选内阴影、内发光、斜面和浮雕、等高线、光泽、颜色叠加、渐变叠加、描边选项。设置几项的数值参考图11、12、13、14、15、16、17、18。效果图如图19所示。

用Photoshop图层样式打造傲游浏览器图标插图(5)
图11

用Photoshop图层样式打造傲游浏览器图标插图(6)
图12

用Photoshop图层样式打造傲游浏览器图标插图(7)
图13

用Photoshop图层样式打造傲游浏览器图标插图(8)
图14

用Photoshop图层样式打造傲游浏览器图标插图(9)
图15

用Photoshop图层样式打造傲游浏览器图标插图(10)
 图16

用Photoshop图层样式打造傲游浏览器图标插图(11)
图17

用Photoshop图层样式打造傲游浏览器图标插图(12)
图18

用Photoshop图层样式打造傲游浏览器图标插图(13)
图19

 

用Photoshop图层样式打造傲游浏览器图标插图(14)
图4

用Photoshop图层样式打造傲游浏览器图标插图(15)
图5

用Photoshop图层样式打造傲游浏览器图标插图(16)
图6

用Photoshop图层样式打造傲游浏览器图标插图(17)
图7

用Photoshop图层样式打造傲游浏览器图标插图(18)
图8

用Photoshop图层样式打造傲游浏览器图标插图(19)
图9

 5、在图层控制面板击新建图层按钮,新建一个图层3,在工具箱中选择椭圆工具 ,在工作区中拖出一个椭圆选区,接着设置前景色,设置前景色为白色,并按快捷键Alt+Delete填充给图层1,然后按快捷键Ctrl+D取消选择状态,如图20所示。

用Photoshop图层样式打造傲游浏览器图标插图(20)
图20

  6、双单击图层3进入到图层样式,斜面和浮雕、等高线选项。设置数值参考图21、22。效果图如图23所示。

用Photoshop图层样式打造傲游浏览器图标插图(21)
图21

用Photoshop图层样式打造傲游浏览器图标插图(22)
图22

用Photoshop图层样式打造傲游浏览器图标插图(23)
图23

  7、在工具箱中选择文字工具,接着在工作区输入字母E,设置文字的属性参考图24,如图24所示。

用Photoshop图层样式打造傲游浏览器图标插图(24)
图24

  8、在图层面板中选择文字图层,并设置图层混合模式为叠加,不透明度为75%,如图25所示。也是最终效果。

用Photoshop图层样式打造傲游浏览器图标插图(25)
 图25

 

作者: 791650988

为您推荐