Illustrator绘制精致的网页进度条效果图(4)
文章来源于 优设,感谢作者 cyRotel 给我们带来经精彩的文章!
设计教程/矢量教程/Illustrator教程2015-08-17
STEP 11 还可以增加一些小元素,例如画上一个勾,这个图标是为了标记用户已完成的步骤。先用矩形工具画上外形,再进入【效果风格化圆角】,将圆角半径设置为1px。接下为这个对象设置描边。一定记得设置完描边后要选
STEP 11
还可以增加一些小元素,例如画上一个勾,这个图标是为了标记用户已完成的步骤。先用矩形工具画上外形,再进入【效果>风格化>圆角】,将圆角半径设置为1px。接下为这个对象设置描边。一定记得设置完描边后要选中对象进行扩展。扩展后的对象再运用投影效果。投影的参数设置如下。


五、总结
进度条最终效果图:

你还可以运用同样的原理设计出一整套同风格的UI KIT。

进入论坛交作业:http://www.missyuan.com/thread-745277-1-1.html