PS制作蓝色质感按钮

.

产品修图,通过PS给婴儿奶瓶进行精修(3)

26继续使用【钢笔-绘制路径】【画笔描边的方法】绘制其他结构面(左侧调整完成后,直接复制一层到右侧)调整完成后【编组-添加曲线】(瓶盖内绿色部分使用曲线提亮)。 27CTRL+SHIFT+U对瓶身图层去色】【CTRL+M调整

  我们先来看看制作完成的效果:

PS制作蓝色质感按钮插图

下面是具体的制作步骤介绍:

  1、新建一个500*350的文档,设置前景色为#026d8d,背景色为#01c1e2,然后使

  用渐变工具拖动制作从前景到背景的渐变

PS制作蓝色质感按钮插图(1)

  2、使用圆角矩形工具,选择形状图层模式,设置半径为10px,绘制按钮

PS制作蓝色质感按钮插图(2)

  3、设置按钮的图层样式

PS制作蓝色质感按钮插图(3)
PS制作蓝色质感按钮插图(4)
PS制作蓝色质感按钮插图(5)
PS制作蓝色质感按钮插图(6)
PS制作蓝色质感按钮插图(7)
PS制作蓝色质感按钮插图(8)
PS制作蓝色质感按钮插图(9)
PS制作蓝色质感按钮插图(10)

  4、为了让按钮看起来更加闪亮,让我们制作高光区域

PS制作蓝色质感按钮插图(11)

  5、填充高光区域

  使用白色填充选区

PS制作蓝色质感按钮插图(12)

  6、保持高光填充层选中,应用如下图层样式设置

PS制作蓝色质感按钮插图(13)
PS制作蓝色质感按钮插图(14)
PS制作蓝色质感按钮插图(15)

  这时你应该做好一个反光按钮

  7、接着我们来做投影效果

  为了使按钮看起来像是在地面浮动,我们可以添加一个阴影。 复制按钮的形状图层并拖动到背景层上方。 通过”图层>图层样式>清除图层样式”将复制的图层样式清除。 然后移动工具将该图层往下移并变换它的高度为一半左右

PS制作蓝色质感按钮插图(16)

  设置这一层的颜色为黑色,并选择”图层>栅格化>图层”栅格化它。然后执行”滤镜<模糊<高斯模糊”,半径设置为20像素。最后设置该层的不透明度为70%

PS制作蓝色质感按钮插图(17)

  8、最后我们来添加文本效果

  输入文字,并设置以下的图层样式

PS制作蓝色质感按钮插图(18)
PS制作蓝色质感按钮插图(19)
PS制作蓝色质感按钮插图(20)
PS制作蓝色质感按钮插图(21)
PS制作蓝色质感按钮插图(22)
PS制作蓝色质感按钮插图

  我们先来看看制作完成的效果:

PS制作蓝色质感按钮插图

下面是具体的制作步骤介绍:

  1、新建一个500*350的文档,设置前景色为#026d8d,背景色为#01c1e2,然后使

  用渐变工具拖动制作从前景到背景的渐变

PS制作蓝色质感按钮插图(1)

  2、使用圆角矩形工具,选择形状图层模式,设置半径为10px,绘制按钮

PS制作蓝色质感按钮插图(2)

  3、设置按钮的图层样式

PS制作蓝色质感按钮插图(3)
PS制作蓝色质感按钮插图(4)
PS制作蓝色质感按钮插图(5)
PS制作蓝色质感按钮插图(6)
PS制作蓝色质感按钮插图(7)
PS制作蓝色质感按钮插图(8)
PS制作蓝色质感按钮插图(9)
PS制作蓝色质感按钮插图(10)

  4、为了让按钮看起来更加闪亮,让我们制作高光区域

PS制作蓝色质感按钮插图(11)

  5、填充高光区域

  使用白色填充选区

PS制作蓝色质感按钮插图(12)

  6、保持高光填充层选中,应用如下图层样式设置

PS制作蓝色质感按钮插图(13)
PS制作蓝色质感按钮插图(14)
PS制作蓝色质感按钮插图(15)

  这时你应该做好一个反光按钮

  7、接着我们来做投影效果

  为了使按钮看起来像是在地面浮动,我们可以添加一个阴影。 复制按钮的形状图层并拖动到背景层上方。 通过”图层>图层样式>清除图层样式”将复制的图层样式清除。 然后移动工具将该图层往下移并变换它的高度为一半左右

PS制作蓝色质感按钮插图(16)

  设置这一层的颜色为黑色,并选择”图层>栅格化>图层”栅格化它。然后执行”滤镜<模糊<高斯模糊”,半径设置为20像素。最后设置该层的不透明度为70%

PS制作蓝色质感按钮插图(17)

  8、最后我们来添加文本效果

  输入文字,并设置以下的图层样式

PS制作蓝色质感按钮插图(18)
PS制作蓝色质感按钮插图(19)
PS制作蓝色质感按钮插图(20)
PS制作蓝色质感按钮插图(21)
PS制作蓝色质感按钮插图(22)
PS制作蓝色质感按钮插图

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部