ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 7001|回复: 24
收起左侧

[按钮图标] Photoshop制作漂亮的绿色按钮教程

[复制链接]
发表于 2014-10-23 01:46:45 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

x
      水晶球分为两个部分:球体及边框。球体部分稍微复杂一点,高光及暗部细节较多,每一部分都需要先做出选区,然后填色,再用蒙版来控制范围。最终效果


提示:教程详细步骤在二楼,不用回复也能看到!
想下载该教程的可以回复获取下载网址:点击进入下载页
教程编号:134845 作者:Sener 出处:PS联盟
 楼主| 发表于 2014-10-23 01:46:47 | 显示全部楼层

Photoshop制作漂亮的绿色按钮教程


1、新建一个900* 650像素,分辨率为72的画布。选择渐变工具,颜色设置如图1,然后由中心向边角拉出图2所示的径向渐变作为背景。







回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-10-23 01:46:48 | 显示全部楼层

Photoshop制作漂亮的绿色按钮教程


2、按Ctrl+ R 调出标尺,再用移动工具拉出两条相交的参照线,如下图。



回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-10-23 01:46:49 | 显示全部楼层

Photoshop制作漂亮的绿色按钮教程


3、新建一个组,命名为“球体”,选择椭圆选框工具,以参照线的交点为圆心,按住Alt+ Shift + 按鼠标左键拖动。



回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-10-23 01:46:50 | 显示全部楼层

Photoshop制作漂亮的绿色按钮教程

        
4、拉出合适的正圆后松开鼠标及快捷键,然后给组添加图层蒙版。



回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-10-23 01:46:51 | 显示全部楼层

Photoshop制作漂亮的绿色按钮教程


5、在组里新建一个图层,填充绿色,效果如下图。



回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-10-23 01:46:52 | 显示全部楼层

Photoshop制作漂亮的绿色按钮教程


6、在背景图层上面新建一个组,命名为“外框”,同上的方法拉一个稍大的正圆,给组添加图层蒙版,然后在组里新建一个图层,填充灰色:#B5B3AE,如下图。



回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-10-23 01:46:53 | 显示全部楼层

Photoshop制作漂亮的绿色按钮教程


7、在“球体”组里面新建一个图层,选择渐变工具,颜色设置如图8,然后由中间偏上位置向下拉出图9所示的径向渐变。







回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-10-23 01:46:54 | 显示全部楼层

Photoshop制作漂亮的绿色按钮教程


8、新建一个图层,填充黄绿色:#E4F001,效果如下图。



回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-10-23 01:46:55 | 显示全部楼层

Photoshop制作漂亮的绿色按钮教程

        
9、用椭圆选框工具拉出下图所示的椭圆选区,羽化20个像素后按Delete键删除。



回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-10-23 01:46:56 | 显示全部楼层

Photoshop制作漂亮的绿色按钮教程


10、取消选区后添加图层蒙版,用透明度较低的黑色画笔把顶部的过渡涂出来。



回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-10-23 01:46:57 | 显示全部楼层

Photoshop制作漂亮的绿色按钮教程


11、新建一个图层,用钢笔勾出左侧边缘的高光选区,羽化3个像素后填充黄绿色:#E1F202,取消选区后添加图层蒙版,用黑色画笔把顶部区域过渡涂抹自然,再把图层不透明度改为:50%,效果如下图。



回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-10-23 01:46:58 | 显示全部楼层

Photoshop制作漂亮的绿色按钮教程


12、新建一个图层,用钢笔勾出下图所示的选区,羽化2个像素后填充同上的黄绿色,取消选区后添加图层蒙版,用透明度较低的黑色画笔把一些不需要的部分涂掉,再降低图层不透明度,效果如下图。



回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-10-23 01:46:59 | 显示全部楼层

Photoshop制作漂亮的绿色按钮教程


13、新建图层,同上的方法给左侧、右侧,底部增加一些高光,过程如图15-18。















回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-10-23 01:47:00 | 显示全部楼层

Photoshop制作漂亮的绿色按钮教程

        
14、新建图层,再给底部增加一点暗部及高光,如图19- 21。











回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-11-22 11:24 , Processed in 0.047942 second(s), 11 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表