注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

小乐作品--细品人生

品味生活-品味茶香-品味青春-品味我们的年代

 
 
 

日志

 
 
关于我

Hello,大家好,个性名:唐少,英文名:harry Tang《哈里.唐》,别名叫:happy king,网络达人名:唐家OPPA。我是一个活泼开朗且又风趣的大男生,超赞的个性一族哦~!最骄傲的就是自己长了一张人见人爱,佛见佛跪拜的娃娃脸,我来至于周恩来的故乡--淮安。本人博友已到上限,你们加我为好友吧!

网易考拉推荐

Photoshop CS5经典样式系列19——斜纹水晶广告条  

2013-06-30 13:00:21|  分类: 【PS 教程】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 Photoshop CS5经典样式系列19——斜纹水晶广告条

本期教程中我们将设置图层样式效果来制作一个内部具有斜纹效果的网页广告条,制作中主要使用了“外发光”、“渐变叠加”、“图案叠加”等图层样式效果。具体的方法读者可跟随教程同步制作并逐步了解。
下期教程中我们将使用图层样式来制作出一个透明玻璃雪花按钮效果,希望大家能够关注下期教程《Photoshop CS5经典样式系列20——透明玻璃雪花按钮》!
开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。

Photoshop CS5经典样式系列19——斜纹水晶广告条 - ☆小乐作品★ - 小乐作品--细品人生

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

Photoshop CS5经典样式系列19——斜纹水晶广告条 - ☆小乐作品★ - 小乐作品--细品人生

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

 

Photoshop CS5经典样式系列19——斜纹水晶广告条 - ☆小乐作品★ - 小乐作品--细品人生

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

 

Photoshop CS5经典样式系列19——斜纹水晶广告条 - ☆小乐作品★ - 小乐作品--细品人生

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

Photoshop CS5经典样式系列19——斜纹水晶广告条 - ☆小乐作品★ - 小乐作品--细品人生

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

Photoshop CS5经典样式系列19——斜纹水晶广告条 - ☆小乐作品★ - 小乐作品--细品人生

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

Photoshop CS5经典样式系列19——斜纹水晶广告条 - ☆小乐作品★ - 小乐作品--细品人生

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

 

Photoshop CS5经典样式系列19——斜纹水晶广告条 - ☆小乐作品★ - 小乐作品--细品人生

 

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

Photoshop CS5经典样式系列19——斜纹水晶广告条 - ☆小乐作品★ - 小乐作品--细品人生

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

Photoshop CS5经典样式系列19——斜纹水晶广告条 - ☆小乐作品★ - 小乐作品--细品人生

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

Photoshop CS5经典样式系列19——斜纹水晶广告条 - ☆小乐作品★ - 小乐作品--细品人生

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

Photoshop CS5经典样式系列19——斜纹水晶广告条 - ☆小乐作品★ - 小乐作品--细品人生

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

Photoshop CS5经典样式系列19——斜纹水晶广告条 - ☆小乐作品★ - 小乐作品--细品人生

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

Photoshop CS5经典样式系列19——斜纹水晶广告条 - ☆小乐作品★ - 小乐作品--细品人生

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

Photoshop CS5经典样式系列19——斜纹水晶广告条 - ☆小乐作品★ - 小乐作品--细品人生

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

Photoshop CS5经典样式系列19——斜纹水晶广告条 - ☆小乐作品★ - 小乐作品--细品人生

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

Photoshop CS5经典样式系列19——斜纹水晶广告条 - ☆小乐作品★ - 小乐作品--细品人生

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

Photoshop CS5经典样式系列19——斜纹水晶广告条 - ☆小乐作品★ - 小乐作品--细品人生

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

Photoshop CS5经典样式系列19——斜纹水晶广告条 - ☆小乐作品★ - 小乐作品--细品人生

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

Photoshop CS5经典样式系列19——斜纹水晶广告条 - ☆小乐作品★ - 小乐作品--细品人生

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

Photoshop CS5经典样式系列19——斜纹水晶广告条 - ☆小乐作品★ - 小乐作品--细品人生

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

Photoshop CS5经典样式系列19——斜纹水晶广告条 - ☆小乐作品★ - 小乐作品--细品人生

Photoshop CS5经典样式系列19——斜纹水晶广告条 - ☆小乐作品★ - 小乐作品--细品人生

Photoshop CS5经典样式系列19——斜纹水晶广告条 - ☆小乐作品★ - 小乐作品--细品人生

【草根(原创)文苑】当年 枣树上的人【邀您共赏】 - ☆小乐作品★ - 小乐作品--细品人生

   

博客推广 - ☆小乐作品★ - 小乐作品--细品人生 博客推广 - ☆小乐作品★ - 小乐作品--细品人生 博客推广 - ☆小乐作品★ - 小乐作品--细品人生  博客推广 - ☆小乐作品★ - 小乐作品--细品人生博客推广 - ☆小乐作品★ - 小乐作品--细品人生博客推广 - ☆小乐作品★ - 小乐作品--细品人生博客推广 - ☆小乐作品★ - 小乐作品--细品人生 博客推广 - ☆小乐作品★ - 小乐作品--细品人生

 

  

小乐作品点击分享导航模块代码 

 

  评论这张
 
阅读(187)| 评论(4)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017