Illustrator咖啡动画制作过程

最终效果图：

1.首先画一个超椭圆作杯子底部，画法是用形状工具画出一个200px的正圆，用白箭头选中上下两个锚点，再选择自由变换工具，对上下两个锚点缩放至160px左右。

再对左右两个锚点重复一次操作，超椭圆就绘制完成了。

2.形状工具画出一个宽高一样的正方形，对齐后裁切，调整描边宽度，进行扩展合并。

3.将其组合在一起形成咖啡杯形状。

4.用钢笔工具绘制一条竖直的路径，调整描边，再外观里找到fx，扭曲和变换，波纹效果，设置参数。

5.AI部分的制作基本完成，接下来将其粘贴到PS中。

给水汽的两个图层添加一个蒙版，取消关联。

气泡的运动轨迹和关键帧位置，透明度关键帧未0、100、100、0.

最后是气泡的爆炸效果，做出一个再复制和调整位置。

导出gif即可完成。