当前位置:主页 > 图片处理 >

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

  • 图片处理
  • 2022-11-05 12:09
  • 傲游,浏览器,图标,打造,样式,Photoshop,图层,用

修图匠“用Photoshop图层样式打造傲游浏览器图标[多图]”Photoshop图文教程内容:

 

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

  先看效果图:

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
效果图

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

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图1

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

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop

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

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图3

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

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图10

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

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图11

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图12

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图13

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图14

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图15

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
 图16

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图17

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图18

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图19

 

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图4

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图5

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图6

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图7

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图8

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图9

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

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图20

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

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图21

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图22

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图23

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

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图24

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

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
 图25

 

 

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

  先看效果图:

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
效果图

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

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图1

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

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop

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

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图3

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

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图10

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

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图11

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图12

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图13

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图14

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图15

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
 图16

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图17

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图18

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图19

 

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图4

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图5

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图6

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图7

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图8

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图9

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

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图20

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

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图21

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图22

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图23

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

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
图24

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

Photoshop图层样式打造傲游浏览器图标,PS教程,52photoshop
 图25

 

温馨提示:以上“用Photoshop图层样式打造傲游浏览器图标[多图]”相关内容(含文字、图片、视频)来源于网络,版权归内容原作者所有,如有侵权,请告知删除。

猜你喜欢

联系站长