当前位置:首页>ps实例教程>ps网页设计>logo教程>教程内容

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

来源:未知 作者:bbs.16xx8.com 学习:999人次

 本教程为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

 

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!