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

2016-02-16 07:44 6 1 收藏

下面图老师小编跟大家分享一个简单易学的Photoshop样式教程:制作斜纹水晶广告条教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!

【 tulaoshi.com - PS 】

本期教程中我们将设置图层样式效果来制作一个内部具有斜纹效果的网页广告条,制作中主要使用了外发光、渐变叠加、图案叠加等图层样式效果。具体的方法读者可跟随教程同步制作并逐步了解。

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

素材:MissYuan_教程素材.rar

Photoshop样式教程:制作斜纹水晶广告条,PS教程,图老师教程网

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

Photoshop样式教程:制作斜纹水晶广告条,PS教程,图老师教程网

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

Photoshop样式教程:制作斜纹水晶广告条,PS教程,图老师教程网

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

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

Photoshop样式教程:制作斜纹水晶广告条,PS教程,图老师教程网

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

Photoshop样式教程:制作斜纹水晶广告条,PS教程,图老师教程网

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

Photoshop样式教程:制作斜纹水晶广告条,PS教程,图老师教程网

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

Photoshop样式教程:制作斜纹水晶广告条,PS教程,图老师教程网

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

Photoshop样式教程:制作斜纹水晶广告条,PS教程,图老师教程网

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

Photoshop样式教程:制作斜纹水晶广告条,PS教程,图老师教程网

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

Photoshop样式教程:制作斜纹水晶广告条,PS教程,图老师教程网

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

Photoshop样式教程:制作斜纹水晶广告条,PS教程,图老师教程网

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

Photoshop样式教程:制作斜纹水晶广告条,PS教程,图老师教程网

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

Photoshop样式教程:制作斜纹水晶广告条,PS教程,图老师教程网

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

Photoshop样式教程:制作斜纹水晶广告条,PS教程,图老师教程网

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

Photoshop样式教程:制作斜纹水晶广告条,PS教程,图老师教程网

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

Photoshop样式教程:制作斜纹水晶广告条,PS教程,图老师教程网

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

Photoshop样式教程:制作斜纹水晶广告条,PS教程,图老师教程网

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

Photoshop样式教程:制作斜纹水晶广告条,PS教程,图老师教程网

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

Photoshop样式教程:制作斜纹水晶广告条,PS教程,图老师教程网

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

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

Photoshop样式教程:制作斜纹水晶广告条,PS教程,图老师教程网

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

Photoshop样式教程:制作斜纹水晶广告条,PS教程,图老师教程网

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

Photoshop样式教程:制作斜纹水晶广告条,PS教程,图老师教程网

Photoshop样式教程:制作斜纹水晶广告条,PS教程,图老师教程网

Photoshop样式教程:制作斜纹水晶广告条,PS教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160216/1569844.html

延伸阅读
标签: flash教程
在FLASH广告条中加入关闭的按钮只要在按钮上加入quit退出的命令即可。 on(release){ fscommand("quit"); } 现在在FLASH PLAYER中点击退出即可关闭FLASH PLAYER,但在网页中却不可以退出。在网页中要想直接实现退出是不可能的,不过我们可以利用层的隐藏属性来实现。具体插入层的方法这里就不多说,看看下面的代码吧。 <div id='ri...
标签: PS PS教程
教程中的文字层次比较强,制作的时候用到了三个图层,底部的用来控制文字的颜色及初步浮雕效果,中间的文字用来增强光感,最上面的用来增加立体感。 最终效果 <点小图查看大图 1、新建1200 * 600的画布,将素材包中的星光背景置入到画布中去并适当调整大小。然后新建空白图层,填充纹理图案,将此层的图层模式改为“叠...
标签: PS PS基础
本期教程中我们将设置图层样式效果来制作一个胶囊状的水晶按钮效果,制作中主要使用了外发光、内发光、渐变叠加等图层样式效果。具体的方法读者可跟随教程同步制作并逐步了解。 开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。 下载素材: MissYuan_蓝色背景.rar (1)运行Photoshop CS5,执行文件→打开...
标签: PS教程
本教程文字部分制作并不复杂,为一般的立体字制作。不过文字的延伸部分制作的非常完美,用了很多小素材装饰。如何运用这些素材,还需要自己努力去思考。 最终效果 1、打上文字。 2、复制一个图层放下边,描边3像素,跟字体颜色相同就行。 3、投影。 4、第二层继续投影。 5、继续投影。 6、按住CTRL然后鼠标点击描边...
【PS文字特效】photoshop图层样式制作五彩水晶字体教程 最终效果 PS艺术字制作教程Tulaoshi.com利用PS图层样式简单制作一款漂亮的五彩水晶字体: 步骤一:新建页面,尺寸随意(不要太小),背景填黑色 步骤二:打上字,如果用素材的就选用字体CTRL+J 步骤三:双击字体层,出面图层样式窗口,先给它做渐变样式 ...

经验教程

801

收藏

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