Photoshop鼠绘制作白边水晶按钮

2016-04-05 14:35 7 1 收藏

今天图老师小编要跟大家分享Photoshop鼠绘制作白边水晶按钮,精心挑选的教程简单易学,喜欢的朋友一起来学习吧!

【 tulaoshi.com - ps鼠绘 】

Photoshop鼠绘制作白边水晶按钮

  最终效果:

Photoshop鼠绘制作白边水晶按钮 图老师

  1.新建一个500 * 300像素的文件,背景填充颜色:#827E22。

  2.选择圆角矩形工具,半径设置为25,前景颜色设置为白色,绘制图1所示的圆角矩形,然后删格化图层。

  图1

  3.把圆角矩形复制一份,回到原圆角矩形这层,双击图层调出图层样式,选择描边数值为6,颜色为白色如图2,确定后新建一个空白图层,把描边后的图层与空白图层合并,再双击图层调出图层样式,参数设置如图3,效果如图4。

  图2

  图3

  图4

  4.回到圆角矩形副本层,双击图层调出图层样式,参数设置如图5,6。确定后选择椭圆选框工具在圆角矩形的左边绘制一个正圆,然后按Delete删除,效果如图7。

  图5

  图6

  图7

  5.如图8所示锁定图层。

  图8

  6.选择矩形选框工具把圆角矩形的下半部分框选,再选择渐变工具颜色设置如图9,然后在绘制图10所示的线性渐变。拉好渐变后不要取消选区,按Ctrl + Shift + I反选,

  图9

  图10

  7.选择渐变工具颜色设置如图11,然后在绘制图12所示的线性渐变。总体效果如图13。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/psshuhuijiaocheng/)

  图11

  图12

  图13

  8.调出圆角矩形的选区,新建一个图层填充颜色:#C5B564,选择橡皮工具,只保留由边一小部分,其它的地方都擦锄,效果如图14。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/psshuhuijiaocheng/)

  图14

  9.调出圆角矩形的选区,新建一个图层填充白色,然后把选区向下移动3个像素,如图15,然后按按Delete删除,适当的调整透明度.最后打上文字完成最终效果。

 

tuLaoShi.com

 

 

 

        :更多精彩教程请关注图老师photoshop教程栏目,图老师PS群:75789345欢迎你的加入

来源:https://www.tulaoshi.com/n/20160405/2123874.html

延伸阅读
Photoshop制作绿色水晶按钮教程 1.在photoshop中新建文件背景黑色;使用圆角矩形工具,圆角半径为10px;填充颜色绿色,    tulaoshi photoshop教程 2.设置图层混合模式如下: Photoshop制作绿色水(图老师整理)晶按钮教程(2) Photoshop制作绿色水晶按钮教程(3) 3.按住ctrl选择图层;...
标签: PS PS基础
在本Photoshop教程中,我们要学习如何在PhotoshopCS3中创建一个简单的按钮。当我们通过本PS教程,我们将处理许多Photoshop 的技巧和技术! 先看效果图 1、打开Adobe Photoshop CS3软件,执行菜单:文件/新建(快捷键Ctrl+N),弹出新建对话框,设置名称:按钮,宽度:570像素,高度:400像素,分辨率:72像素/英寸,颜色模式:RGB颜色、8位,...
标签: PS PS基础
面对相同的效果,每个人的实现方法都不尽相同,我把我常用的方法在这里写出来,第一次写教程,如有不妥之处望多多包涵。本次为写教程部分地方重新制作了一下,与之前发的图片在色彩等方面多少会有不同之处。 废话少说,先看效果图 1.制作按钮本体。先画一个圆角矩形,并加上渐变滤镜 这里颜色的选择是重点,选择好颜色后就已经有一种柔和...
来源:优设网 作者:优设网译 教程中效果把文字和描边分开来做。文字部分用多个图层叠加得到比较光滑的水晶效果;描边部分先给文字描边,并转为智能对象或普通图层,然后设置图层样式,效果自己满意为止。 最终效果 1、创建一个770 x 490px 新文档。设置前景色为 #3f797d,背景色为 #80b2bb。选择渐变工具,在选项栏里点击线性渐变图标。...
最终效果图 1、新建文件,大小、分辨率自定。命名为梨。 制作的过程总是艰难和辛苦的,所以我们先画其中的一个,坚定下信心。 用钢笔工具钩出其中一个梨的形状,转换为选区后填充RGB值为:226.172.6的黄色。 2、新建图层,命名为白。用硬度较低、不透明度较高的画笔画上白色,删除多余的部分。 3、设置该图层与下面图层的混合模...

经验教程

693

收藏

40
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部