PART1、首先是展示效果图

PART2、在开始教程前先把AI设置一下

步骤一：编辑—首选项—常规（快捷键CTRL+K）。注：使用版本为CC2017.

步骤2：这次的教程经常用到轮廓化描边，所以我给它设置快捷键为ctrl+w，使得效率提高一倍，根据自己的习惯进行设置。编辑—jian'p'n快捷键。

PART3、绘制背景部分—四叶草

步骤1：新建一个800×600px的画布。

步骤2：用直线工具，按住shift，画出几条直线，设置描边8px，描边色值为#495385，把它选中，右键—编组，如下图。

步骤3：接下来绘制四叶草的叶子，绘制32×32px的圆，填充颜色#cff9b7，描边6px，色值#495385，如下列操作。

a:利用小白（即直线选择工具），单击最底端锚点，按Del键删除，描边设置圆角。

b：再利用钢笔工具，绘制如下，（注：视图—智能参考线勾线上），然后右键—变换—对称，复制一层，如下操作。

c：选中两个图层进行联集，再轮廓化描边ctrl+w，然后右键取消编组，将发现描边和填充图层分离开了。

d：画两个圆制作高光部分，填充颜色#f3ffee，再把上一步叶子填充图层复制ctrl+c，原地粘贴ctrl+f，把复制的这一层置为最顶层（快捷键：shift+ctrl+】）。选中两个圆和复制层，右键—建立剪贴蒙版，（注：ai的剪贴蒙版图层顺序是跟ps相反的），如下操作。

e：最后添加细节，利用钢笔工具绘制阴影部分，阴影色值#addb97，第一片叶子就完成了，再用小黑（选择工具）选择所有图层，右键—编组。

步骤4：同理，多复制三片叶子，再进行细节修改，旋转缩放得出以下结果。并用钢笔工具绘制根茎。

步骤5:绘制小叶片，画出两个94*94px的圆，填充颜色#d4f4b3,进行联集，然后设置描边6px,描边色值和前面一样，(ai里 的吸笔工具小技巧:按住shift可以单独吸取需要的颜色，并不会吸取所有的样式)，如下所示:

步骤6:这一步我们可以不采用轮廓化描边，试试别的方法，多复制一层小叶片，一个把描边关了，一个把填充关了，为什么这么做，咋们往后看。

a: 多复制两层填充图层，把一层适当地改变大小，然后两层进行交集，填充颜色#ebffd4, 如”下图。

b: 复制多个小叶片，进行变换。在制作四叶草叶片的时候，我们利用轮廓化描边，在后来进行放大或缩小，描边的大小也相应地发生变化，不信?可以量量看。那么接下来看看怎么处理这样的情况。

c:描边是不是一样粗细了?接着重复上一步操作，绘制其它叶片，配合钢笔工具进行衔接，并编组，如下图。

d: 因为是配角，给整体编个组，降低不透明度为30%，对啊! 我们才做了一部分啊TT，主角还没登场啊，坚持下去，收获颇丰哦!

PART4: 绘制背景部分-书本、眼镜和蝴蝶

步骤1 : 先绘制书本，画一个310*100px的矩形，再绘制一个285*50的矩形，填充颜色#b0c4d6，然后再减去底层，如下图。

b:再画一个270*50px的矩形，设置外描边6px，对齐的方法已经告诉你们，对齐如下位置。

c:画一个260*1 4px的矩形，填充颜色#deefff,如下操作。

d:画出一个260*1 0ox的矩形，填充颜色#ddddce,对齐到书页右上角。再添加几条直线，如下图。

e:接下来绘制书签，画一个44*38的矩形，填充颜色#ffe9e9, 描边为6px，在下方中间添加锚点，用小白单选往上移动。再轮廓化描边，多复制两层进行交集，填充颜色#f48282，重复操作，再填充颜色#bc4444，最后编组， 到这里书本就完工了，如图。

a:绘制镜片的高光，画出两个矩形，填充纯白色并旋转一定的角度，再复制一层蓝色图层并置为顶层，最后选中-右键-剪贴蒙版，调整图层顺序，如下图。

b:绘制镜框的高光，复制一层橙色图层并置为顶层，再画一层80*80px的圆，进行减去顶层，填充颜色#ffedd7。再画一个足够大的矩形，旋转一定角度，再进行减去顶层，调节圆角，调整图层顺序，最后编组，如下图。

C: 复制多一层做好的眼镜，让他们]彼此相距26px，如图。

d:接着绘制支架的部分，复制一层镜框，右键-变换-缩放到80%，再画一个足够大的矩形，在对象一路径里找到分割下方对象，取消编组、删掉不需要的部分，放置以下位置。

e: 绘制眼镜架，画一个1 10*66px和一个88*44px的矩形，对齐到右下角，进行减去顶层，调节圆角，吸取颜色，高光部分就不演示了，试着绘制出来，如图。

f:因为透视关系，绘制另一个支架显得短一截，如图分布。

g:给眼镜编组，再和书本一起编个组，降低不透明度为30%，放置如下位置。

步骤3:绘制蝴蝶，画一个18*48的圆角矩形，填充颜色#495385，再画一个椭圆，填充颜色#c5e9ff,描边为6px，具体变换如下图。然后画几个圆作为斑点，填充颜色#f8fdff， 剪贴进翅膀图层，再用钢笔工具绘制触角。

步骤4:多复制一只蝴蝶，编组、降低不透明度为30%，这样我们漂亮的背景做好了，终于剩下主角运气药水啦~

PART5:绘制运气药水

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

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

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

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

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

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

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

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

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

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

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

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

步骤3:为瓶身添加一些小元素，描边大小为6px，注意图层的顺序，如图分布。

步骤4:绘制瓶盖，画一个96*128px的矩形和一个96*34px的椭圆进行联集，左下角锚点向右移动14px,右下角锚点向左移动1 4px，选中两个锚点拉成圆角，填充颜色#f5c290，描边为8px。然后轮廓化描边，利用剪贴蒙版绘制下列图形，依次用到的填充色值为#f0a860、#d89756，最后居中于瓶子， 如图。

步骤5:绘制闪光，操作如图，填充颜色为纯白色，然后在效果-风格化-找到外发光，数值按照自己的感觉调到合适的就行了，到这里就完工了，最终效果如图。