UI每日一练

【每日一练】用AI绘制立体感按钮

2017-03-15  本文已影响15人  萌三蛋子geocsj

        想从今天开始记录一下学习设计的过程,希望能看见自己从零基础变成大神⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄,记录一些关键步骤防止遗忘。

        刚开始总是会很丑的(安慰自己),但还是要记录下来,羞涩(✿◡‿◡)。

这个是做好的效果图

(1)绘制一个圆角矩形。

          颜色选择与你想要的按钮表面颜色属同色系且亮度较低的一种可能比较好。)不过我这里选择的是有点粉的一个红色。            (ˉ▽ ̄~) ~~嘛。。色彩这个东西,是一门大学问啊,哈哈。以后还要不断尝试,积累经验。

(2)调整按钮立体效果。简单的说,这一步是把图形从二维的拉成一个三维效果。

          菜单栏→效果→3D→突出和斜角选项。

          单击“更多选项”,才会出现光照强度等设置。

3D · 突出和斜角选项

(3)用圆角矩形工具绘制按钮表面的一层。(其实不要这一步应该可以变成另外一种感觉)

          用了一个渐变色填充。


绘制圆角矩形

(4)用画笔工具给按钮打“高光”。注意模拟光打过来的方向位置和调整不透明度是关键。

设置画笔参数 酱~基本就是这样了

(5)加上文字,调整一下,收工。

        随便尝试了一下不要步骤(3),效果是这样的:

        (⊙v⊙)嗯,所以总结关键步骤就是:①突出和斜角效果;②画龙点睛之笔——“打高光”。

上一篇 下一篇

猜你喜欢

热点阅读