这个例子将利用图形动画同步播放的原理来制作树枝的拉伸动画。
想想这个例子
使用绘图工具绘制分支。
使用遮罩功能为分支制作同步拉伸动画。
第一部分画树枝
(1)新建一个空白文档,大小为550300像素,帧率为25fps,然后做一个放射性的绿色背景,如图3-1所示。
图3-1生产背景
(2)新建一个图层,使用“线条工具”和“铅笔工具”绘制树枝的图形轮廓,如图3-2所示。
图3-2图纸
(3)将图形填充绿色,然后删除轮廓,再按F8,将其转换为名为“分支”的图形元素,如图3-3所示。
图3-3转换为图形
(4)进入图形编辑区,然后新建一个图层做分支的蒙版图层,使分支可以向上拉伸,如图3-4所示。
图3-4制作遮罩层
(5)画下面的叶子。使用椭圆工具绘制椭圆,然后使用移动工具将其调整为树叶形状,如图3-5所示。
图3-5绘制树叶的轮廓
(6)打开“颜色”面板,设置类型为“线性”,然后设置第一个色标为(R:137,G:248,B:24),第二个色标为(R:91,G:199,B:12)。填充效果如图3-6所示。
图3-6填充颜色
(7)复制一片叶子,然后按Ctrl G组合叶子,调整位置,再转换成电影剪辑(名为“叶子”),如图3-7所示。
图3-7复制图形
(8)将树叶放在树枝上,然后调整位置和大小,如图3-8所示。
图3-8调整树叶
第2部分制作拉伸动画
(1)选择所有的叶子,然后按Ctrl Shift D分散到每一层。
(2)选择所有叶子图层的第15帧,然后按F6插入关键帧,再选择第1帧,使用任意变形工具将叶子调整到如图3-10所示的效果。
图3-10调整树叶的形状
小贴士:
为了在下一步中创建传统的补间动画,叶子会从根部慢慢放大,所以在对叶子进行变形时,需要按住Shift Alt组合键来按比例缩放叶子。
(3)选择所有叶子图层的第一帧,然后右键单击该帧,在弹出菜单中选择命令“创建传统补间”,如图3-11所示。
图3-11创建传统补间动画
(4)为了使树枝的拉伸动画节奏与树叶的动画节奏相匹配,当树枝到达树叶的位置时,树叶可以播放拉伸放大动画,所以需要调整补间动画的位置,如图3-12所示,调整后的关键帧如图3-13所示。
图3-12调整框架位置
图3-13调整关键帧位置
(5)观察调整关键帧后的动画效果,如图3-14所示。
图3-14动画效果
(6)回到主场景,然后将图形“分支”的循环动画选项设置为“播放一次”,如图3-15所示。
图3-15设置播放次数
图3-16复制分支
图3-17观察动画效果
(8)为了使分支更加逼真,要给它们添加阴影,先将帧复制到一个新图层中,然后调整图形的位置,再在属性面板中将图形颜色设置为(R:3,G:61,B:2),如3-18所示,阴影效果如3-19所示。
(9)最后添加一些文字作为画面的点缀,如3-20所示,然后按Ctrl Enter释放动画。
图3-20添加文本
教程已经完成。现在你应该学会如何使用Flash CS4制作树枝的拉伸动画效果。希望这篇教程对你有帮助。