优艾设计网

Photoshop制作精致大气的绿色按钮

优艾设计网 https://www.uibq.com 2020-09-15 00:00 出处:网络 作者:大眼仔~旭
  来源:站酷 作者:酷头儿 对于各界交互界面大师来说,按钮的制作无疑是不可缺少的一个组成部分,但是习惯于运用多个图层叠加出非常漂亮的效果的时候,修改极不方便。下面介绍如何用图形渐变及图层样式简化

 

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

 

Photoshop制作精致大气的绿色按钮

 

 

 

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

 

Photoshop制作精致大气的绿色按钮

 

 

 

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

 

Photoshop制作精致大气的绿色按钮

 

 

 

12、整体按钮的“分叉投影”,其实就是将按钮设定在一个组之下,给组一个羽化的三角遮罩,就成为类似分叉的投影了。

 

Photoshop制作精致大气的绿色按钮

 

 

 

13、下面制作下一个图层的内容,左上角的斜标相对来说就简单的多了,步骤差不多,还是先建立路径,之后添加渐变调整图层。

 

Photoshop制作精致大气的绿色按钮

 

 

 

14、填充渐变颜色是一定要根据图形的形状来添加,一次为例,渐变的样式应为菱形,如下图。

 

Photoshop制作精致大气的绿色按钮

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消