PS设计教程网欢迎你!

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

文章来源于 优设,感谢作者 cyRotel 给我们带来经精彩的文章!
设计教程/矢量教程/Illustrator教程2015-08-17
STEP 07 重新选中STEP04绘制的对象,进入【效果风格化投影】,分三次为它加上三个投影效果。同样是为了营造这个对象外围的高光和阴影。 选中STEP06中绘制的对象,拷贝两次。运用STEP05的方式,将最顶部的拷贝层往下

STEP 07

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

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

选中STEP06中绘制的对象,拷贝两次。运用STEP05的方式,将最顶部的拷贝层往下移动1个像素。再选中位于它下一层的拷贝层。运用路径查找器,点选减去顶层的图标。然后把减去顶层后对象设置为白色。

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

STEP 08

重新选中STEP06中绘制的对象,拷贝两次,将最顶部的拷贝层往上移动1个像素。再选中位于它下一层的拷贝层。运用路径查找器,点选减去顶层的图标。然后把减去顶层后对象设置为黑色,透明度降低为20%。

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

STEP 09

再次选中STEP06中绘制的对象,进入【效果>风格化>投影】,分别应用上以下两个投影效果。

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

这里运用多次投影的目的是为了增加阴影中的层次感。

四、文字和其他元素

STEP 10

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

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

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