首页 > web前端 > PS教程 > 正文

Photoshop打造蓝色傲游浏览器图标

PHP中文网
发布: 2017-03-19 17:41:16
原创
1400 人浏览过

Photoshop打造蓝色傲游浏览器图标,教程不算复杂,喜欢的朋友可以一起来学习 先看效果图:

Photoshop打造蓝色傲游浏览器图标

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

Photoshop打造蓝色傲游浏览器图标

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

Photoshop打造蓝色傲游浏览器图标

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

Photoshop打造蓝色傲游浏览器图标

 
  图3
 

Photoshop打造蓝色傲游浏览器图标

 
  图4
 

Photoshop打造蓝色傲游浏览器图标

 
  图5
 

Photoshop打造蓝色傲游浏览器图标

 
  图6
 

Photoshop打造蓝色傲游浏览器图标

 
  图7
 

Photoshop打造蓝色傲游浏览器图标

 
  图8
 

Photoshop打造蓝色傲游浏览器图标

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

Photoshop打造蓝色傲游浏览器图标

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

Photoshop打造蓝色傲游浏览器图标

 
  图11
 

Photoshop打造蓝色傲游浏览器图标

 
  图12
 

Photoshop打造蓝色傲游浏览器图标

 
  图13
 

Photoshop打造蓝色傲游浏览器图标

 
  图14
 

Photoshop打造蓝色傲游浏览器图标

 
  图15
 

Photoshop打造蓝色傲游浏览器图标

 
  图16
 

Photoshop打造蓝色傲游浏览器图标

 
  图17
 

Photoshop打造蓝色傲游浏览器图标

 
  图18
 

Photoshop打造蓝色傲游浏览器图标

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

Photoshop打造蓝色傲游浏览器图标

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

Photoshop打造蓝色傲游浏览器图标

 
  图21
 

Photoshop打造蓝色傲游浏览器图标

 
  图22
 

Photoshop打造蓝色傲游浏览器图标

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

Photoshop打造蓝色傲游浏览器图标

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

Photoshop打造蓝色傲游浏览器图标

 
  图25

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!