photoshop制作网页斜纹透明水晶广告条按钮

钢角公羊

钢角公羊

2016-03-18 05:49

今天图老师小编给大家介绍下photoshop制作网页斜纹透明水晶广告条按钮,平时喜欢photoshop制作网页斜纹透明水晶广告条按钮的朋友赶紧收藏起来吧!记得点赞哦~

配套背景素材下载:http://u.115.com/file/f96da7ddd4

 

最终效果

开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。

(1)运行Photoshop CS5,执行“文件”→“打开”命令,打开素材文件“条纹背景.psd”文件。

(2)新建图层并命名为“按钮”,选择“矩形工具”,单击工具选项栏中的“填充像素”按钮进行绘制。

(3)为“按钮”图层添加图层样式,单击“外发光”项目,设置其各项参数。

(4)单击“斜面和浮雕”项目,设置其各项参数。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

(5)单击“渐变叠加”项目,设置其各项参数。

(6)单击“描边”项目,设置其各项参数。按下“确定”按钮,关闭“图层样式”对话框,效果如图所示。

(7)按下“确定”按钮,关闭“图层样式”对话框,效果如图所示。

(8)新建一个文档,大小为“3px*3px”,分辨率为“72px”。将文档放大到“1600%”,用铅笔画出如下图案,再执行“编辑”→“定义图案”命令。

(9)新建图层并命名为“图案”,按下Ctrl键的同时单击“按钮”图层,将“按钮”图层载入选区,选择“油漆桶工具”填充设置好的图案。

(10)完成后,效果如图所示。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

(11)新建图层并命名为“边”,选择“矩形工具”,单击工具选项栏中的“填充像素”按钮进行绘制。

(12)为“边”图层添加图层样式,单击“外发光”项目,设置其各项参数。

(13)按下“确定”按钮,关闭“图层样式”对话框,为“边”图层添加图层蒙版,选择“渐变工具”,调整图像。

(14)设置“不透明度”参数,效果如图所示。

(15)新建图层并命名为“高光”,选择“钢笔工具”绘制路径并将路径载入选区,填充前景色。

(16)为“高光”图层添加图层蒙版,选择“渐变工具”进行调整,并设置其“不透明度”和“填充”参数,完成后效果如图所示。

(17)为“高光”图层添加“渐变叠加”图层样式,并设置其各项参数。

(18)按下“确定”按钮,关闭“图层样式”对话框,效果如图所示。

(19)新建图层组并命名为“组 1”,分别将 “高光”、“边”、“tulaoshi图案”和“按钮”图层拖入给图层组中。

(20)参照制作“组 1”图层组的方法,制作出“紫”和“绿”图层组,效果如图所示。

(21)将“图层”调板中隐藏的“组 2”图层组显示,完成本实例的制作。

展开更多 50%)
分享

猜你喜欢

photoshop制作网页斜纹透明水晶广告条按钮

PS PS基础 ps平面设计教程 ps去水印教程
photoshop制作网页斜纹透明水晶广告条按钮

Photoshop样式教程:制作斜纹水晶广告条

PS PS基础
Photoshop样式教程:制作斜纹水晶广告条

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

透明水晶圆形按钮

PS PS基础 ps平面设计教程 ps去水印教程
透明水晶圆形按钮

Photoshop设计蓝色精致的透明水晶按钮

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计蓝色精致的透明水晶按钮

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop制作质感的斜纹网页导航按钮

PS PS基础
Photoshop制作质感的斜纹网页导航按钮

Photoshop制作绿色风格的广告条

PS PS基础
Photoshop制作绿色风格的广告条

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop绘制超强质感立体按钮教程

Photoshop绘制超强质感立体按钮教程

Photoshop设计网页常见卷页按钮效果教程

Photoshop设计网页常见卷页按钮效果教程
下拉加载更多内容 ↓