当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop入门教程:玻璃风格的网页按钮

Photoshop
用Photoshop打造精美个性签名
Photoshop滤镜简单打造照片逼真水彩画效果
教你用Photoshop去除图片中的水印文字
翻译教程:Photoshop打造星空下的浪漫壁纸
PhotoshopCS3做美容:教你修复黑眼圈
PS非主流:个性泛黄的签名图自己做
Photoshop鼠绘卡哇依卡通糖果娃娃全过程
Photoshop调色:老马糖水MM教程
翻译教程:Photoshop绘制枝头逼真绿色芒果
Photoshop快速去除图片上文字水印的方法集合
Photoshop CS3做美容:为美女打造亮白牙齿
用Photoshop调整偏色宝宝照片
Photoshop调出宝宝美白幼嫩肤色
Photoshop打造逼真苹果全过程
Photoshop抠图完全大集合
Adobe CS3安装实录
Adobe Photoshop CS3新功能体验:Black & White
Photoshop 如何选择“差值”的方式
PS初学者实例教程:制作透明气泡
Photoshop图片边框制作教程集合2

Photoshop入门教程:玻璃风格的网页按钮


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-02-23   浏览: 290 ::
收藏到网摘: n/a

【步骤一】新增一个图层1,并用圆形选取工具画出一个圆形选区,如下图:

Photoshop入门教程:玻璃风格的网页按钮_软晨学习网

【步骤二】先将前景色和背景色分别设定为浅蓝和深蓝色,再用渐层工具拉出圆形渐层,如下图:

Photoshop入门教程:玻璃风格的网页按钮_软晨学习网

【步骤三】先按「ctrl」+「D」取消选取,再使用图层样式功能加上阴影和描上黑边,如下图:

Photoshop入门教程:玻璃风格的网页按钮_软晨学习网

【步骤四】再新增一个图层2,并用圆形选取工具画出一个圆形选区,这个圆形选区要画的比蓝色的圆形小一点,如下图:

Photoshop入门教程:玻璃风格的网页按钮_软晨学习网

【步骤五】将渐层工具调整为白色到透明的色彩,如下图:

Photoshop入门教程:玻璃风格的网页按钮_软晨学习网

【步骤六】在图层2的圆形选区内拉出白色到透明的直线式渐层,如下图:

Photoshop入门教程:玻璃风格的网页按钮_软晨学习网

【步骤七】先按「ctrl」+「D」取消选取,再使用「滤镜」>「高斯模糊」,如下图:

Photoshop入门教程:玻璃风格的网页按钮_软晨学习网

【步骤八】将图层2的透明度调整到60%左右,如下图:

Photoshop入门教程:玻璃风格的网页按钮_软晨学习网

【步骤九】再新增一个图层3,再用圆形选取工具画出一个圆形选区,这个圆形选区要画更小一点,如下图:

Photoshop入门教程:玻璃风格的网页按钮_软晨学习网

【步骤十】在图层3的圆形选区内拉出白色到透明的直线式渐层,如下图:

Photoshop入门教程:玻璃风格的网页按钮_软晨学习网

【步骤十一】再用圆形选取工具,选取图层3圆形部份的下方,再按滑鼠右键设定羽化,如下图:

Photoshop入门教程:玻璃风格的网页按钮_软晨学习网

【步骤十二】羽化值设定大约在10左右,设定完羽化,直接按键盘的Delete键,就会将图层3圆形的下半部删除,如下图:

Photoshop入门教程:玻璃风格的网页按钮_软晨学习网

【步骤十三】先按「ctrl」+「D」取消选取,再使用「滤镜」>「高斯模糊」,这次的高斯模糊不用设太大,如下图:

Photoshop入门教程:玻璃风格的网页按钮_软晨学习网

【步骤十四】将图层3的透明度调整到80%左右,如下图:

Photoshop入门教程:玻璃风格的网页按钮_软晨学习网

【步骤十五】最后再打上您需要的文字,这个范例就算完成啦,如下图:

Photoshop入门教程:玻璃风格的网页按钮_软晨学习网