Photoshop CS4教程:遨游浏览器图标制作实例

作者:李华仁 出处:PConline 本教程为Photoshop CS4的基础实例,主要对图层中的图层样式进行详细讲解,在本教程中将应用到图层样式的各种效果,可以让网友在学习和工作中有所参照。本教程应用到的图层样式有:投影、内阴影、外发光、内发光、斜面和浮雕、等高线、光泽、

ps宝石LOGO设计教程

在这个Photoshop教程中,我会教你如何做一个简单的,有光泽的宝石的logo设计图标,喜欢的朋友让我们一起来学习吧。

作者:李华仁   出处:PConline

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

  先看效果图:

Photoshop CS4教程:遨游浏览器图标制作实例插图
效果图

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

Photoshop CS4教程:遨游浏览器图标制作实例插图(1)
图1

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

Photoshop CS4教程:遨游浏览器图标制作实例插图(2)
图2

 

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

Photoshop CS4教程:遨游浏览器图标制作实例插图(3)
图3

Photoshop CS4教程:遨游浏览器图标制作实例插图(4)
图4

Photoshop CS4教程:遨游浏览器图标制作实例插图(5)
图5

Photoshop CS4教程:遨游浏览器图标制作实例插图(6)
图6

Photoshop CS4教程:遨游浏览器图标制作实例插图(7)
图7

Photoshop CS4教程:遨游浏览器图标制作实例插图(8)
图8

Photoshop CS4教程:遨游浏览器图标制作实例插图(9)
图9

 

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

Photoshop CS4教程:遨游浏览器图标制作实例插图(10)
图10

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

Photoshop CS4教程:遨游浏览器图标制作实例插图(11)
图11

Photoshop CS4教程:遨游浏览器图标制作实例插图(12)
图12

Photoshop CS4教程:遨游浏览器图标制作实例插图(13)
图13

Photoshop CS4教程:遨游浏览器图标制作实例插图(14)
图14

Photoshop CS4教程:遨游浏览器图标制作实例插图(15)
图15

Photoshop CS4教程:遨游浏览器图标制作实例插图(16)
 图16

Photoshop CS4教程:遨游浏览器图标制作实例插图(17)
图17

Photoshop CS4教程:遨游浏览器图标制作实例插图(18)
图18

Photoshop CS4教程:遨游浏览器图标制作实例插图(19)
图19

 

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

Photoshop CS4教程:遨游浏览器图标制作实例插图(20)
图20

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

Photoshop CS4教程:遨游浏览器图标制作实例插图(21)
图21

Photoshop CS4教程:遨游浏览器图标制作实例插图(22)
图22

Photoshop CS4教程:遨游浏览器图标制作实例插图(23)
图23

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

Photoshop CS4教程:遨游浏览器图标制作实例插图(24)
图24

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

Photoshop CS4教程:遨游浏览器图标制作实例插图(25)
 图25

作者:李华仁   出处:PConline

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

  先看效果图:

Photoshop CS4教程:遨游浏览器图标制作实例插图
效果图

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

Photoshop CS4教程:遨游浏览器图标制作实例插图(1)
图1

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

Photoshop CS4教程:遨游浏览器图标制作实例插图(2)
图2

 

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

Photoshop CS4教程:遨游浏览器图标制作实例插图(3)
图3

Photoshop CS4教程:遨游浏览器图标制作实例插图(4)
图4

Photoshop CS4教程:遨游浏览器图标制作实例插图(5)
图5

Photoshop CS4教程:遨游浏览器图标制作实例插图(6)
图6

Photoshop CS4教程:遨游浏览器图标制作实例插图(7)
图7

Photoshop CS4教程:遨游浏览器图标制作实例插图(8)
图8

Photoshop CS4教程:遨游浏览器图标制作实例插图(9)
图9

 

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

Photoshop CS4教程:遨游浏览器图标制作实例插图(10)
图10

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

Photoshop CS4教程:遨游浏览器图标制作实例插图(11)
图11

Photoshop CS4教程:遨游浏览器图标制作实例插图(12)
图12

Photoshop CS4教程:遨游浏览器图标制作实例插图(13)
图13

Photoshop CS4教程:遨游浏览器图标制作实例插图(14)
图14

Photoshop CS4教程:遨游浏览器图标制作实例插图(15)
图15

Photoshop CS4教程:遨游浏览器图标制作实例插图(16)
 图16

Photoshop CS4教程:遨游浏览器图标制作实例插图(17)
图17

Photoshop CS4教程:遨游浏览器图标制作实例插图(18)
图18

Photoshop CS4教程:遨游浏览器图标制作实例插图(19)
图19

 

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

Photoshop CS4教程:遨游浏览器图标制作实例插图(20)
图20

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

Photoshop CS4教程:遨游浏览器图标制作实例插图(21)
图21

Photoshop CS4教程:遨游浏览器图标制作实例插图(22)
图22

Photoshop CS4教程:遨游浏览器图标制作实例插图(23)
图23

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

Photoshop CS4教程:遨游浏览器图标制作实例插图(24)
图24

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

Photoshop CS4教程:遨游浏览器图标制作实例插图(25)
 图25

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部