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

2016-03-18 05:49 5 1 收藏

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

【 tulaoshi.com - PS 】

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

 

最终效果

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

来源:https://www.tulaoshi.com/n/20160318/1873795.html

延伸阅读
标签: Web开发
在许多网页中,当鼠标移到一张图片上时,又弹出另一张图片,做这种广告条,要用到Macromedia Dreamweaver中的Layer(层)和Timeline(时间轴)功能,还得准备两张大小基本相同的广告图片。我们已最新版本Dreamweaver4.0(英文版)为例,制作移动的广告条。  一、用Dreamweaver打开任意一个网页,空白页也可。在菜单中选择“插入Inse...
本教程介绍透明水泡的制作方法。重点在水泡的高光部分的制作,制作的过程不太复杂,不过需要注意好细节部分的修饰。 最终效果 1、新建一个650 * 650像素的文件,背景填充深蓝色,也可以适当拉上蓝色渐变色。新建一个图层,选择椭圆选框工具,按住Shift键画一个如图1所示的正圆。 图12、选择菜单:选择 储存选区,然后自己命名。...
标签: PS PS基础 PS效果
水母的制作有点类似水泡的制作。重点是把水母的高光部分渲染出来,尤其是边缘的一些高光。可以用涂抹工具直接涂抹,也可以用选区来控制。 最终效果 1、制作水母的重点是主体部分的制作,需要完成的效果如下图。 图1 2、新建一个800 * 800像素的画布,选择渐变工具,颜色设置如图2,由左至右拉出图3所示的线性渐变作为背景色...
来源:PS联盟 作者:Sener 之前我们设置图层样式的时候都习惯在同一个图层完成,简单一点的效果可能很容易完成。不过相对复杂一点的就需要用2层或多层来完成。设置的时候只要把每层的填充不透明度设置为:0%,这样设置图层样式后文字就是透明的(www.tulaoshi.com),只显示图层样式的效果。 最终效果 1、新建一个800 * 600像素的文档,背景...
原图 1、在Photoshop5.5中建立新文件, 120x80 大小 RGB模式, Contents设为Transparent( 透明 ) layer1填充为#333333, 上加一层,建立直径为26像素的圆形,并把它改造成长圆形的按钮放在页面中心 (此操作说明可在前面的教程例题中找到) 2、前景设为#4D4D4D,背景设为#737373, 用渐变色工具Linear Gradient Tool,从按钮的上方至下...

经验教程

614

收藏

67
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部