制作Flash动画

 时间:2020-08-12  贡献者:322fk.com

导读:flash制作,制作 Flash 动画 前言在动画制作领域中,无论你有多美好的美术功底和动画基础,仅靠传统的动 画制作手法和功能单一的动画制作软件,远远不能满足现代网页动画的需求。只 有通

flash制作
flash制作

制作 Flash 动画 前言在动画制作领域中,无论你有多美好的美术功底和动画基础,仅靠传统的动 画制作手法和功能单一的动画制作软件,远远不能满足现代网页动画的需求。

只 有通过在功能更强大的动画制作软件中制作网页动画作品,才能提高工作效率。

因此,越来越多的人体验到了动画制作软件的重要性,而 Flash 软件则是制作网 页动画领域中使用最广泛的软件。

随着计算机技术的逐渐普及,运用 Flash 制作 动画已不再是专业人士的“专利”,越来越多想从事网页动画制作的人士也逐渐加 入到了这一行业中。

本书定位于 Flash 的初学者,从一个 Flash 动画制作初学者 的角度出发,合理安排知识点,并结合大量实例进行讲解,让读者在最短的时间 内掌握最有用的知识,迅速成为动画制作高手。

本书特别适合中学中学有余力的 学生,作为教材使用,也可作为参考书。

本书共 15 课,从内容上可分为 7 部分,各部分主要内容如下: 第 1 部分(第 1 课)主要讲解 Flash 的基础知识、软件界面的设置以及基本 操作方法。

第 2 部分(第 2 课)主要讲解引导线动画的绘制。

第 3 部分(第 3-4 课)主要讲解遮罩动画的形成步骤。

第 4 部分(第 5 课)主要讲解简单几何图形的绘制,特别介绍了如何使用钢 笔工具。

第 5 部分(第 6-7 课)主要讲解几种常见的补间动画。

第 6 部分(第 8-10 课)主要讲解不同的“帧”,以及逐帧动画制作实例。

第 7 部分(第 11-15 课)主要讲解文字动画效果的制作。

编者:沈丽贞1

目录熟悉 Flash 的界面……3 引导线动画……6 遮罩动画……8 做一做“Flash 中的遮罩效果”……9 用“钢笔工具”绘制几何图形……11 简单的运动补间动画……12 形状补间动画……14 各种不同的“帧”……16 逐帧动画……18 【试一试】制作一颗流星,从天空划过……20 制作文字动画……21 如何制作文字旋转动画?……24 如何制作文字淡入动画?……28 W 文字的其它动画制作……30 变色动画……312

熟悉 Flash 的界面要制作出优秀的 Flash 动画,需要经过很多的制作环节,其中的每一个环节 都直接影响作品的最终质量。

那 Flash 动画是如何制作的,大致可分为策划主题、 搜集素材、制作动画、优化与调试、测试与发布几个步骤。

Flash 动画是如何制作的 一、策划主体 在动画制作之前,首先要明确制作动画的目的,要制作什么样的动画,通过 这个动画要达到什么样的效果,动画的风格是怎样的,以及要通过什么样的形式 将它表现出来等。

要明确了制作目的之后,就需要为整个动画作初步的策划。

二、搜集素材 在对动画进行了初步的策划后,就可以开始对动画中可能用到的素材进行搜 集。

在搜集时应注意有针对性、有目的性地搜集素材。

三、制作动画 制作动画是 Flash 动画作品制作中最关键的一步,是指利用所搜集的动画素 材来表现动画策划中各个项目的具体实现过程。

四、优化与调试 在下载和播放 Flash 动画时,如果速度很慢,容易产生停顿,这说明 Flash 动画文件很大。

为了减少 Flash 动画的占用空间,加快动画的下载速度,凌智动 画会对动画文件进行优化。

优化动画主要包括在动画制作过程中的优化、对元素 的优化和对文本的优化等。

将动画中相同的对象转换为元件,只保存一次,以后 可以合使用多次,这样可以很好地减少动画的数据量。

值得注意的是:制作动画时最好减少逐帧动画的使用,尽量使用补间动画, 因为补间动画的数量相对于逐帧动画是很小的。

如果制作类似的动画效果,补间 动画相对于逐帧动画的体积小得多。

导入声音文件时尽量使用体积相对于其它音 乐格式较小的 Mp3 格式。

尽量减少特殊形状矢量线条的应用,如虚线、锯齿状线 和点状线等。

五、测试与发布 在动画完成之前,还需要对动画的效果、品质等进行最后检测。

因为 Flash3

动画的播放是通过电脑对动画中的各个矢量图形、元件的实时运算来实现的,所 以动画播放的效果很大程度上取决于电脑的软硬件配置。

发布动画是 Flash 动画制作过程中的最后一步,用户可以对动画的生成格式、 画面品质和声音效果等进行设置。

