Q版播放按钮

发帖人:kj_sso_sefek0j8 发布于09/20/2017 11:53 查看:2824丨回复:1

只看楼主

今天给大家分享的是有光感的按钮,这是jack大神之作,jack是游戏界神一样的人物存在着,觉得有意思感兴趣的童鞋们可以尝试下,可以加入一些自己的灵感~~~动起手来吧!!!

 

1、新建画布,720*400px,分辨率72px,颜色填充深色,画一个正圆,选中圆两端的锚点,向下移动,得到如下图的形状;

 

 

2、添加图层样式,内发光和阴影,具体参数(不要照部就搬,自己多尝试)如下;

 

 

 

这一步骤的效果图如下(是不是觉得很有意思,明明就加了渐变和内发光就能这么有感觉,而且渐变的颜色就是从青色到紫色两种颜色,中间自己就会过渡到蓝色);

 

 

3、加光效,使整个按钮有个好的氛围,按住ctrl键点击缩略图,调出选区,新建图层,拉个径向渐变,取消选区。图层混合模式改为叠加,效果如下图;

 

 

4、添加高光,画一个椭圆,旋转到合适角度,图层混合模式改为叠加,效果如下图;

 

 

 

5、加反光,按住ctrl键点击缩略图,调出选区,新建图层,填充颜色,用选区工具移动选区,点击删除,删除多余的。图层模式改为颜色加深,透明度为40%,(图层混合模式需要大家自己尝试),效果如下图;

 

 

 

 

效果如下;


 

 

6、绘制按钮,用多边形工具绘制矢量按钮,边设置为3,勾上平滑拐角,效果如下图;

 

 


 

7、播放按钮添加图层样式,内阴影和内发光,(具体参数大小还是需要不断尝试不断调整的),如下图;

 

 

 

 

8、样式添加完成后,一个卡通Q版的按钮就完成了,最终效果如下图;

 

 

是不是棒棒哒,很有感觉,那就动起你们小爪爪一起Q起来吧!!

共有1条评论

轨道

1楼 2017/09/22 17:52 回复

发表新帖

  • 标题:
  • 选择板块: