Photoshop制作绿色按钮技巧

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

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

【 tulaoshi.com - ps鼠绘 】

Photoshop制作绿色按钮技巧

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

  PS教程最终效果

Photoshop制作绿色按钮技巧 图老师

  

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  18、添加渐变叠加。

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

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

延伸阅读
标签: PS PS基础
先看效果图。 新建文档930x580像素,背景白色,建新层,用自定义形状工具画一个圆角矩形和一个正圆,颜色黑色。 添加图层样式。 效果如下。 建新层,再画出下图所示图形,颜色白色,添加蒙版,黑白直线渐变。 效果如下。 建新层,画一黑色圆角矩形。 添加图层样式。 建新层,调出这个圆角矩形的选区,填充...
原图 1、在Photoshop5.5中建立新文件, 120x80 大小 RGB模式, Contents设为Transparent( 透明 ) layer1填充为#333333, 上加一层,建立直径为26像素的圆形,并把它改造成长圆形的按钮放在页面中心 (此操作说明可在前面的教程例题中找到) 2、前景设为#4D4D4D,背景设为#737373, 用渐变色工具Linear Gradient Tool,从按钮的上方至下...
标签: PS PS基础
最终效果图: 先建背景,加上第一个按钮 加上文字 加上立体层.. 画阴影. 图层点亮 添加杂色1 画桔子的皮 桔子分割面 桔子肉 桔子内心 桔子肉上花辩 桔子投影 另一半桔子,同理 加上投影,画一个叶子 加上签名完成
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"键删除选区...

经验教程

995

收藏

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