当前位置:首页>ps实例教程>ps网页设计>按钮图标>教程内容

用Photoshop图层样式制作发光按钮

来源:不详 作者:佚名 学习:471人次
用Photoshop图层样式制作发光按钮

作者:发条桔子 教程来源:eNet硅谷动力




先看一下效果:

在下面的例子中我们将研究怎么样运用图层样式来为我们制作出优美的图案。新建825×595像素大小的工作窗口,选择渐变工具为背景添加渐变效果。

双击背景图层,打开“新建图层”对话框,单击确定。

在图层面板中单击“添加图层样式”,在下拉菜单中选择“渐变叠加”,然后如图设置弹出对话框。

在图层面板中再次单击“添加图层样式”,在下拉菜单中选择“图案叠加”,然后如图设置弹出对话框。

新建一个图层1,选择椭圆选框工具,在窗口中央创建一个椭圆,设置前景色为暗红,然后填充选区。



使用“Ctrl T”打开自由变换命令,将椭圆调整到如图效果。


在图层面板中单击“添加图层样式”,在下拉菜单中选择“投影”命令,然后如图设置弹出对话框。



在图层面板中再次单击“添加图层样式”,在下拉菜单中选择“内发光”命令,然后如图设置弹出对话框。

复制图层1得到图层1副本,删去图层1副本中的图层样式,在图层面板中单击“添加图层样式”,在下拉菜单中选择“外发光”命令,然后如图设置弹出对话框。



在工具箱中选择移动工具,移动图层2到如图位置。

在图层1副本的上方单击“锁定透明像素”按钮,然后设置前景色为黑色,按“Alt Del”键在图层1副本填充黑色。



选择椭圆选区工具,绘制如图选区。

在图层面板中单击“添加图层样式”,在下拉菜单中选择“投影”命令,然后如图设置弹出对话框。



在下拉菜单中选择“内阴影”命令,然后如图设置弹出对话框。

在下拉菜单中选择“内发光”命令,然后如图设置弹出对话框。



在下拉菜单中选择“斜面和浮雕”命令,然后如图设置弹出对话框。

在下拉菜单中选择“等高线”命令,然后如图设置弹出对话框。



在下拉菜单中选择“光泽”命令,然后如图设置弹出对话框。

在下拉菜单中选择“渐变叠加”命令,然后如图设置弹出对话框。



按“Ctrl T”键打开自由变换,调节图层2到如图效果。

设置图层2的填充值为30%。



新建图层3,然后使用椭圆选区工具在图层3绘制一个椭圆,并且填充白色。

打开样式调板,为图层3中的椭圆选择一个蓝色的“web样式”。



只用自由变换命令将图层3的位子调整好,这时会发现图层3的高光位置与其它图层不一样。我们打开图层3的图层样式,选择“斜面和浮雕”命令,进行如图设置。

在图层面板下方单击“添加蒙版”按钮,为图层3添加蒙版,使用柔边画笔,用灰色在蒙版上涂抹。



复制图层3得到图层3副本,删除图层3副本的蒙版,并设置填充为100%。

在图层3副本的图层样式按钮上单击鼠标右键,选择清除图层样式。



使用自由变换命令调节图层3副本到如图大小。

选择渐变工具,使用白色到黑色的径向渐变为图层3副本添加一个渐变效果。



选择图层3副本,单击“添加图层样式”,在下滑菜单中选择“内发光”,如图设置参数。

新建图层4,按下“Ctrl”键,用鼠标单击图层3副本缩览图,载入它的选区。将前景色设置为绿色,并填充选区。选择画笔工具,设置前景色为白色,使用柔边画笔在图中所示位置点上两个白点。



在图层面板中单击“添加图层样式”,在下拉菜单中选择“外发光”命令,然后如图设置弹出对话框。

在下拉菜单中选择“内发光”命令,然后如图设置弹出对话框。



在下拉菜单中选择“斜面和浮雕”命令,然后如图设置弹出对话框。

在下拉菜单中选择“等高线”命令,然后如图设置弹出对话框。



复制图层4得到图层4副本,选择图层4副本,按住“Ctrl”键用鼠标单击“创建新图层”按钮,在图层4副本的下方建立一个图层5。将图层4副本和图层5同时选择,按“Ctrl E”将他们合并。

复制图层4副本得到图层4副本2,将图层4副本2隐藏。选择图层4副本,执行“滤镜”→“扭曲”→“旋转扭曲”命令,设置角度为-236度。

本新闻共2






使用自由变换工具调节图层4副本到如图效果。

复制图层4副本得到图层4副本3,将图层4副本隐藏。按“Ctrl U”打开“色相/饱和度”命令,如图设置弹出对话框。



设置图层4副本3的缓和模式为“滤色”,不透明度为65%。

为图层4副本3添加一个图层蒙版,设置前景色为黑色,使用柔边画笔工具,将图层4副本3种图案的外侧抹去。



显示图层4副本,按“Ctrl U”打开“色相/饱和度”命令,如图设置弹出对话框。

使用自由变换命令,调节图层4副本到如图位置。



按住“Ctrl”键单击图层4副本的缩览图,得到图层4副本的选区。选择移动工具,按住“Alt”键拖动鼠标,复制图像。然后只用自由变换命令调节到如图效果。

设置图层4副本的图层混合模式为“差值”,不透明度为28%。



显示图层4副本2,执行“滤镜”→“扭曲”→“旋转扭曲”命令,设置角度为-688度。

使用自由变换命令将图层4副本2调节到如图效果。



设置图层4副本2的混合模式为“颜色减淡”,不透明度为40%。

为图层4副本2添加一个图层蒙版,设置前景色为黑色,使用柔边画笔工具,将图层4副本2种图案的外侧抹去。



现在我们来看看按钮的最后效果吧。



简单的,我们教你,深奥的,你来分享
photoshop,ps,photoshopjiao cheng ,psjiao cheng ,photoshopxia zai ,pslun tan ,fei zhu liu psjiao cheng ,fei zhu liu psruan jian ,fei zhu liu tu pian ,fei zhu liu kong jian ,qqkong jian ,qqkong jian dai ma ,qqkong jian liu yan dai ma ,qqkong jian mo kuai ,QQkong jian FLASHmo kuai ,PSzi ti ,PSbi shua

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!