当前位置:首页 > PS教程 > 网页设计

Photoshop CS5教程:制作方框射灯按钮特效

  • 2022-12-25 00:35:41
  • 来源/作者:互联网/佚名
  • 己被围观

本期教程中我们将设置图层样式效果来制作一个模拟灯光照射效果的按钮,制作中主要使用了渐变叠加、投影等图层样式效果。灯光是通过设置投影图层样式中颜色的混合模式制作而成的。具体的方法读者可跟随教程同步制作

本期教程中我们将设置图层样式效果来制作一个模拟灯光照射效果的按钮,制作中主要使用了“渐变叠加”、“投影”等图层样式效果。灯光是通过设置“投影”图层样式中颜色的混合模式制作而成的。具体的方法读者可跟随教程同步制作并逐步了解。

(1)运行Photoshop CS5,随意弄个背景。

(2)选择“矩形工具”,在打开的工具选项栏中选择“形状图层”按钮进行绘制,创建“形状 1”图层。

(3)连续复制“形状 1”图层两次,分别得到“形状 1 副本”和“形状 1 副本 2”图层,并使其隐藏。


 14)为“图层 2”图层添加“渐变叠加”图层样式,并设置其各项参数。

(15)复制“图层 2”图层得到“图层 2 副本”并调整其位置,新建“组 1”图层组,把“图层 2”、“图层 2 副本”和“图层 1”图层拖入“组 1”图层组中。

(16)复制“组 1”图层组得到“组 1 副本”图层组,调整位置,如图所示。

(17)再次复制“组 1”图层组得到“组 1 副本 2”图层组。按下组合键,执行“自由变换”命令,对工具选项栏中各参数进行设置。

 
  18)调整“组 1 副本 2”图层组中各图层的图层样式,打开“图层 2 副本”图层样式,并调整其“渐变叠加”图层样式的角度参数。

(19)打开“图层 2”图层样式,并调整其“渐变叠加”图层样式的角度参数。

(20)选择“图层 1”图层,并调整其“渐变叠加”图层样式的角度参数。

(21)设置完毕后,效果如图所示。

(22)复制“组 1 副本 2”图层组得到“组 1 副本 3”图层组,并调整其不透明度。

(23)新建“图层 3”图层,选择“铅笔工具”进行绘制。

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条