PS教程之彩色按钮的制作

 更新时间:2016年12月31日 09:48  点击:1616
教程步骤较复杂,要反复利用图层和图层样式,但易操作,可以帮助大家了解图层的作用和重要性,以后在作图时要养成复制和新建图层的习惯,以免破坏原图。

1、新建825×595像素大小的工作窗口,选择渐变工具为背景添加渐变效果。
 

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

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

 

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

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

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

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

 

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

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

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

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

 

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

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

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

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

 

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

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

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

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

 

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

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

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

 

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

 

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

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

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

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

 

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

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

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

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

 

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

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

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

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

 

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

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

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

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

 

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

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

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

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

 

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

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

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

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

 

48、为图层4副本2添加一个图层蒙版,设置前景色为黑色,使用柔边画笔工具,将图层4副本2种图案的外侧抹去。
 
现在我们来看看按钮的最后效果吧。

[!--infotagslink--]

相关文章

  • Painter绘制红衣喝酒男水粉画效果教程

    今天小编在这里就来给Painter的这一款软件的使用者们来说一说绘制红衣喝酒男水粉画效果的教程,各位想知道具体绘制步骤的使用者,那么下面就快来跟着小编一起看一看教程...2016-09-14
  • iPhone6怎么激活?两种苹果iPhone6激活教程图文详解

    iPhone6新机需要激活后才可以正常使用,那么对于小白用户来说,iPhone6如何激活使用呢?针对此问题,本文就为大家分别介绍Wifi无线网络激活以及iPhone6连接电脑激活这两种有效的方法,希望本文能够帮助到大家...2022-09-14
  • Photoshop制作雨中野外孤独行走的一头牛海报教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说下制作雨中野外孤独行走的一头牛海报的教程,各位想知道具体制作方法的使用者们,大家就快来看一看小编给...2016-09-14
  • Painter绘制帅气卡通魔法王子漫画教程

    今天小编在这里就来给Painter的这一款软件的使用者们来说一下绘制帅气卡通魔法王子漫画的具体教程,各位想知道绘制步骤的使用者,那么下面就快来跟着小编一起看一看教程...2016-09-14
  • Illustrator鼠绘堆雪人的孩童矢量插画教程

    今天小编在这里就来给各位Illustrator的这一款软件的使用者们来说说鼠绘堆雪人的孩童矢量插画的教程,各位想知道具体绘制方法的使用者们,那么各位就快来跟着小编来看看...2016-09-14
  • 安卓手机app添加支付宝支付开发教程

    支付宝支付在国内算是大家了,我们到处都可以使用支付宝了,下文整理介绍的是在安卓app应用中使用支付宝进行支付的开发例子。 之前讲了一篇博客关与支付宝集成获取...2016-09-20
  • 美图秀秀给照片天空加蓝天白云教程一览

    今天小编在这里就来给美图秀秀的这一款软件的使用者们来说下究竟该怎么给照片天空加蓝天白云的教程,各位想知道具体制作步骤的,那么下面就来跟着小编一起看看吧。 ...2016-09-14
  • llustrator绘制扁平化风格卡通警察护士空姐肖像教程

    今天小编在这里就来给llustrator的这一款软件的使用者们来说一说绘制扁平化风格卡通警察护士空姐肖像的教程,各位想知道具体绘制步骤的使用者们,那么下面就快来跟着小编...2016-09-14
  • Illustrator绘制一个方形的录音机图标教程

    今天小编在这里就来给Illustrator的这一款软件的使用者们来说一下绘制一个方形的录音机图标的教程,各位想知道具体绘制方法的使用者们,那么下面就来看一下小编给大家分...2016-09-14
  • photoshop简单制作一个搞笑的换脸表情包教程

    今天小编在这里就来给photoshop的这一款软件的使用者们来说一说简单制作一个搞笑的换脸表情包的教程,各位想知道具体制作方法的使用者们,那么大家就快来看一看教程吧。...2016-09-14
  • photoshop给手绘画调色变换场景后期教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说说给手绘画调色变换场景的后期教程,各位想知道具体后期处理步骤的使用者们,那么大家就快来跟着小编来看...2016-10-02
  • 美图秀秀让你胸丰满起来处理教程

    今天小编在这里就来给美图秀秀的这一款软件的使用者们来说一下让你胸丰满起来的处理教程,各位想知道具体处理步骤的,那么下面就快来跟着小编一起看一下教程吧。 给...2016-09-14
  • Painter绘制雷神传插画教程

    今天小编在这里就来给Painter的这一款软件的使用者们来说一下绘制雷神传插画的教程,各位想知道具体绘制步骤的使用者,那么下面就快来跟着小编一起看看绘制方法吧。 ...2016-09-14
  • 利用JS实现点击按钮后图片自动切换的简单方法

    下面小编就为大家带来一篇利用JS实现点击按钮后图片自动切换的简单方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2016-10-25
  • MySQL中的联合索引学习教程

    联合索引又叫复合索引。对于复合索引:Mysql从左到右的使用索引中的字段,一个查询可以只使用索引中的一部份,但只能是最左侧部分。例如索引是key index (a,b,c). 可以支持a | a,b| a,b,c 3种组合进行查找,但不支持 b,c进...2015-11-24
  • Lua语言新手简单入门教程

    这篇文章主要给大家介绍的是关于Lua语言新手入门的简单教程,文中通过示例代码一步步介绍的非常详细,对各位新手们的入门提供了一个很方便的教程,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧。...2020-06-30
  • MySQL日志分析软件mysqlsla的安装和使用教程

    一、下载 mysqlsla [root@localhost tmp]# wget http://hackmysql.com/scripts/mysqlsla-2.03.tar.gz--19:45:45-- http://hackmysql.com/scripts/mysqlsla-2.03.tar.gzResolving hackmysql.com... 64.13.232.157Conn...2015-11-24
  • php类的使用实例教程

    php类的使用实例教程 <?php /** * Class program for yinghua05-2 * designer :songsong */ class Template { var $tpl_vars; var $tpl_path; var $_deb...2016-11-25
  • 美图秀秀制作隔离区聊天背景教程

    今天小编在这里就来给美图秀秀的这一款软件的使用者们来说下制作隔离区聊天背景的教程,各位想知道具体方法的,那么下面就快来跟着小编一起看一看吧。 给各位美图秀...2016-09-14
  • photoshop素材合成古典园林场景制作教程

    今天小编在这里就来给photoshop的这一款软件的使用者们来说说用素材合成古典园林场景教程,各位想知道到底该怎么制作的,那么就快来一起看一下吧。 给各位photoshop...2016-09-14