当前位置: 首页 > 设计教程 > Illustrator教程 > Illustrator绘制精致的网页进度条效果图(4)

Illustrator绘制精致的网页进度条效果图(4)

STEP 11

还可以增加一些小元素,例如画上一个勾,这个图标是为了标记用户已完成的步骤。先用矩形工具画上外形,再进入【效果>风格化>圆角】,将圆角半径设置为1px。接下为这个对象设置描边。一定记得设置完描边后要选中对象进行扩展。扩展后的对象再运用投影效果。投影的参数设置如下。

Illustrator绘制精致的网页进度条效果图

Illustrator绘制精致的网页进度条效果图

五、总结

进度条最终效果图:

Illustrator绘制精致的网页进度条效果图

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

Illustrator绘制精致的网页进度条效果图

  • 共4页:
  • 上一页
  • 1
  • 2
  • 3
  • 4
  • 下一页
  • 上一篇:Illustrator绘制逼真的吉祥物效果图
    下一篇:Illustrator绘制清凉可口的西瓜艺术字教程

    图集推荐

    • 灵感
    • 美图