Photoshop制作绿色按钮技巧

2016-04-05 14:57 15 1 收藏

今天图老师小编给大家介绍下Photoshop制作绿色按钮技巧,平时喜欢Photoshop制作绿色按钮技巧的朋友赶紧收藏起来吧!记得点赞哦~

【 tulaoshi.com - ps鼠绘 】

Photoshop制作绿色按钮技巧

  对于各界交互界面大师来说,按钮的制作无疑是不可缺少的一个组成部分,(www.tulaoshi.com)但是习惯于运用多个图层叠加出非常漂亮的效果的时候,修改极不方便。下面介绍如何用图形渐变及图层样式简化这些图层。

  PS教程最终效果

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/psshuhuijiaocheng/)
Photoshop制作绿色按钮技巧 图老师

  

  1、新建大小自定的文档,背景填充青色。先用钢笔建立路径,如下图。

  2、创建渐变调整图层,渐变颜色位置随意,如下图。

  3、给当前图层添加图层样式,选择投影,效果如下图。

  4、设置内阴影,这里省去了文字下方的投影部分,以内阴影代替(注意曲线与数据的变换),数据一定要调试之后再确定。

Photoshop制作绿色按钮技巧(2)

  5、设置描边样式,描边中一定要主要渐变颜色。

  6、设置光泽:随意调整数据,直到自己满意为止。

  7、设置内发光:这里的内发光代替了内阴影,作为边缘与按钮本身分离的界限。

  8、添加图(图老师整理)案叠加,这里需要注意先预设好图案,这种条纹状的图案比较出效果,制作业相当简单。

Photoshop制作绿色按钮技巧(3)

  9、添加外发光,参数设置如下图。

  10、用椭圆(图老师整理)工具拉一个正圆,添加渐变叠加样式,参数设置如下图。

  11、最后添加斜面与浮雕,参数设置如下图。

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

Photulaoshitoshop制作绿色按钮技巧(4)

  15、添加投影,投影一定是与形状相符。

  16、添加斜面和浮雕,这里需要注意的是纹理叠加。

  17、添加内阴影增加立体效果。

  18、添加渐变叠加。

  最后加上文字及其他素材,完成最终效果:

来源:http://www.tulaoshi.com/n/20160405/2124295.html

延伸阅读
photoshop水晶按钮制作教程 最终效果 1.新建一个300 * 200像素的文件,定义圆角矩形大小为250 * 120 2.复制圆角矩(图老师整理)形图层并缩小 3.给底部圆角矩形加个渐变叠加,这里具体颜色头可以先不管,是同一色相调整不同明度就可以了。 4.这是是具体的简便颜色设置 photoshop水晶按钮制作教程(2) ...
最终效果图 1.新建一个500*250象素的窗口,填充绿色(R:52,G:175,B:125),再新建一层命名为"按钮--底部",选择“圆角矩形工具”如图1,半径数值为“10”如图2,绘制如图3所示的圆角矩形。 图1 图2 图3 2.把圆角矩形局部放大用钢笔工具勾出如图4所示的图形,按“Ctrl+Entr" 调出选区,再按"Delete"键删除选区...
最终效果图   1、新建画布,大小随意,然后新建圆角矩形图形,如图所示:   2、圆角矩形属性。   3、画一个吧,高 宽自定。   4、接下来要出玻璃效果就是靠图层属性设置,选择蒙板图层右键混合属性,描边设置:   5、渐变叠加设置:   6、渐变值:   7、...
最终效果图 1、首先你需要用钢笔工具作出一个和图中相类似的形状,形状完成后用CTRL+ENTER转换成选区;再www.Tulaoshi.com随便使用一个颜色填充;在打开双击此图层打开图层样式对话框,勾选渐变叠加做以下设置: 2、再在其上面建立一个新图层并用链接按钮将它们链接起来,在按CTRL+E将这2个图层合并。(这么做的目的是用一个...
标签: PS PS教程
  这个按钮纯粹是我看着MAC的按钮模仿出来的,自我感觉已经比较象了!废话不多说,开始了。

经验教程

381

收藏

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