武陵观察网 问答 利用Flash CS4制作树枝的伸展动画效果

利用Flash CS4制作树枝的伸展动画效果

这个例子将利用图形动画同步播放的原理来制作树枝的拉伸动画。

想想这个例子

使用绘图工具绘制分支。

使用遮罩功能为分支制作同步拉伸动画。

第一部分画树枝

(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制作树枝的拉伸动画效果。希望这篇教程对你有帮助。

本文来自网络,不代表本站立场,转载请注明出处:https:

利用Flash,CS4制作树枝的伸展动画效果

武陵观察网后续将为您提供丰富、全面的关于利用Flash,CS4制作树枝的伸展动画效果内容,让您第一时间了解到关于利用Flash,CS4制作树枝的伸展动画效果的热门信息。小编将持续从百度新闻、搜狗百科、微博热搜、知乎热门问答以及部分合作站点渠道收集和补充完善信息。