在动画发布时的设置将最终影响到动画文件的 格式、文件大小以及动画在网络中的传输速率。

启动 Flash 并在其初始界面选择创建文件的类型后,将进入它的主界面。

一般情况 下,使用 Flash 创建或编辑影片时,将涉及到以下几个关键区域。

菜单栏:选择相关的功能命令。

时间轴:表示动画播放过程中随时间变化的序列。

浮动面板:有助于查看、组织和更改文档中的元素。

工具箱:内含多个绘制自由形状或准确的线条、形状和路径的工具,并可以改变舞 台的尺寸。

编辑区:编辑和播放 Flash 影片的区域。

(一)时间轴面板时间轴面板(也可简称“时间轴)默认情况下位于浮动面板左侧及编辑区的下方。

时间轴中除了时间线外还有一个图层管理器。

两者配合使用,可以在每一个图层(也可 简称“层”)中控制动画的帧数和各帧的效果。

如图 1-1图 1-1(二)工具箱工具箱位于界面的左侧,这里集中了一些编辑过程中最常用的工具,如图形的绘制、 修改、移动、缩放等操作,都可以在这里找到合适的工具来完成,从而可以大大提高编 辑工作的效率。

Flash 工具箱一共包含绘图工具、视图调整工具、颜色修改工具和选项设置工具 44

个部分,如图 1-2 所示。

绘图工具 视图调整工具 颜色修改工具 选项设置工具(三)浮动面板在编辑区的右侧是各项功能面板,在所有 Flash 面板中,属性面板的使用频率较高, 作用也比较重要,用法叶比较特别。

在编辑动画的过程中,所有的角色包括了舞台背景 的各种相关属性都可以通过属性面板进行编辑修改。

(四)编辑区编辑区是 Flash 提供的编辑制作动画内容的地方,我们制作的原始 Flash 动画内容 将在这个区域中完全显示。

在这里,用户可以充分发挥自己的想象力,制作和显示充满 动感和特效的动画作品。

编辑区根据工作情况和状态分为两个不同的部分:舞台和工作 区。

编辑区正中间的矩形区域就是舞台,舞台周围的灰色区域就是工作区。

5

引导线动画基本的补间动画只能使对象产生直线方向的移动,而对于一个曲线运动,就必须不 断地设置关键帧,为运动指定路线。

为此,flash 提供了一个自定义运动路径的功能。

这个功能可在运动对象的上方添加一个运动路径的层,然后用户可在该层中绘制对象的 运动路线,让对象掩盖路线运动。

在播放时,该层是隐藏的。

运动引导层可以绘制路径, 补间实例、组或文本块均可以沿着这些路径运动。

也可以将多个层链接到一个运动引导 层,使多个对象沿同一条路径运动。

引导层在影片制作中起辅助作用,它可以分为普通引导层和运动引导层两种。

普通引导层:起到辅助静态对象定位的作用,它无须使用被引导层,可以单独使用。

运动引导层:在制作动画时起到运动路径的作用,需要被引导层的辅助才能实现其 功能。

建立一个普通引导层的具体操作步骤如下:在图层上单击鼠标右键,从弹出的快捷 菜单中选择“引导层”命令,这时图层将变成普通引导层,如图 2-1 所示。

建立运动引导层的具体操作步骤如下: 一、单击要为其建立引导层的图层 1,使之突出显示。

二、右击被引导的图层名称栏,在弹出的快捷菜单中选择“添加引导层”。

图 2-1图 2-2在图层中创建一个补间动画,并将被引导对象中心点的起始点跟末端,分别对齐引6

导线的起点跟末端,创建引导线动画,此时被引导的对象将跟引导线进行运动。

如图 2-3 所示。

图 2-3课堂示范素材 在图层中创建一个补间动画,并将被引导对象中心点的起始点跟末端,分别对齐引 导线的起点跟末端,创建引导线动画,此时被引导的对象将跟随引导线进行运动,如图 2-4 所示。

第一帧中间帧 图 2-4最后帧7

遮罩动画遮罩是 flash 中的一个很实用的功能。

如果选中一个层为遮罩层,那么它的下一层 则是被遮挡住的,只有在遮罩层的填充色块之下的内容才是可见的,而遮罩层的填充色 块本身是不可见的。

要创建遮罩层,可以将遮罩层放在作用的层上。

和填充不同的是,遮罩就像个窗口, 透过它可以看到位于它下面链接层的区域。

除了通过遮罩项显示的内容之外,其余的所 有内容都会被遮罩层的其余部分隐藏起来。

一个遮罩层只能包含一个遮罩项目。

按钮内 部不能有遮罩,也不能将遮罩应用于另一个遮罩。

