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

浩达天使65

浩达天使65

2016-02-16 07:44

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

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

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

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

素材:MissYuan_教程素材.rar

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

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

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

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

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

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

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

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

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

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

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

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

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/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,分别将 高光、边、图案和按钮图层拖入给图层组中。

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

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

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

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

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

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

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

展开更多 50%)
分享

猜你喜欢

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

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

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

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

s8lol主宰符文怎么配

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

Photoshop制作绿色风格的广告条

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

DW制作会移动的广告条

Web开发
DW制作会移动的广告条

lol偷钱流符文搭配推荐

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

Flash CS4制作汽车广告条教程

FLASH flash教程 autocad教程
Flash CS4制作汽车广告条教程

Photoshop实例:快速制作边缘马赛克广告条效果

PS PS教程
Photoshop实例:快速制作边缘马赛克广告条效果

lolAD刺客新符文搭配推荐

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

Photoshop制作怀旧的老照片教程

Photoshop制作怀旧的老照片教程

Photoshop设计教程:个人笔记本电脑的广告设计

Photoshop设计教程:个人笔记本电脑的广告设计
下拉加载更多内容 ↓