首页 理论教育FlashCS6:雏鸡变凤凰微动画制作教程

FlashCS6:雏鸡变凤凰微动画制作教程

【摘要】:本案例使用“形状补间动画”技术制作了一个“雏鸡变凤凰”的动画。执行“文件”→“保存”菜单命令,将新文档保存,命名为“雏鸡变凤凰”,并保存。图4.9 “火焰”元件实例的属性参数设置图Step3 新建一个图层,重命名为“雏鸡变凤凰”,在该图层第1帧的舞台上火焰的中央位置绘制一只小鸡,如图4.10所示。

【案例概述】

本案例使用“形状补间动画”技术制作了一个“雏鸡变凤凰”的动画。通过本案例的学习,读者主要掌握微动画的制作要领,及创建“形状补间动画”时形状提示点的应用。部分效果如图4.8所示。

978-7-111-50093-3-Chapter04-8.jpg

图4.8“雏鸡变凤凰”动画的某一个画面

【实现过程】

1.设置“文档属性”

启动Adobe Flash CS6后,新建一个文档,设置文档大小为800×600像素,背景为蓝色。执行“文件”→“保存”菜单命令,将新文档保存,命名为“雏鸡变凤凰”,并保存。

2.动画制作

Step1 新建一个图形元件,名称为“火焰”,进入元件编辑状态,执行“文件”→“导入”→“导入到舞台”菜单命令,在弹出的“导入”对话框中,选择“雏鸡变凤凰”素材文件夹下的“火焰.jpg”文件进行导入。

Step2 回到“场景1”,把“图层1”重命名为“背景”,把“火焰”元件拖到舞台上,打开“属性”面板,设置“火焰”元件实例的大小、位置和色彩效果,如图4.9所示。在“背景”图层的第75帧处插入普通帧,最后把“背景”图层锁定。

978-7-111-50093-3-Chapter04-9.jpg

图4.9 “火焰”元件实例的属性参数设置图

Step3 新建一个图层,重命名为“雏鸡变凤凰”,在该图层第1帧的舞台上火焰的中央位置绘制一只小鸡,如图4.10所示。其中小鸡身体的颜色为黄色(#FFFF33),无笔触颜色。在图层的第15帧处插入一个关键帧,再在图层的第60帧处插入一个空白关键帧,然后在舞台上火焰的中央位置绘制一只凤凰,如图4.11所示。其中凤凰身体的颜色为黄色(#FFFF00),无笔触颜色。

978-7-111-50093-3-Chapter04-10.jpg

图4.10 小鸡效果图(www.chuimin.cn)

978-7-111-50093-3-Chapter04-11.jpg

图4.11 凤凰效果图

Step4 选中“雏鸡变凤凰”图层的第15帧到第60帧之间的任意一帧,执行“插入”→“补间形状”菜单命令。

Step5 选中“雏鸡变凤凰”图层的第15帧,执行“修改”→“形状”→“添加形状提示”菜单命令,这时会在舞台上出现一个红色的小圆圈,里面有一个字母a,这就是形状提示点。拖动该提示点到小鸡的鸡冠部分,再选中图层的第60帧,看到舞台上也有一个形状提示点,把该提示点拖到凤凰冠上。用同样的方法,再添加6个形状提示点,各个提示点所放的位置如图4.12所示。

978-7-111-50093-3-Chapter04-12.jpg

图4.12 形状提示点所放的位置

Step6 新建一个影片剪辑元件“文本1”,进入元件编辑状态,在舞台上用文本工具输入“雏鸡变凤凰”几个字,颜色为白色,大小为60点,字体为“华文行楷”。

Step7 再新建一个影片剪辑元件“文本2”,进入元件编辑状态,在舞台上用文本工具输入“华丽的蜕变”几个字,颜色为白色,大小为60点,字体为“华文行楷”。

978-7-111-50093-3-Chapter04-13.jpg

图4.13 发光滤镜参数设置

Step8 回到“场景1”,新建一个图层,重命名为“文本1”,把“文本1”元件拖到舞台上,位置参照图4.8。选中舞台上的“文本1”元件实例,通过“属性”面板添加发光滤镜,参数设置如图4.13所示。

Step9 新建一个图层,重命名为“文本2”,把“文本2”元件拖到舞台上,位置参照图4.8。选中舞台上的“文本2”元件实例,通过“属性”面板添加发光滤镜,参数设置如图4.13所示。

Step10 保存文档,测试影片。

【技术讲解】