《Flash基本工具的使用及基本动画练习大全》由会员分享,可在线阅读,更多相关《Flash基本工具的使用及基本动画练习大全(12页珍藏版)》请在金锄头文库上搜索。
1、漫画与卡通制作(新) 主讲:黄强老师http:/ 5 帧有个“帧序号”标识,常见“帧符号”意义如下: 关键帧:关键帧定义了动画的变化环节,逐帧动画的每一帧都是关键帧。而补间动画在动画的重要点上创建关键帧,再由 Flash 自己创建关键帧之间的内容。实心圆点 是有内容的关键帧,即实关键帧。而无内容的关键帧(即空白关键帧)则用空心圆 表示。 普通帧:普通帧显示为一个个的单元格。无内容的帧是空白的单元格,有内容的帧显示出一定的颜色。不同的颜色代表不同类型的动画,如动作补间动画的帧显示为浅蓝色,形状补间动画的帧显示为浅绿色。而静止关键帧后的帧显示为灰色。关键帧后面的普通帧将继承该关键帧的内容。 帧标签
2、:帧标签用于标识时间轴中的关键帧,用红色小旗加标签名表示,如 。 帧注释:用于为你自己或处理同一文件的其他人员提供提示。用绿色的双斜线加注释文字表示,如 。 播放头:指示当前显示在舞台中的帧,将播放头沿着时间轴移动,可以轻易地定位当前帧。用红色矩形表示 ,红色矩形下面的红色细线所经过的帧表示该帧目前正处于“播放帧”。逐帧动画1逐帧动画的概念和在时间帧上的表现形式在时间帧上逐帧绘制帧内容称为逐帧动画,由于是一帧一帧地画,所以逐帧动画具有非常大的灵活性,几乎可以表现任何想表现的内容。逐帧动画在时间帧上表现为连续出现的关键帧,如图 3-2-1 所示。2创建逐帧动画的几种方法(1)用导入的静态图片建立
3、逐帧动画用 jpg、png 等格式的静态图片连续导入到 Flash 中,就会建立一段逐帧动画(参考实例:奔跑的豹子) 。(2)绘制矢量逐帧动画用鼠标或压感笔在场景中一帧帧的画出帧内容(参考实例:旋转的立方体) 。漫画与卡通制作(新) 主讲:黄强老师http:/ gif 序列图像、 swf 动画文件或者利用第 3 方软件(如 swish、swift 3D 等)产生的动画序列。3绘图纸功能(1)绘画纸的功能绘画纸是一个帮助定位和编辑动画的辅助功能,这个功能对制作逐帧动画特别有用。通常情况下,Flash 在舞台中一次只能显示动画序列的单个帧。使用绘画纸功能后,你就可以在舞台中一次查看两个或多个帧了。
4、如图 3-2-2 所示,这是使用绘画纸功能后的场景,可以看出,当前帧中内容用全彩色显示,其它帧内容以半透明显示,它使我们看起来好像所有帧内容是画在一张半透明的绘图纸上,这些内容相互层叠在一起。当然,这时你只能编辑当前帧的内容。图 3-2-2 同时显示多帧内容的变化(2)绘图纸各个按钮的介绍 【绘图纸外观】按钮:按下此按钮后,在时间帧的上方,出现 绘图纸外观标记。拉动外观标记的两端,可以扩大或缩小显示范围。 【绘图纸外观轮廓】按钮:按下此按钮后,场景中显示各帧内容的轮廓线,填充色消失,特别适合观察对象轮廓,另外可以节省系统资源,加快显示过程。 【编辑多个帧】按钮:按下后可以显示全部帧内容,并且可
5、以进行“多帧同时编辑” 。漫画与卡通制作(新) 主讲:黄强老师http:/ 【修改绘图纸标记】按钮:按下后,弹出菜单,菜单中有以下选项:【总是显示标记】选项:会在时间轴标题中显示绘图纸外观标记,无论绘图纸外观是否打开。【锚定绘图纸】选项:会将绘图纸外观标记锁定在它们在时间轴标题中的当前位置。通常情况下,绘图纸外观范围是和当前帧的指针以及绘图纸外观标记相关的。通过锚定绘图纸外观标记,可以防止它们随当前帧的指针移动。【绘图纸 2】选项;会在当前帧的两边显示两个帧。【绘图纸 5】选项;会在当前帧的两边显示五个帧。【绘制全部】选项;会在当前帧的两边显示全部帧。课堂练习,创建一个逐帧动画:动作补间动画动
6、作补间动画是 Flash 动画中应用最多的一种动画类型,通常用于在两个关键帧之间为相同的图形创建移动、旋转以及缩放等动画效果,如表现文字移动的效果等。本节我们先从实例入手,研究技术。实例简介巍巍群山,茫茫云海,轻烟似的白云缓缓飘过,一架飞机由近而远的飞去,渐渐消失在远方,如图 5-4-3 所示。本例制作不难,但通过它,你可以掌握创建动作补间动画的方法。漫画与卡通制作(新) 主讲:黄强老师http:/ 创建动作补间动画 制作元件由大变小的效果 制作元件透明度变化的效果(1)创建影片文档步骤 1 设置影片文档属性执行【文件】|【新建】命令,在弹出的面板中选择【常规】|【Flash 文档】选项后,点
7、击【确定】按钮,新建一个影片文档,在【属性】面板上设置文件大小为 650255 像素,【背景色】为白色,如图 3-4-4 所示。图 3-4-4 影片文档属性步骤 2 创建背景图层执行【文件】|【导入】|【导入到舞台】命令,将配套光盘中名为“山峰.jpg”的图片导入到场景中(“山峰”图片位置: 图片山峰.jpg)。用【箭头工具】调整图片在舞台上的位置,使其居于舞台的中央。如果图片大小不合适,再选择【任意变形工具】调整图片大小。选择第 100 帧,按 F5 键,添加普通帧。(2)创建元件步骤 1 创建飞机元件执行【插入】|【新建元件】命令,新建一个图形元件,名称为“飞机”。这时进入新元件编辑场景,
8、选择第一帧,执行【文件】|【导入】|【导入到舞台】命令,将“飞机.png”图片导入到场景中( “飞机”图片位置:飞机.png)。步骤 2 创建白云元件漫画与卡通制作(新) 主讲:黄强老师http:/ 图片白云.png)。(3)创建动画步骤 1 创建飞行效果单击时间轴右上角的【编辑场景】按钮,选择【场景 1】,转换到主场景中。新建一层,把库里名为“飞机”的元件拖到场景的左侧,执行【修改】|【变形】|【水平翻转】命令,将飞机元件实例水平翻转。在【属性】面板上打开【颜色】旁边的小三角,设置【Alpha】值为 80%,如图 5-3-5 所示。图 3-3-5 第一帧中飞机在场景中的位置和 Alpha 值
9、飞机向远处飞去,应该越来越小,越来越模糊,来看看这种效果是什么做出来的吧,选中【图层 2】的第 100 帧,按 F6 键,添加一个关键帧,在【属性】面板中设置飞机的大小,【W】值是飞机的宽值,为 32;【H】值是飞机的高值,为 18.9;【X】、【Y】则是飞机在场景中的 X、Y 坐标,分别是 628.5,51,如图 5-4-6 所示。图 3-4-6 飞机在 100 帧处的位置和大小漫画与卡通制作(新) 主讲:黄强老师http:/ 20%。用鼠标右键单击【图层 2】的第一帧,选择【创建补间动画】。步骤 2 创建白云飘过的效果新建一层,从库中拖出名为“白云”的元件,放置在背景图右侧的山峰处,设置【
10、Alpha】值为 80%,在第 100 帧处添加关键帧,把元件移到场景的左上方,设置【Alpha】值为 40%。用鼠标右键单击图层的第一帧,选择【创建补间动画】。执行【控制】|【测试影片】命令,观察动画效果,如果满意,执行【文件】|【保存】命令,将文件保存成“飞机.fla”,如果要导出 Flash 的播放文件,执行【文件】|【导出】|【导出影片】命令,保存成“飞机.swf”文件。课后练习题目:1、 绘画练习:基本几何形状及填色练习:场景绘制练习(绘画过程参考):漫画与卡通制作(新) 主讲:黄强老师http:/ 主讲:黄强老师http:/ 主讲:黄强老师http:/ 主讲:黄强老师http:/ 主讲:黄强老师http:/ 主讲:黄强老师http:/ 逐帧动画练习:参考文件夹中的示例文件3、 关键帧动画练习:参考文件夹中的示例文件4、 引导线动画练习:参考文件夹中的示例文件5、 元件范例:参考文件夹中的示例文件漫画与卡通制作(新) 课程,任课老师:黄强2010 年 3 月长沙理工大学