Illustrator绘制卡通风格的运气药水瓶子(5)

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

PART5:绘制运气药水

步骤1:利用钢笔工具绘制瓶子的一半,再变换-对称复制出另一半,进行联集,填充颜色#d9d9dd,描边为8px,填充颜色#495385,然后轮廓化描边,取消编组,选中填充图层设置不透明度为50%,(钢笔绘制时,如果感觉衔接地不是那么平滑,那么就用到平滑工具了,按住鼠标左键在锚点周围滑动,这样勾画的图形就会很平滑了)。

Illustrator绘制卡通风格的运气药水瓶子,PS教程,思缘教程网

a:绘制瓶口,画一个164*56px的矩形,圆角18px,描边8px,填充颜色同上一步,投影轮廓化描边,取消编组,降低填充图层的不透明度为50%,与瓶子居中对齐,如图。

Illustrator绘制卡通风格的运气药水瓶子,PS教程,思缘教程网

b:接下来绘制瓶中的液体,复制一层瓶子的填充图层改为描边,当然把不透明度值改回来,然后添加锚点,删掉多余部分,用钢笔工具连接绘制波浪线段,再给它添加渐变,色值为#fee557~#f16b44,接着轮廓化描边,留着有用,如图。

Illustrator绘制卡通风格的运气药水瓶子,PS教程,思缘教程网

c:同理,再用钢笔工具勾画一个图形,渐变数值同上,设置渐变角度为135度,如图。

Illustrator绘制卡通风格的运气药水瓶子,PS教程,思缘教程网

步骤2:绘制高光部分,复制一层瓶子的填充图层,在对象-路径里找到偏移路径,如图。

Illustrator绘制卡通风格的运气药水瓶子,PS教程,思缘教程网

a:调节锚点,只要能弄出需要的图形,怎么弄都行,然后进行减去顶层,填充颜色#ccccce,降低不透明度为30%,如图。

Illustrator绘制卡通风格的运气药水瓶子,PS教程,思缘教程网

b:复制多一层高光,右键-变换-对称,用剪刀工具(用法类似钢笔工具添加锚点)剪断线段,删掉不需要的部分,填充颜色为纯白色,降低不透明度为30%,调整图层顺序,放置描边图层的下层,如图。

Illustrator绘制卡通风格的运气药水瓶子,PS教程,思缘教程网

c:继续增加高光层次,利用钢笔工具勾画如下图形状,添加渐变,色值为#fee557~#d35444,设置左边色值不透明度为0%,如下图。

Illustrator绘制卡通风格的运气药水瓶子,PS教程,思缘教程网

d:继续用钢笔工具勾画,添加渐变,色值为#ffffff~#fee557,同样,把右边色值的不透明度改为0%,如下图。

Illustrator绘制卡通风格的运气药水瓶子,PS教程,思缘教程网

e:画两个椭圆,添加渐变,色值都为纯白色,设置一边不透明度为0%,然后降低不透明度为50%。再用钢笔工具勾画一个形状,渐变同样,降低不透明度为30%,如图。

Illustrator绘制卡通风格的运气药水瓶子,PS教程,思缘教程网

f:直接看图,注意图层顺序,填充颜色都是纯白色。

Illustrator绘制卡通风格的运气药水瓶子,PS教程,思缘教程网

g:绘制瓶口高光,利用到剪贴蒙版和偏移路径,方法已经告诉你们了,那么直接看图,填充颜色也是纯白色。

Illustrator绘制卡通风格的运气药水瓶子,PS教程,思缘教程网

 收藏