就像动作引导层一样,遮罩层起初与一个单独的被遮罩层关联,当它变成遮罩层时, 被遮罩层位于遮罩层的下面。

遮罩层也可以与任意多个被遮罩的图层关联,仅有那些与 遮罩层相关联的图层会受其影响,其他所有图层(包括组成遮罩的图层下面的那些图层 与遮罩层相关联的层)将显示出来。

创建遮罩层的具体操作步骤如下。

课堂示范: 一、创建一个普通图层 1.并在此层绘制出可透过遮罩层显示的图形与文本。

二、新建一个图层 2,将该图层移到“图层 1”的上面。

三、在图层 2 上创建一个填充区域和文本。

四、在该层上单击鼠标右键,从弹出的快捷菜单中选择“遮罩层”命令,这样就将 图层 2 设置为遮罩层,而其下面的图层 1 就变成了被遮罩层,此时的时间轴如图 3-1 所示。

五、创建遮罩图层后,系统将自动锁定遮罩层和被遮罩图层,显示遮罩后的效果如图 3-1 所示。

若用户还要对遮罩层进行编辑,可以取消其锁定状态即可。

8

做一做“Flash 中的遮罩效果”一、新建一个 Flash 文档,单击“属性”面板中“550*440 像素”按钮,在弹出的 “文档属性”窗口中调整舞台大小为 550*100 像素。

二、单击“文本工具”,输入“Flash 中的遮罩效果”,用“箭头工具”选中文本, 连续按“ctrl+B”键两次,分离文字,用“颜料桶工具填充七彩色。

如图 4-2 所示。

图 4-2 三、插入一个新图层,单击“椭圆工具”在舞台左侧画一个圆,并让圆的高度超过 文字的高度,颜色不限,如图 4-3 所示。

图 4-3 四、在图层 2 的第 30 帧插入关键帧,并将圆拖至最右侧,回到第 1 帧,创建形 状补间动画。

五、右击图层 1 的第 30 帧,并插入普通帧。

9

六、右击“图层 2”,在弹出的菜单中选择“遮罩层”,结果如图 4-4 所示。

图 4-410

用“钢笔工具”绘制几何图形用“钢笔工具” 绘制的曲线被称为贝塞尔曲线,它具有节点与控制手柄。

线条 与线条间的连节点称为节点。

曲线节点上有一个用来调整曲线的弯曲程度的手柄称为控 制柄。

使用钢笔工具绘制图形时,不拖动鼠标在两节点间绘制的线条是直线,拖动鼠标在 两节点间绘制的线条是曲线。

绘制一个封闭区域必须单击路径闭合处。

结束绘制必须单 击工具箱中的其他工具。

【做一做】 绘制一颗“爱心”。

一、单击菜单栏上的“查看”,选择“网格”下的“显示网格”命令,可以看见舞 台中的网格;二、单击工具箱中的“钢笔工具”按钮 ,将笔触颜色设为黑色,粗细设为 1pts。

填充颜色设为红色;三、单击舞台,创建节点 1(图形起始处),单击舞台的 2 处并向右上拖动鼠标,绘 制第一条曲线,这时图形上有两个节点,单击舞台的 3 处并向右下拖动鼠标,绘制第二 条曲线,如图 5-1 所示;图 5-1图 5-2图 5-3四、单击节点 1,形成闭合曲线,如图 5-2 所示;五、选定图形(注意“爱心”的轮廓线也要选中),同时按住【Ctrl】键拖动复制图形,如图 5-3 所示;11

六、单击菜单栏上的“修改”菜单,选择“变形”菜单中的“水平旋转”,并调整 位置,如图 5-4 所示;图 5-4图 5-5七、用键盘中的上下左右键移动水平翻转后的一半“爱心”,让它的中线和原来的一半爱心中线重叠,删除中线,绘制的“爱心如图 5-5 所示。

12

简单的运动补间动画补间是通过为一个帧中的对象属性指定一个值,并为另一个帧中相同对象的属性指 定另一个值创建的动画。

Flash 会计算这两个帧之间属性的值。

补间范围是时间轴中的一组帧,其舞台上对象的一个或多个属性可以随着时间而改 变。

补间范围在时间轴中显示为具有蓝色背景的单个图层的一组帧。

可将这些补间范围 作为单个对象进行选择,并从时间轴中的换一个位置拖到另一个位置,包括拖到另一个 图层。

在每个补间范围中,只能对舞台上的一个对象进行动画处理。

此对象称为补间范 围的目标对象。

属性关键帧是在补间范围中为补间目标对象显式定义一个或多个属性值的帧。

运动补间动画只能对原件及组合后的图形(包含文本)进行操作,所以,当处理对 象是矢量图时,必须先将其转换为元件进行组合才能使用。

【做一做】生成运动补间动画,让心“跳起来”。

