[制作缘由]
受电视“百事可乐”广告启发,制作广告片尾的百事可乐的波浪动画。
[学习重点]
1、辅助线的灵活使用。
2、路径对象的调整方法。
3、使用蒙版产生动画效果。
[面向对象]
fw的初级学习者
[源文件下载]
点击这里
[制作步骤]
先来看效果演示:

[注]观察“百事可乐”的图标可以发现,位于图标中间位置的白色波浪图形,并非是高度均一的,而是波峰和波谷的位置白色波浪的高度最高,位于两侧的起点和终点高度最低,这样,接下来我们就先在编辑区拖拽出相关的辅助线,以备接下来的白色波浪图形的绘制工作。
7、从上侧标尺处依次拖拽出6条辅助线,这样包括先前的经过圆心位置的辅助线,这样,编辑区总共有7条水平方向的辅助线。从上而下,每条辅助线的位置依次为:“155、170、185、200、215、230、245”

9、同时选中编辑区的圆形对象和矩形对象,选择菜单“修改|组合路径|交集”命令。将生成图形对象的填充颜色设为白色。
11、参照第8、9步的方法,在垂直辅助线的右侧绘制举行对象,并且和圆形对象进行“组合路径”的操作,得到右侧的图形对象,如图

13、参照上一步的操作方法,将右侧白色图形的左上角的路径节点移动到与水平方向的第2条辅助线相交。

要使得路径与水平方向的第7条辅助线相切,调整的预期目的和最终效果如下图所示。

18、参照16、17步的方法,分别对坐上角的路径节点和垂直辅助线和水平第2条辅助线交点处的路径节点进行调整,具体调整后生成的图形效果如下图所示。
二、动画元件制作
1、在编辑区的空白位置单击鼠标,单击属性面板上“画布大小”按钮,在弹出的“花布大小”对话框中,将宽的数值改为“800”,其余各项保持默认即可。
2、选中波浪图形对象,按“Ctrl+Shift+D”组合键两次,克隆两个波浪图形对象,分别在属性面板上设置两个克隆对象的“X”值为“-50”和“550”,此刻编辑区如下图所示。

4、同样,向左侧移动最右侧的波浪图形,也使其与中间的波浪对象重合相交。
5、同时选定编辑区的三个波浪对象,选择菜单“修改|组合路径|联合”命令,将三个路径对象联合为一个路径对象。如下图所示。

10、在层面板上新建“层2”,将动画元件拖放到“层2”。双击“层1”,在弹出的属性设置框中,勾选“共享交叠帧”。
三、完成最终动画
1、选中层1上面的1个圆形路径对象,取消其隐藏状态。
2、在编辑区上水平方向的第1条和第7条辅助线中间绘制一个矩形对象,上、下两边要分别与第1和第7条辅助线重合,宽要超过圆形对象的宽度即可。如下图所示。

4、选定剩余的两个圆形对象,向右侧移动一定距离,并且使其位置摆放如下图所示。

6、在属性面板上对该路径对象进行设定,填充类型为“实心”,颜色设为黑色,边缘为“羽化”,数值大小为35左右,描边设为“无”,将透明度设为50左右。具体设置如下图所示。

这样,总体的图形修饰也就基本完成了,如果需要添加一些文字的话,就在“层3”里面直接添加即可了。
希望通过这篇教程的学习,大家对于辅助线在实际图形制作中的功能有一个更深入的了解,当然蒙版动画的知识想必大家都了解了不少了,本文对于蒙版的使用也算是一个具体的实例展示吧!好了,本文讲解到此全部结束,欢迎您的批评指正,欢迎您与我们交流!