《二维动画制作基础》实验指导书

《二维动画制作基础》实验指导书潍坊学院教育科学与传媒工程学院目录实验一、Flash操作界面实验二、Flash工具箱实验三、Flash元件和库实验四、Flash时间轴和场景实验五、卡通造型实验六、Flash逐帧动画实验七、Flash形状补间动画实验八、Flash运动动画实验九、Flash遮罩动画实验十、Flash动画综合练习实验十一、Flash动画综合应用实验十二、Flash动画设计制作实验一、Flash操作界面一、实验目的（1）熟悉Flash操作界面，了解各部分的功能和位置；（2）了解菜单命令的布局，熟悉Flash程序中的基本操作。二、实验内容（1）认识Flash的工作界面；（2）认识Flash的菜单命令和基本操作。三、实验步骤Flash的工作界面由以下几个主要部分组成：图1-1Flash工作界面（一）文档选项卡新建或打开一个文档时，在“时间轴”的上方会显示出“文档选项卡”。如果打开或创建多个文档，“文档名称”将按文档创建的先后顺序显示在“文档选项卡”中，单击文件名称，可以在多个文档之间进行快速切换。用鼠标右键单击“文档选项卡”，在弹出的菜单中可以快速实现新建、打开、保存等功能，如图1-2所示。图1-2文档选项卡（二）工具栏从“窗口”菜单的“工具栏”子菜单中我们可以打开“主要工具栏”。出于操作上方便的考虑，主要工具栏中以按钮形式列出了大部分最常用的操作命令熟练地使用这些按钮将实现快捷的操作。（三）时间轴窗口时间轴是动画和视频类软件的一个重要概念，它是进行动画创作和内容编排的主要场所，它由左边的图层控制区和右边的时间轴控制区构成。利用层和帧区域间的分割条可以调整两区域的大小。动画是由许多静止的图片连续显示而形成的，这些静止的图片称作帧。时间轴窗口还可以查看每一帧的情况。实际上，Flash动画的制作过程也就是决定每一帧显示什么内容的过程。在右边的时间轴控制区我们就可以看到构成Flash动画的所有帧。把不同的图形作品放在不同图层的相应帧里，改变帧与帧之间的关系，安排电影内容播放的顺序，就可以实现不同效果的动画。（四）工具箱工具箱是Flash最常用到的一个面板，位于工作界面的左边。用鼠标单击，或用快捷键都能选中相应的工具，如图1-3所示。图1-3工具箱工具箱分为四个部分：（1）“工具”部分包括选择、绘画和涂色工具等。（2）“查看”部分包括在工作区窗口内进行缩放和移动的工具。（3）“颜色”部分包括用于边框颜色和填充颜色的工具。（4）“选项”部分显示选定工具的功能设置按钮，这些按钮会影响工具的涂色或编辑操作。选择的工具不同，选项也自然不同。例如，选中笔刷工具后，选项中可供选择的有笔刷的大小、形状等。（五）舞台“舞台”位于工作界面的正中间部位，是放置动画内容的区域。这些内容包括矢量插图、文本框、按钮、导入的位图图形或视频剪辑等。选择工具箱中的手形工具，在舞台上拖动鼠标可平移舞台；选择缩放工具，在舞台上单击可放大或缩放舞台的显示；选择缩放工具后，在工具箱的选项下会显示出两个按钮，分别为放大和缩小，分别单击它们可在“放大视图工具”与“缩小视图工具”之间切换，如图1-4所示；选择缩放工具后，按住键盘上的Alt键，单击舞台，可快捷缩小视图。图1-4缩放工具的选项（六）常用面板Flash有很多面板，默认状态下，在“舞台”的正下方有三个比较常用的浮动面板，分别是帮助面板、动作面板和属性面板，单击面板的“标题栏”，可以依次展开它们。（1）帮助面板。帮助面板可以随时对软件的使用或动作脚本语法进行查询，使用户更好地使用软件的各种功能。（2）动作面板。动作面板是主要的开发面板之一，是动作脚本的编辑器。（3）属性面板。属性面板可以很容易地访问舞台或时间轴上当前选定项的最常用属性，也可以在面板中更改对象或文档的属性。（七）设计面板打开窗口中设计面板菜单，在菜单中可以看到所有的“设计面板”，单击面板的名称，就可以打开或关闭相应的面板。默认状态下，打开的“设计面板”分布在舞台右侧的面板组中。“设计面板”包括对齐面板、颜色样本面板、混色器面板、信息面板、场景面板和变形面板六个面板。（1）对齐面板。对齐面板可以重新调整选定对象的对齐方式和分布。（2）颜色样本面板。颜色样本面板为我们提供了最为常用的“颜色”，并且能“添加颜色”和“保存颜色”。用鼠标单击的方式可选择需要的常用颜色。（3）混色器面板。用混色器面板可以创建和编辑“笔触颜色”和“填充颜色”的颜色。默认为RGB模式，显示红、绿和蓝的颜色值，“Alpha值”用来指定颜色的透明度，其范围在0%～100%,0%为完全透明，100%为完全不透明。（4）信息面板。信息面板可以查看对象的大小、位置、颜色和鼠标指针的信息。面板分为四个区域：左上方显示对象的宽和高信息；右上方显示对象的X轴和Y轴坐标信息，要显示对象注册点（中心点）的坐标，单击“坐标网格”的中心方框，要显示左上角的坐标，单击“坐标网格”中的左上角方框；左下方显示在舞台中鼠标位置处的颜色值与Alpha值；右下方显示鼠标的X轴和Y轴坐标信息。（5）场景面板。一个动画可以有多个场景组成，场景面板中显示了当前动画的场景数量和播放的先后顺序。当动画包含多个场景时，将按照它们在场景面板中的先后顺序进行播放。单击场景面板下方的三个按钮可以执行“复制”、“添加”和“删除”场景的操作。（6）变形面板。变形面板可以对选定对象执行缩放、旋转、倾斜和创建副本的操作。（八）开发面板打开窗口中开发面板菜单，从菜单中可以看到所有的“开发面板”，单击面板的名称可以打开或关闭相应面板。默认状态打开的一些“开发面板”分布在舞台右侧的面板组中。开发面板包括动作、组件、组件检查器、输出、调试器、行为和Web服务面板。四、实验报告（1）写出本实验操作具体的步骤；（2）详细列举出Flash主界面的各部分组成。五、思考题（1）Flash舞台外的工作区有什么作用？（2）Flash可以编辑三维动画吗？实验二、Flash工具箱一、实验目的（1）熟练掌握Flash工具箱中创建工具的功能；（2）掌握Flash工具箱中颜色处理工具的使用；（3）综合运用选择及调整工具来实现对图形的编辑。二、实验内容（1）练习Flash工具箱中创建工具的使用；（2）练习Flash工具箱中颜色处理工具的使用。三、预备知识工具箱是Flash最常用到的一个面板，位于工作界面的左边。用鼠标单击，或用快捷键都能选中相应的工具，如图2-1所示。图2-1工具箱工具箱分为四个部分：（1）“工具”部分包括选择、绘画和涂色工具等。（2）“查看”部分包括在工作区窗口内进行缩放和移动的工具。（3）“颜色”部分包括用于边框颜色和填充颜色的工具。（4）“选项”部分显示选定工具的功能设置按钮，这些按钮会影响工具的涂色或编辑操作。选择的工具不同，选项也自然不同。例如，选中笔刷工具后，选项中可供选择的有笔刷的大小、形状等。四、实验步骤（一）创建工具的使用Flash图形创建工具有6个：直线工具、椭圆工具、矩形工具、铅笔工具、画笔工具、钢笔工具。直线工具点击工具箱的直线工具按钮，选择线条颜色后，就可以拖动鼠标在工作区上绘制直线。绘制直线时按住Shift键不放，可画出水平直线、垂直直线或倾斜45度的直线。使用直线工具可以非常简单地绘制出一个四棱锥。矩形工具矩形工具可以绘制矩形，用工具箱下部的“选项”按钮控制圆角半径可以绘制圆角矩形，按住Shif键的同时拖动鼠标还可以绘制出正方形。Flash可以同时绘制矩形的边线或内部图形，也可以对两者进行单独的操作。椭圆形工具椭圆形工具可以绘制各种椭圆形，设置线条颜色、填色等基本操作同矩形工具类似。选中椭圆形工具后，按住Shift键的同时拖动鼠标可以绘制出正圆。铅笔工具铅笔工具有三种模式：平直模式、平滑模式和墨水瓶模式。比较在不同模式下所绘线条的不同效果。钢笔工具钢笔工具可以绘制直线、折线和曲线。拖拽而调整手柄的位置就能确定不同弧度的曲线。笔刷工具笔刷工具绘制出的图形不是线条，而是作为填充颜色出现。用户可以根据需要选择笔刷的大小和形状。笔刷的填充模式有五种：标准绘画、颜料填充、后面绘画、颜料选择和内部绘画。“锁定填充”选项用于确定渐变色的参照基准。使用以上各工具可以绘制四棱锥、圆柱体、红色正菱形上魏碑黑“福”字。（二）颜色处理工具的使用油漆桶工具油漆桶工具可以在封闭区域内填充或更改已填充的颜色。Flash允许在未封闭区域内填充颜色，但未封闭的缺口不能太大。墨水瓶工具墨水瓶工具用来修改线条的颜色及样式。选取墨水瓶工具后，在打开的属性面版中可以更改线条的颜色、样式，然后在更改的线条上按鼠标左键即可。用墨水瓶工具可以来制作空心字，具体制作方法是：用文字工具键入文字，将文字打散为图形，用墨水瓶工具点击给它加上另外颜色的轮廓线，最后把线内的文字部分再去掉。进一步地，利用空心字还可以制作出三维字符。吸管工具吸管工具主要用来测试图形的色彩、线条粗细、线条样式以及文字的大小、字体、颜色等属性，并可以将其套用在其他图形或文字上。填充变形工具填充变形工具可以对所填颜色的范围、方向及位置等进行修改以获得特殊的效果，它只对渐变色（线性渐变和径向渐变）和位图填充有效。线性渐变色能模拟光影效果的而制作出立体按钮，具体办法是：绘制四个圆，大小分别为100、100、80、70，分别以单灰、斜向黑白线性渐变、反斜向黑白线性渐变和一种醒目的单色填充，后三圆中心对齐叠加起来，底层圆做斜向阴影。（三）选择及调整工具的使用箭头工具箭头工具能通过点选和框选两种方式来选取物件；按住Ctrl键或Alt键拖动对象，可以复制对象；箭头工具还用于调整、编辑图形的形状。次选工具次选工具用来编辑路径上的节点而调整曲线的形状。套索工具套索工具可以用鼠标拖拽出任意形状，拖拽范围内的对象会被选取。它还能针对位图进行一定颜色范围的选取。自由变换工具自由变换工具可以实现物体的缩放、旋转、倾斜、扭曲等功能。文字只有在打散后，才能进行扭曲和封套操作。而利用扭曲操作，我们能够得到具有透视效果的文字。橡皮擦工具橡皮擦工具用来擦除线条和填色区域，它有五种擦拭模式：标准擦除、擦除填色、擦除线条、擦除所选填充、内部擦除。点选水龙头选项，在要擦除的地方单击鼠标左键，即可一次将封闭区域内的填色清除。文字和位图必须先打散后才能用橡皮工具擦除。五、实验报告（1）简要写出本实验中各工具的主要功能；（2）写出本实验实例操作的具体步骤。六、思考题（1）箭头工具有哪些用处？（2）如何制作出具有三维效果的文字？实验三、Flash元件和库一、实验目的掌握各种元件的创建及应用，了解库面板的操作。二、实验内容（1）各种元件的创建；（2）三种类型元件的应用；（3）库面板的使用。三、预备知识（1）元件是Flash动画的基本元素，它分为图形、按钮、影片剪辑三种类型。（2）元件创建后，将存储到库面板中而由库面板存储并管理。按下F11键，就会出现Flash的元件库。元件可以在影片中重复使用。再次使用某个元件时，将它从库面板拖动到舞台上。这样，Flash舞台上会创建该元件的一个实例。实例是对元件的引用，它在该位置产生指定元件的一个副本。四、实验步骤（一）元件的三种类型1.图形元件静态图形可以使用图形元件，它也可以创建运用到主影片时间轴上的动画片段。图形元件与影片的时间轴同步运行。交互式控件和声音不会在图形元件中起作用。2.按钮元件按钮元件可以在影片中创建响应鼠标的点击、滑过或其他操作。可以定义按钮各种状态下的图形，然后指定按钮实例的动作。3.影片剪辑元件影片剪辑元件是可重复使用的动画片段。影片剪辑的时间轴独立于影片的主时间轴而播放，它可以包含交互式控件、声音甚至其他影片剪辑实例。例如，将影片剪辑实例放在按钮元件的帧上就得到动画按钮。（二）元件的创建1.创建图形元件位图图像、矢量图形、文本对象以及线条、色块等都能创建图形元件。选择相关元素，按F8键，弹出“转换为元件”对话框，在“名称”中输入元件的名称，在“类型”中选择“图形”，如图3-1所示，单击【确定】按钮。这时，在库中生成相应“元件”，在舞台上就是元件的一个实例。图3-1图形元件转换图形元件能接