立体按钮素材设计

现在的网站非常重点使用者的体验 , 各种各样的精致按钮是增强体验的重要工具 , 今天 , 我们就来画一画立体按钮 , 从中学习一下不同立体按钮素材的画法 , 掌握使用橙色与绿色的渐变打造绿宝石按钮 , 使用咖啡色与灰黑色渐变打造灰棕色按钮的技巧 。

立体按钮素材设计

文章插图

需要这些哦
ai
电脑
方式/
1利用圆形东西画出绿宝石按钮的内部圆形与外部的圆环 , 再利用钢笔画出下方的光圈与上方的亮光路径 , 圆环画出里外两层布局 , 下方的暗影也绘制出路径 。
立体按钮素材设计

文章插图

2利用绿色到浅绿色的渐变填充圆形的宝石本家儿体 , 再用绿色到白色的渐变填充上方的高光路径 。 下方的黄色光圈利用半透明的白色到黄色的渐变填充 。
立体按钮素材设计

文章插图
立体按钮素材设计

文章插图

3利用黄绿色的渐变填充宝石下方的圆弧路径 , 再用多个明暗橙色设置当作黄金质感的渐变填充圆环 。
立体按钮素材设计

文章插图
立体按钮素材设计

文章插图

4我们改变一下渐变的角度再次填充圆环的外部路径 , 下方的暗影利用黑色填充后再做出一个恍惚的滤镜结果 , 完当作绿宝石按钮素材设计 。
立体按钮素材设计

文章插图
立体按钮素材设计

文章插图

5利用圆形画出棕色按钮的内部与外部的布局 , 再画出边上圆环概况的小球路径 , 利用钢笔画出棕色按钮左侧的高光路径与底部的暗影路径 。
立体按钮素材设计

文章插图
立体按钮素材设计

文章插图

6【立体按钮素材设计】利用灰褐色的渐变填充圆环 , 利用黄裸色填充按钮的内部圆形路径 。 利用正片叠底的灰黑色渐变填充圆环的概况让其有了较暗的持续 , 利用半透明的灰白色渐变填充圆环让其有了较亮的内边 。
立体按钮素材设计

文章插图
立体按钮素材设计

文章插图

7利用半透明的棕色渐变填充圆环内的圆形让其有了宝石的质感 , 再用白色到半透明的棕色的渐变填充宝石的左侧高光路径 , 完当作立体按钮素材设计 。
立体按钮素材设计

文章插图
立体按钮素材设计

文章插图
立体按钮素材设计

文章插图


以上内容就是立体按钮素材设计的内容啦 , 希望对你有所帮助哦!

    推荐阅读