《《创建时间轴动画》PPT课件》由会员分享，可在线阅读，更多相关《《创建时间轴动画》PPT课件（113页珍藏版）》请在金锄头文库上搜索。
1、Flash CS4创意动漫制作基础创意动漫制作基础高等教育出版社高等教育出版社高等教育出版社高等教育出版社 高等教育电子音像出版社高等教育电子音像出版社高等教育电子音像出版社高等教育电子音像出版社Flash本章学习内容本章学习内容元件1时间轴面板2逐帧动画3形状补间动画4运动补间动画5引导层补间动画6遮罩层补间动画7骨骼动画8动画编辑器93D转换动画10Flash3.1 元件1Flash元件的类型2建立、复制和修改元件3库面板Flash元件的类型元件的类型v图形元件：可用于静态图像，与主时间轴图形元件：可用于静态图像，与主时间轴同步运行。同步运行。v按钮元件：通过事件来激发它的动作。按按钮元件
2、：通过事件来激发它的动作。按钮元件有钮元件有4种状态，即种状态，即“弹起弹起”、“指针经指针经过过”、“按下按下”、“单击单击”。 v影片剪辑元件影片剪辑元件 ：本身就是一段小动画，可：本身就是一段小动画，可以包含交互控制、声音甚至嵌套其他影片以包含交互控制、声音甚至嵌套其他影片剪辑的实例，是用途和功能最多的元件。剪辑的实例，是用途和功能最多的元件。Flash建立元件建立元件将现有的矢量对象将现有的矢量对象将现有的矢量对象将现有的矢量对象转换成元件转换成元件转换成元件转换成元件（快捷键：（快捷键：（快捷键：（快捷键：F8F8）建立元件的方法使用元件编辑模式使用元件编辑模式使用元件编辑模式使用元
3、件编辑模式建立元件建立元件建立元件建立元件（快捷键：（快捷键：（快捷键：（快捷键：Ctrl+F8Ctrl+F8）Flash复制元件复制元件v创建元件后，用户可以在文档中重复使创建元件后，用户可以在文档中重复使用它的实例，并修改单个实例的以下实用它的实例，并修改单个实例的以下实例属性，而不会影响其他实例或原始元例属性，而不会影响其他实例或原始元件。件。v复制元件实例的方法是：在按下。复制元件实例的方法是：在按下。Alt键键的同时用鼠标将待复制的元件拖动出一的同时用鼠标将待复制的元件拖动出一个副本，即可创建该元件的另一个实例。个副本，即可创建该元件的另一个实例。v复制元件的方法是：在库面板中单击鼠
4、复制元件的方法是：在库面板中单击鼠标右键，在出现的快捷菜单中选择标右键，在出现的快捷菜单中选择“直直接复制接复制”命令，即可创建元件的副本。命令，即可创建元件的副本。Flash修改元件修改元件v修改与编辑元件，必须先切换至元件模式修改与编辑元件，必须先切换至元件模式下才能进行下才能进行v切换元件模式方法有两种：切换元件模式方法有两种：在舞台上，双击元件实例。在舞台上，双击元件实例。在舞台上，双击元件实例。在舞台上，双击元件实例。在库面板中，双击元件名。在库面板中，双击元件名。在库面板中，双击元件名。在库面板中，双击元件名。v注意：注意：在元件编辑模式下进行的更改会影在元件编辑模式下进行的更改会
5、影响该元件的所有实例。响该元件的所有实例。Flash元件的存放处元件的存放处库库 v公用库 v库库v如何将库里的元件加入舞台 Flash3.2 时间轴面板1时间轴面板的组成2 帧的类型3 动画中的图层Flash时间轴面板时间轴面板 Flash帧的类型帧的类型帧的类型关键帧空白关键帧普通帧过渡帧Flash不同性质的帧的区别不同性质的帧的区别 v关键帧在时间轴上显示为实心的圆点，空白关关键帧在时间轴上显示为实心的圆点，空白关键帧在时间轴上显示为空心的圆点，普通帧在键帧在时间轴上显示为空心的圆点，普通帧在时间轴上显示为灰色填充的小方格。时间轴上显示为灰色填充的小方格。v同一层中，在前一个关键帧的后面
6、任一帧处插同一层中，在前一个关键帧的后面任一帧处插入关键帧，是复制前一个关键帧上的对象，并入关键帧，是复制前一个关键帧上的对象，并可对其进行编辑操作。可对其进行编辑操作。v如果插入普通帧，是延续前一个关键帧上的内如果插入普通帧，是延续前一个关键帧上的内容，不可对其进行编辑操作。容，不可对其进行编辑操作。v插入空白关键帧，可清除该帧后面的延续内容，插入空白关键帧，可清除该帧后面的延续内容，可以在空白关键帧上添加新的实例对象。可以在空白关键帧上添加新的实例对象。v关键帧和空白关键帧上都可以添加帧动作脚本，关键帧和空白关键帧上都可以添加帧动作脚本，普通帧上则不能添加。普通帧上则不能添加。 Flash
7、动画中的图层动画中的图层 v当用户创建动画时，可以使用图层和图层当用户创建动画时，可以使用图层和图层文件夹来组织动画序列的组件和分离动画对文件夹来组织动画序列的组件和分离动画对象，这样它们就不会互相擦除、相连或分割。象，这样它们就不会互相擦除、相连或分割。 vFlash的舞台在同一时间制作多个对象的动的舞台在同一时间制作多个对象的动画，每个组或元件等舞台对象必须在独立的画，每个组或元件等舞台对象必须在独立的图层上。图层上。 Flash图层的操作图层的操作BBE EC CDDAA插入图层改变图层顺序新建图层文件夹删除图层重命名图层Flash3.3 逐帧动画逐帧动画v逐帧动画（逐帧动画（Frame
8、 By Frame）是一种常）是一种常见的动画形式，其原理是在连续的关键帧见的动画形式，其原理是在连续的关键帧中分解动画动作，也就是在时间轴的每帧中分解动画动作，也就是在时间轴的每帧上逐帧绘制不同的内容，使其连续播放形上逐帧绘制不同的内容，使其连续播放形成动画。成动画。Flash人物表情变化案例 步骤详解：步骤详解：运行运行Flash CS4，在资源光盘的，在资源光盘的“本书范本书范例例第第3章章原始素材原始素材3.3 逐帧动画逐帧动画”文件文件夹中，打开夹中，打开“表情变化表情变化.fla”文件，准备进行文件，准备进行动画制作。动画制作。将库面板中画有昕昕微笑表情的元件将库面板中画有昕昕微笑
9、表情的元件“head”拖到舞台上，形成一个实例。拖到舞台上，形成一个实例。按按F7键在时间轴的第键在时间轴的第2帧上新建一个空白帧上新建一个空白关键帧，然后将库中将画有昕昕开心表情的关键帧，然后将库中将画有昕昕开心表情的元件元件“head5”拖到舞台上，形成一个实例。拖到舞台上，形成一个实例。Flash人物表情变化案例步骤详解：步骤详解：再次按再次按F6键在时间轴的第键在时间轴的第3帧上新建一个关键帧上新建一个关键帧，然后使用帧，然后使用“任意变形工具任意变形工具”将元件将元件“head5”旋转一定角度。旋转一定角度。再次按再次按F7键在时间轴的第键在时间轴的第4帧上新建一个关键帧上新建一个关
10、键帧，然后将画有昕昕微笑表情的元件帧，然后将画有昕昕微笑表情的元件“head”拖到舞台上，然后单击拖到舞台上，然后单击“任意变形工具任意变形工具”按钮按钮将元件将元件“head”旋转一定角度。旋转一定角度。用鼠标右键单击舞台空白处，将帧频改为用鼠标右键单击舞台空白处，将帧频改为5fps。按。按Ctrl+Enter组合键预览动画效果，组合键预览动画效果，即可形成一个昕昕微笑点头的动画效果。即可形成一个昕昕微笑点头的动画效果。选择选择“文件文件”|“保存保存”命令将该命令将该fla文件保存。文件保存。Flash技术点睛 v逐帧动画是逐帧动画是逐帧动画是逐帧动画是FlashFlash动画最基本的形式
11、，是通过更改动画最基本的形式，是通过更改动画最基本的形式，是通过更改动画最基本的形式，是通过更改每一个连续帧在编辑舞台上的内容来建立的动画。每一个连续帧在编辑舞台上的内容来建立的动画。每一个连续帧在编辑舞台上的内容来建立的动画。每一个连续帧在编辑舞台上的内容来建立的动画。因为逐帧动画的帧序列内容不一样，不但给制作因为逐帧动画的帧序列内容不一样，不但给制作因为逐帧动画的帧序列内容不一样，不但给制作因为逐帧动画的帧序列内容不一样，不但给制作增加了负担，而且最终输出的文件量也很大。增加了负担，而且最终输出的文件量也很大。增加了负担，而且最终输出的文件量也很大。增加了负担，而且最终输出的文件量也很大。
12、v逐帧动画的优势：逐帧动画具有非常大的灵活性，逐帧动画的优势：逐帧动画具有非常大的灵活性，逐帧动画的优势：逐帧动画具有非常大的灵活性，逐帧动画的优势：逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容，而它类似与电几乎可以表现任何想表现的内容，而它类似与电几乎可以表现任何想表现的内容，而它类似与电几乎可以表现任何想表现的内容，而它类似与电影的播放模式，很适合于表演细腻的动画。影的播放模式，很适合于表演细腻的动画。影的播放模式，很适合于表演细腻的动画。影的播放模式，很适合于表演细腻的动画。 v通常第一个关键帧会在空白舞台上第一个实例生通常第一个关键帧会在空白舞台上第一个实例生通常第一个关键
13、帧会在空白舞台上第一个实例生通常第一个关键帧会在空白舞台上第一个实例生成时会自动生成，但第成时会自动生成，但第成时会自动生成，但第成时会自动生成，但第2 2帧以后的关键帧需要手动帧以后的关键帧需要手动帧以后的关键帧需要手动帧以后的关键帧需要手动添加。添加。添加。添加。 Flash影片剪辑元件中逐帧动画的运用 v影片剪辑元件拥有独立于主时间轴的多帧影片剪辑元件拥有独立于主时间轴的多帧时间轴，如果针对影片剪辑元件进行逐帧动时间轴，如果针对影片剪辑元件进行逐帧动画制作，则可以拥有一个独立于主时间轴的画制作，则可以拥有一个独立于主时间轴的动画元件。动画元件。Flash步骤详解 运行运行Flash CS
14、4，打开，打开“静态蝴蝶静态蝴蝶.fla”，准，准备进行动画制作。备进行动画制作。 在库面板中可以看到有一个命名为在库面板中可以看到有一个命名为“butterfly”的图形元件，对该元件右击，的图形元件，对该元件右击，在弹出的快捷菜单中将在弹出的快捷菜单中将“属性属性”修改修改 为为“影片影片剪辑剪辑”。将库中元件将库中元件“butterfly”拖到舞台上，形成拖到舞台上，形成一个实例。一个实例。双击该元件实例，进入元件编辑画面。双击该元件实例，进入元件编辑画面。Flash步骤详解由于要修改蝴蝶各个部分的状态，先用鼠标单由于要修改蝴蝶各个部分的状态，先用鼠标单击时间轴的击时间轴的“eyes”层
15、（第层（第1层）的第层）的第5帧，帧，然后按住然后按住Shift键同时鼠标单击时间轴的键同时鼠标单击时间轴的“right-up”层（最后层（最后1层）的第层）的第5帧，则所有帧，则所有层的第层的第5帧都被选中了，按帧都被选中了，按F6键为时间轴所有键为时间轴所有层的第层的第5帧处新建一个关键帧，然后使用帧处新建一个关键帧，然后使用“任任意变形工具意变形工具”调整调整4个翅膀的位置至两两重合个翅膀的位置至两两重合位置位置 。Flash步骤详解先用鼠标单击时间轴的先用鼠标单击时间轴的“eyes”层（第层（第1层）层）的第的第1帧，然后按住帧，然后按住Shift键同时鼠标单击时间键同时鼠标单击时间轴
16、的轴的“right-up”层（最后层（最后1层）的第层）的第1帧。选帧。选择所有层的第择所有层的第1帧后，右击鼠标，在出现的快帧后，右击鼠标，在出现的快捷菜单中选择捷菜单中选择“复制帧复制帧”命令。用鼠标单击时命令。用鼠标单击时间轴的间轴的“eyes”层（第层（第1层）的第层）的第10帧，然后帧，然后按住按住Shift键同时鼠标单击时间轴的键同时鼠标单击时间轴的“right-up”层（最后层（最后1层）的第层）的第10帧。选择所有层的帧。选择所有层的第第10帧后，右击鼠标，在出现的快捷菜单中选帧后，右击鼠标，在出现的快捷菜单中选择择“粘贴帧粘贴帧”命令，将全部层第命令，将全部层第1帧的内容都帧的内容都复制到各层的第复制到各层的第10帧中。帧中。 Flash步骤详解用鼠标选择用鼠标选择“场景场景1”，退出元件编辑画面，一，退出元件编辑画面，一个动画的蝴蝶影片剪辑元件完成了。在库面板个动画的蝴蝶影片剪辑元件完成了。在库面板中，可以看到该元件有一个播放按钮，按下该中，可以看到该元件有一个播放按钮，按下该播放按钮可以看到蝴蝶扇动着翅膀。播放按钮可以看到蝴蝶扇动着翅膀。 选择选择“文件文件”|“
