ai制作一枚精致的进度条

　　 效果图

　　

　　 一、制作背景

　　 STEP 01

　　 打开AI新建一个宽600px高200px的文档，去掉使新建对象与像素网格对齐的选项。

　　

　　 新建成功后，进入到【编辑>首选项>参考线和网格】，将网格线间隔设置为1px，次分割线设置为1。

　　

　　 STEP 02

　　 利用矩形工具，绘制一个和画板同等大小的矩形，填充浅灰色。

　　

　　 然后进入【效果>艺术效果>胶片颗粒】，

　　

　　 二、绘制进度条外形

　　 STEP 03

　　 矩形工具和椭圆工具画上一条矩形和五个正圆。关闭对齐网格，进入【编辑>首选项>常规】，把键盘增量的参数设置为1px。

　　

　　 STEP 04

　　 选中上一步所绘制的对象，打开路径查找器，点选形状模式中的联集模式。

　　

　　 三、高光和阴影

　　 STEP 05

　　 选中最顶部的复制对象和在它下方的复制对象，然后进入到路径查找器中，点选减去顶层图标。

　　

　　 减去顶层后的对象设置为黑色，透明度20%，混合模式为正片叠底。

　　

　　 STEP 06

　　 选中绘制的对象，然后进入【对象>路径>偏移路径】，在偏移路径中设置位移为-4px。

　　

　　 STEP 07

　　 重新选中绘制的对象，进入【效果>风格化>投影】，分三次为它加上三个投影效果。同样是为了营造这个对象外围的高光和阴影。

　　

　　 选中绘制的对象，拷贝两次。减去顶层后对象设置为白色。

　　

　　 STEP 08

　　 运用路径查找器，点选减去顶层的图标。然后把减去顶层后对象设置为黑色，透明度降低为20%。

　　

　　 STEP 09

　　 再次选中绘制的对象，进入【效果>风格化>投影】。

　　

　　 四、文字和其他元素

　　 STEP 10

　　 为每个圆形按钮配上数字，或者一些相应的文字。

　　

　　 STEP 11

　　 先用矩形工具画上外形，再进入【效果>风格化>圆角】，将圆角半径设置为1px。