1、项目四 动画基础与逐帧动画,认识和操作帧 认识和操作图层 动画类型及逐帧动画的创建,任务一 认识和操作帧,任务说明,通过项目一的学习我们知道，Flash动画的基本单位为帧，多个帧上的画面连续播放，便形成了动画。本任务将带领读者学习Flash中帧的类型以及帧的各种操作方法。,预备知识,一、帧的类型和创建,Flash中的帧主要分为关键帧、空白关键帧和普通帧三种类型。下面分别介绍不同类型的帧的特点和创建方法。,三种类型的帧,插入关键帧并编辑该关键帧上的对象,插入普通帧,1.关键帧是用来定义动画变化的帧。制作Flash动画时，在不同的关键帧上绘制或编辑对象，便能形成动画。要创建关键帧，可在“时间轴”面
2、板中选中要插入关键帧的位置，然后按【F6】键或选择“插入”“时间轴”“关键帧”菜单，便可以在所选帧处插入一个关键帧。,2.普通帧的作用是延伸关键帧上的内容。用户不能直接编辑普通帧上的内容，只能通过编辑其前面的关键帧，或将普通帧转换为关键帧来进行修改。要创建普通帧，可在“时间轴”面板中选中要插入普通帧的位置，然后按【F5】键或选择“插入”“时间轴”“插入帧”菜单 。,插入空白关键帧,3.没有内容的关键帧被称为空白关键帧，在时间轴上有内容的关键帧用实心圆表示，空白关键帧用空心圆表示。要创建空白关键帧，可先中选中要插入空白关键帧的位置，然后按【F7】键或选择“插入”“时间轴”“空白关键帧”菜单。通过
3、在相应位置创建空白关键帧可以终止上一个关键帧中内容的延伸。,二、帧的编辑方法,1选择帧,要对帧进行编辑，必须先选中要编辑的帧，在Flash CS6中选择帧方法主要有以下几种。,选择单个帧：在时间轴的某帧上单击鼠标左键即可选中该帧。选中帧后，播放头会跳转到该帧，该帧上的所有对象也会被选中。 选择多个帧：在按住【Shift】键的同时单击作为起点的帧，然后再单击作为终点的帧，可选中两帧之间的所有帧（包括不同图层上的帧）；在按住【Ctrl】键的同时依次单击帧，可同时选中多个不相连的帧。,选择多个帧,2移动和复制帧,在Flash中移动帧后，源帧上的对象都会被移动到目标帧上，且源帧所在位置会变为空白帧；复
4、制帧后，源帧上的所有对象都会被复制到目标帧上，且源帧保持不变。下面是移动和复制帧的常见操作。,通过拖动：选中要移动帧的后（可同时选中多个帧），在所选帧上按住鼠标左键并拖动，到目标位置后松开鼠标即可将所选帧移动到目标位置；若在移动帧的同时按住【Alt】键，则移动操作变为复制操作。,移动帧,通过快捷菜单复：选中要移动或复制的帧后，右击所选帧，在弹出的快捷菜单中选择“剪切帧”（执行移动帧操作）或“复制帧”菜单项，然后右击目标帧，在弹出的快捷菜单中选择“粘贴帧”菜单即可移动或复制选中的帧。,移动或复制帧,3其他编辑帧的方法,在右键快捷菜单中，用户还可执行以下一些常用操作。,删除帧：将所选帧，连同其在舞
5、台上的内容一起删除。 清除帧：将所选帧在舞台上的内容清除。对于关键帧来说，该操作将使关键帧变为空白关键帧，但不会删除关键帧。 翻转帧：改变所选帧上动画的播放方向。例如，将由左向右移动的动画，变为由右向左移动。 清除关键帧：将所选的关键帧转换为普通帧。 转换为关键帧：将所选的普通帧转换为关键帧。 转换为空白关键帧：将所选的普通帧转换为空白关键帧。,三、设置帧的显示状态,制作动画时，可根据需要调整“时间轴”面板中帧的显示状态，方法是单击时间轴面板右上角的“帧的视图”按钮 ，在打开的菜单中选择相应选项。,选择帧的显示状态,四、使用绘图纸功能,默认情况下，在舞台中一次只能显示一个帧的内容，而使用绘图纸
6、功能后，可以在舞台中一次查看多个帧上的内容。,应用“绘图纸外观”功能显示多个帧中的内容,“时间轴”面板下方与绘图纸功能相关的按钮的作用如下。,“绘图纸外观”按钮 ：按下此按钮后，在时间帧的上方会出现“绘图纸外观标记” 。拖动外观标记的两端，可以扩大或缩小帧显示范围。此时，当前帧内容在舞台中用实色显示，其他帧（“绘图纸外观标记”内的帧）中的内容以半透明显示，并且只能编辑当前帧的内容。 “绘图纸外观轮廓”按钮 ：按下此按钮后，舞台中将显示多个帧内容的轮廓线，填充色消失。此功能适合观察对象轮廓，还可节省系统资源，加快显示过程。 “编辑多个帧”按钮 ：按下此按钮后可以显示多个关键帧的内容，且所有关键帧
7、的内容都以实色显示，此时可以同时编辑多个关键帧中的内容。,“修改绘图纸标记”按钮 ：按下此按钮后会打开列表，在该列表中可对绘图纸功能进行设置。,“修改绘图纸标记”列表,任务实施制作飞碟飞行动画,下面制作一个飞碟飞行的动画效果，学习帧的各种编辑方法。,打开素材文档后，首先设置帧频，并创建传统补间动画；然后创建一个影片剪辑，并将主时间轴上包含动画内容的帧复制到影片剪辑中；对主时间轴中包含动画内容的帧进行翻转帧操作，然后创建第2个影片剪辑，并利用剪切帧操作将主时间轴中包含动画内容的帧移动到第2个影片剪辑中；最后将创建的两个影片剪辑放置到舞台中，并预览动画效果。本例具体操作可参考书中步骤。,飞碟飞行动
8、画,任务二 认识和操作图层,任务说明,图层对Flash动画的重要性仅次于帧，下面我们就来了解一下Flash中图层的作用，以及操作图层的方法。,预备知识,一、图层的作用,图层在绘图和制作动画时主要有以下几个作用。,在绘图时，可以在不同的图层上绘制图形的不同部分，由于各图形相对独立，所以可以方便我们进行修改和编辑。 在制作动画时，由于每个图层都有独立的时间帧，所以可以在每个图层上单独制作动画，这样在播放时就可以形成复杂的动画效果。 利用遮罩图层、被遮罩图层、引导图层和被引导图层，可以制作特殊效果的动画。,二、图层的创建和编辑,在制作Flash动画的过程中经常需要进行创建、重命名、选择和删除图层等操
9、作。,新建图层并重命名,1.新建Flash文档后，默认只包含一个图层。单击“时间轴”面板左下角的“新建图层”按钮，可在当前图层上方新建一个图层 。,2.双击图层名称，然后输入新的图层名称，并按下【Enter】键即可重命名图层。,选择图层并移动图层中的对象,3.用“选择工具”在舞台中选中阴影（此时阴影所在的图层将自动变为当前图层），按【Ctrl+X】键剪切阴影，然后单击“阴影”图层名称将其置为当前图层，再按快捷键【Ctrl+Shift+V】即可将阴影原位移动到该图层第1帧 。,改变图层顺序,4.在“时间轴”面板中要改变顺序的图层上按住鼠标左键不放并拖到目标位置，释放鼠标后即可改变该图层的顺序 。
10、,5.当不需要某图层上的全部内容时，可以将该图层删除。选中图层后，单击“时间轴”面板左下角的“删除图层”按钮，即可将所选图层删除。,三、隐藏、锁定图层和显示图层轮廓线,绘制或编辑某一图层上的对象时，为了在操作时不影响其他图层上的对象，可将其他图层隐藏或锁定。此外，还可只显示图层中的对象的轮廓线。,隐藏图层：隐藏图层后，舞台上将不显示该图层中的内容。要隐藏或显示某图层，可单击该图层名称右侧眼睛图标下的小黑点。要隐藏全部图层，可单击“时间轴”面板左上方的眼睛图标，所有图层都将被隐藏；再次单击该图标，可显示全部图层。,隐藏指定图层,定图层：锁定图层后，便不能对该图层上的对象进行编辑。锁定与解锁图层的
11、操作与隐藏与显示图层相似，只需单击时间轴面板右上角小锁图标下相应图层右侧的小圆点即可；或者单击该小锁图标来锁定或解锁全部图层。 显示图层轮廓线：想使某图层上的对象只显示轮廓线，可单击该图层名称右侧的 图标，当其变为 形状时，该图层上所有对象都只显示轮廓线。,显示图层轮廓线,四、使用图层文件夹,当Flash文档中有很多图层时，可以将性质相似的图层放置到一个图层文件夹中，这样不仅方便对图层进行管理，还可使“时间轴”面板显得更加简洁。,使用图层文件夹,任务实施绘制山中行车,下面通过绘制一幅山中行车画面，使读者进一步掌握图层的各种编辑方法。,山中行车,打开素材文档后，首先新建两个图层并重命名；然后在“
12、天空”图层中绘制天空图形，绘制好后将该图层锁定并只显示轮廓线，在“山”图层中绘制山图形，绘制好后将该图层隐藏，在“路面”图层绘制路面，绘制好后取消其他图层的隐藏、锁定和只显示轮廓线状态，并调整图层顺序；最后创建一个图层文件夹，并将所有包含背景的图层放入图层文件夹中。本例具体操作可参考书中步骤。,任务三 动画类型及逐帧动画的创建,任务说明,制作Flash动画时，通过对同一图层上的帧进行设置，可生成逐帧动画和补间动画两种最基本的动画类型。下面将带领读者两种动画类型的区别，以及掌握逐帧动画的创建方法。,预备知识,一、逐帧动画,在连续的关键帧中绘制不同的对象，或编辑同一对象的不同形态所形成的动画被称为
13、逐帧动画。例如，要制作乌龟走路的动画，只需在连续的关键帧上设置乌龟走路时的不同形态即可。,逐帧动画,二、补间动画,补间动画是在制作好前后两个关键帧上的内容后，由Flash自动生成中间各帧的内容，使得画面从一个关键帧过渡到另一个关键帧所形成的动画。,补间动画,三、逐帧动画的创建方法,创建逐帧动画的方法有多种，常见的有以下几种。,绘制矢量图形：通过在连续的关键帧中绘制矢量图形来制作逐帧动画。 导入静态图片：将自己或别人绘制的jpg、png等格式的静态图片导入到Flash的不同帧中，制作逐帧动画。 导入序列图像：利用导入gif序列图像、swf动画文件或者利用第3方软件（如Swish、Swift 3D等）制作的动画序列来创建逐帧动画。,任务实施,首先新建一个Flash文档，然后将序列图像导入到舞台中，制作仙鹤飞翔的动画效果。本例具体操作可参考书中步骤。,一、制作仙鹤飞翔动画,下面通过制作仙鹤飞翔动画，学习通过导入序列图像来创建逐帧动画的具体方法。,仙鹤飞翔,二、制作小熊走路动画,下面制作小熊走路的逐帧动画。,小熊走路,首先打开素材文档，并使用“任意变形工具” 调整小熊身体不同部位的位置和角度，然后依次插入关键帧和普通帧，并调整各帧中小熊身体各部位的角度和位置，制作小熊走路的动画效果。本例具体操作可参考书中步骤。,
