PS设计教程网欢迎你!

Illustrator绘制时尚的网页进度条教程(3)

文章来源于 站酷,感谢作者 联梦实训基地小诗 给我们带来经精彩的文章!
设计教程/矢量教程/Illustrator教程2018-10-31
文字和其他元素 STEP 10 你可以为每个圆形按钮配上数字,或者一些相应的文字。再为此运用投影效果,保持整体的元素风格协调。 STEP 11 还可以增加一些小元素,例如画上一个勾,这个图标是为了标记用户已完成的步骤

文字和其他元素

STEP 10

你可以为每个圆形按钮配上数字,或者一些相应的文字。再为此运用投影效果,保持整体的元素风格协调。

Illustrator绘制时尚的网页进度条教程

STEP 11

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

Illustrator绘制时尚的网页进度条教程

Illustrator绘制时尚的网页进度条教程

后记

进程条最终效果图:

Illustrator绘制时尚的网页进度条教程

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

Illustrator绘制时尚的网页进度条教程

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa