第3章 创建时间轴

1、Flash CS4创意动漫制作基础创意动漫制作基础Flash元件元件1逐帧动画逐帧动画2形状渐变动画形状渐变动画3传统补间传统补间4补间动画补间动画5引导层动画引导层动画6遮罩层动画遮罩层动画7骨骼动画骨骼动画8动画编辑器动画编辑器93D转换动画转换动画10Flash1Flash元件的类型元件的类型2建立、复制和修改建立、复制和修改元件元件3 库面板库面板FlashFlashFlash建立元件的方法建立元件的方法FlashFlashFlashFlashFlash1动画中的图层动画中的图层2时间轴面板的组成时间轴面板的组成3 帧的类型帧的类型FlashFlash插入图层插入图层改变图层顺改变图层

2、顺序序新建图层文新建图层文件夹件夹删除图层删除图层重命名图层重命名图层FlashFlash帧的类型帧的类型关键帧关键帧空白关空白关键帧键帧普通帧普通帧过渡帧过渡帧FlashFlashFlashFlashFlash例子：人物表情变化例子：人物表情变化微笑点头微笑点头FlashFlashFlash1藤蔓式填充藤蔓式填充2网格填充网格填充3对称刷子对称刷子FlashFlashFlashFlashFlashFlash 绘制扇子绘制扇子v要点提示：要点提示： 直线工具直线工具 选择工具的灵活应用选择工具的灵活应用 任意变形工具任意变形工具 填充工具填充工具 滤镜滤镜 变形面板变形面板Flash绘制扇子步

3、骤绘制扇子步骤一、建立新文档一、建立新文档点新建点新建-文档，在文档属性里把背景颜色改为黑色，文档，在文档属性里把背景颜色改为黑色，其它默认。其它默认。二、绘制扇片元件二、绘制扇片元件 1、绘制羽毛，重命名第一个图层为、绘制羽毛，重命名第一个图层为“羽毛羽毛”，在工具箱，在工具箱中选择中选择直线工具直线工具，笔触颜色红色，在场景画一竖线，然，笔触颜色红色，在场景画一竖线，然后选择后选择选择工具选择工具（快捷键为（快捷键为“V”）在线条的中间把线条）在线条的中间把线条拉弯拉弯 ，在拉弯的线上再画一条竖线同样拉弯形成封闭状，在拉弯的线上再画一条竖线同样拉弯形成封闭状的月牙形，如图的月牙形，如图1F

4、lash 2、用、用放射状填充放射状填充颜色，颜色可自己选择，如选择左色标：颜色，颜色可自己选择，如选择左色标：#0000FF、右色标：、右色标：#000000，（注意如填充不了颜色，可，（注意如填充不了颜色，可使用修改形状将线条转换为填充）填充好颜色后把笔触使用修改形状将线条转换为填充）填充好颜色后把笔触删除删除 按着按着Alt键键向右复制三个共四个形成一组，然后全部选中，向右复制三个共四个形成一组，然后全部选中，调整大小后，按着调整大小后，按着Alt键向左复制四个，中间间隔要有一定键向左复制四个，中间间隔要有一定距离做到可以单独选择一组，然后选择每组改变填充颜色，距离做到可以单独选择一组，

5、然后选择每组改变填充颜色，右色标：右色标：#000000不变，左色标可以选择自己喜欢的颜色。不变，左色标可以选择自己喜欢的颜色。如图如图2Flash 3、选中每一组用方向键向第一组靠拢，形成、选中每一组用方向键向第一组靠拢，形成一个整体。用选择工具在羽毛的顶部拉成一个一个整体。用选择工具在羽毛的顶部拉成一个球形，如图球形，如图3: 4、用、用“直线直线”勾画图形，如图勾画图形，如图4：Flash 5、删除圆角部分线条外的图形，并删除笔触颜色、删除圆角部分线条外的图形，并删除笔触颜色，再用，再用“选择工具选择工具”做细微调整，如图做细微调整，如图5所示：所示： 6、选中羽毛图层第、选中羽毛图层第

6、1帧帧,在全部选中的情况下右键在全部选中的情况下右键/转换为转换为影片剪辑元件影片剪辑元件，在弹出框中选择元件名为，在弹出框中选择元件名为“羽毛羽毛”，选项中羽毛元件在，选项中羽毛元件在属性面板属性面板/滤镜滤镜/按钮按钮“添加滤镜添加滤镜”/模糊模糊，模糊度如图，模糊度如图6：Flash 7、新插入图层二，改名称为扇柄，利用矩形、新插入图层二，改名称为扇柄，利用矩形工具画出一个填充色为线型，左右色标：工具画出一个填充色为线型，左右色标：#CC6600，中色标：，中色标：#FEA64E，用，用“选择工选择工具具”和和“部分选取工具部分选取工具”把矩形调整成合适的把矩形调整成合适的形状，再放置在

7、羽毛的合适位置，选中整个扇形状，再放置在羽毛的合适位置，选中整个扇页，转化为图形元件，取名为扇页，到此扇片页，转化为图形元件，取名为扇页，到此扇片就制作完毕。如图就制作完毕。如图7：Flashv三、绘制扇子三、绘制扇子 1、选中扇页，用、选中扇页，用“任意变形工具任意变形工具”调整扇页调整扇页的中心点，如图的中心点，如图8所示：所示： 2、通过、通过“窗口窗口”、“变形变形”打开变形面板，打开变形面板，设置旋转读数为设置旋转读数为10度，点击变形面板当中的复度，点击变形面板当中的复制并应用变形多次，得到如图制并应用变形多次，得到如图9所示：所示：Flashv图层图层1的第的第18帧处插入关键帧