一、在 Flash 中打开事先准备好的“爱心”,把“爱心”图形转换为图形元件; 二、在时间轴面板上选中第 10 帧,按【F6】键插入一个关键帧;再选中第 5 帧, 按【F6】键插入一个关键帧; 三、在“时间轴”面板上选中第 5 帧,单击“任意变形工具”按钮,将第 5 帧的图 形原件拉大,如图 6-1 所示; 四、在“时间轴”面板上分别右击第 1 帧和第 5 帧,在弹出的菜单中选择“创建补 间动画”命令,如图 6-2 所示;在此时间轴上的过渡帧变成浅灰色,并且在两关键帧之 间产生箭头,如图 6-3 所示;图 6-1图 6-2如果生成失败,时间轴上则会出现虚线。

五、按【Ctrl】和【Enter】键预览心跳动画。

13图 6-3

形状补间动画形状补间动画也称为“变形动画”,它的作用是生成一个形态到另一个形态的变化, 这个形态可包括形状、位置、颜色。

它能处理的对象正好和运动补间动画不同,只能对 矢量图起作用。

通过补间形状可以实现一副图形变为另一幅图形的效果。

补间形状和补间动画的主 要区别在于,补间形状不能应用到实例上,必须是被分离的形状图形之间才能产生补间 形状。

所谓形状图形就是由无数个点堆积而成,而并非是一个整体。

选中该对象时外部 没有一个蓝色边框,而是会显示成掺杂白色小点的图形。

【做一做】制作一个几何图形的渐变。

一、 新建一个 Flash 文档并保存。

在舞台上绘制一个无填充色的小长方形; 二、 选中矩形框,单击“窗口”菜单中的“变形”(Ctrl+T),打开“变形”面板, 如图 7-1 所示; 三、在“变形”面板的“旋转”框中输入旋转角度为 20 度; 四、在连续单击“变形”面板的“复制并应用变形按钮” ,矩形变化如图 7-2、 7-3 所示;图 7-1图 7-2图 7-3图 7-4五、在 15 帧处插入“空白关键帧”,再绘制一个无填充色的小长方形,选中该图形, 打开“变形”面板,选择“倾斜”,在“垂直倾斜”框中再输入 20 度。

连续单击“复制 并应用变形”按钮,矩形变化如图 7-4 所示;14

图 7-5图 7-6六、单击第 1 帧,将属性面板上的“补间”设置为“形状”,如图 7-5 所示;此时时间轴上的过渡帧变成浅绿色,并且产生从第 1 帧到第 15 帧的箭头,如图 7-6 所示;七、按【Ctrl】+【Enter】键观看动画效果。

15

各种不同的“帧”在 Flash 中,根据帧功能不同,通常将帧分为空白关键帧、关键帧和普通帧等。

通 过帧可以设定画面出现的前后顺序。

一、创建空白关键帧 空白关键帧是没有包含舞台上的实例内容的关键帧。

新建一个 Flash 文档时,在时 间轴面板的第一帧处将自动生成一个空白关键帧,如图 6-1 所示。

空白关键帧在时间轴 上以空心圆点标示,说明该帧对应舞台的内容为空。

图 8-1图 8-2【做一做】在第 5 帧处创建空白关键帧。

(F7)将鼠标指针移到时间轴的第 5 帧上,右击,在弹出的快捷菜单中选择“插入空白关键帧”,如图 6-2 所示。

二、创建关键帧(F6)16

图 8-3图 8-4有关键内容的帧称为“关键帧”,主要用来设动画变化、更改状态的帧,即对舞台上存在的实例对象进行编辑的帧。

【做一做】创建关键帧(一)选中第一帧,在舞台上绘制一个圆,此时第一帧成了关键帧,如图 6-3所示;(二)选中第 5 帧,右击它,在弹出的菜单中选择“插入关键帧”,此时在第 5帧处产生一个关键帧,如图 6-4 所示。

三、创建普通帧(F5)普通帧的特点是只能显示实例对象,不能对实例对象进行编辑操作。

创建方法和创建关键帧类似。

17

flash动画制作教程 flash动画制作技术 flash动画制作教程 flash动画制作电子教案 简单的flash动画制作教程 校本课程-flash动画制作(课本) Flash动画制作 Flash动画制作1 Flash动画制作(初级) flash动画制作题库
如何成为健身教练 丧葬费如何领取 如何取消qq空间 电脑如何设置定时关机 如何写作文 如何下载百度视频 枸杞子有什么功效 如何开汽车美容店 阿里巴巴网站批发网 玩具批发网站大全 增大增粗图片 处理图片的软件有哪些 牡丹仙子图片 车辆合格证图片 一次性纸杯图片 马丽娟图片 踩踏图片 女生胸部图片 小奇猫图片 炫富图片