8、，选中第帧处插入关键帧，选中第1帧至第帧至第18帧（如果图中有帧（如果图中有18片扇片）的所有帧，按片扇片）的所有帧，按【F6】键插入关键帧。如图键插入关键帧。如图扇子的展开扇子的展开 Flashv 点选扇片图层第点选扇片图层第1帧，把左边第二片扇片元件按帧，把左边第二片扇片元件按【Delete】键删除，然后用选择工具框选除左边第一片以外的所有键删除，然后用选择工具框选除左边第一片以外的所有扇片元件，保留左边第一片扇片元件，选中第扇片元件，保留左边第一片扇片元件，选中第2帧方法同帧方法同上不同处是保留左边的第一、第二片扇片元件，依此类推上不同处是保留左边的第一、第二片扇片元件，依此类推，第，第

9、18帧保留所有的扇片元件。帧保留所有的扇片元件。扇子的展开扇子的展开 Flashv扇子的合拢扇子的合拢：点选扇片图层第：点选扇片图层第1帧，再按住帧，再按住【Shift】键同时点击第键同时点击第18帧即可全选所有关键帧。然后右击鼠标帧即可全选所有关键帧。然后右击鼠标出现快捷菜单，选择出现快捷菜单，选择【复制帧复制帧】命令。在第命令。在第30帧处右击帧处右击鼠标出现快捷菜单，选择鼠标出现快捷菜单，选择【粘贴帧粘贴帧】命令，即可把第命令，即可把第1帧帧至第至第18帧内容复制到第帧内容复制到第30帧至第帧至第47帧处。在第帧处。在第30帧至第帧至第47帧全选中的情况下右击鼠标出现快捷菜单，选择帧全选

10、中的情况下右击鼠标出现快捷菜单，选择【翻翻转帧转帧】命令，把第命令，把第1帧到第帧到第18帧的状态翻转过来。在第帧的状态翻转过来。在第60帧右击鼠标出现快捷菜单，选择帧右击鼠标出现快捷菜单，选择【插入帧插入帧】命令进行命令进行延时。如图延时。如图Flash补间的类型补间的类型v利用利用Flash可以处理两种类型的补间效果（可以处理两种类型的补间效果（过渡）：过渡）： 形状补间形状补间 动作补间（传统补间和补间动画）动作补间（传统补间和补间动画）Flash 3.4 形状补间形状补间v形状补间可将一个简单形状（矢量对象）变形（形状补间可将一个简单形状（矢量对象）变形（也可移动也可移动/变色）变色）

11、v适用对象：矢量图形对象（合并模式下绘制的）适用对象：矢量图形对象（合并模式下绘制的）v注意：注意：不能用于不能用于 如需应用于文字，先要如需应用于文字，先要。 FlashFlashFlashFlash用形状补间写用形状补间写“一一” （刷子工具）（刷子工具）用形状补间写用形状补间写“中中” （刷子工具）（刷子工具）Flash3.5 传统补间传统补间v处理处理元件、群组或文本框元件、群组或文本框的大小、位置、旋转的大小、位置、旋转、透明度等变化。、透明度等变化。v适用对象：适用对象：元件、群组或文本框元件、群组或文本框 （如是矢量对如是矢量对象需要转成元件象需要转成元件）v注意：注意：一层中不

12、能多个对象同时应用传统补间一层中不能多个对象同时应用传统补间v策略：策略：分多层。一层一个传统补间分多层。一层一个传统补间。 Flash传统补间传统补间实例实例图片动作效果图片动作效果文字特效：晃动文字文字特效：晃动文字飞行文字飞行文字渐变文字渐变文字Flash传统补间传统补间实例实例图片动作效果图片动作效果打字效果打字效果逐帧动画和传统补间逐帧动画和传统补间背景的移动放大效果背景的移动放大效果Flash两种补间的外观特征总结两种补间的外观特征总结v形状补间帧至少需要用形状补间帧至少需要用两个两个关键帧关键帧来标识，它们被带有来标识，它们被带有一个黑箭头和一个黑箭头和浅绿背景浅绿背景的中间过渡

13、帧分开的中间过渡帧分开v传统补间传统补间帧至少需要用帧至少需要用两个两个关键帧关键帧来标识，这两个关键来标识，这两个关键帧被带有一个黑箭头和帧被带有一个黑箭头和浅蓝背景浅蓝背景的中间过渡帧分开的中间过渡帧分开v有问题的过渡帧，例如丢失了前后关键帧的内容，会用有问题的过渡帧，例如丢失了前后关键帧的内容，会用虚线虚线来标识，这时需要取消该次补间动画再重新作。来标识，这时需要取消该次补间动画再重新作。FlashFlashFlashFlashFlashFlashFlashFlash案例：毛笔描字案例：毛笔描字案例：毛笔写字案例：毛笔写字FlashFlashFlashFlash遮罩层：视窗的形状遮罩层：视窗的形状 被遮罩层：透过视窗所看到的内容被遮罩层：透过视窗所看到的内容FlashFlashFlashFlashv别样的绿别样的绿v文字（遮罩层）文字（遮罩层） 绿叶（被遮罩层）绿叶（被遮罩层）Flash画卷画卷v画轴画轴v矩形（遮罩层）