实用工具软件flash

《实用工具软件flash》由会员分享，可在线阅读，更多相关《实用工具软件flash（42页珍藏版）》请在金锄头文库上搜索。

1、工具软件,Flash动画制作,第四讲 flash动画制作,教学要求： 了解flash动画设计中的相关概念与技术； 了解动画制作软件flash； 掌握使用flash进行动画制作的基本操作。 教学内容： Flash概述 Flash动画制作,4.1 Flash概述,Flash简介 Flash动画制作步骤 Flash动画的应用,4.1.1 Flash简介,Flash动画主要由简洁的矢量图形组成，通过这些图形的变化和运动，产生动画电影的效果。它不像GIF动画（详见第九章）那样需要把整个文件下载完了才能播放，而是以“流”的形式进行播放。在播放的同时会自动将后面部分的文件下载，更重要的是它能实现多媒体交互。

2、Flash动画的另一个优点是独立于浏览器之外，只要给浏览器加入相应的插件就可以观看Flash动画。,4.1.2 Flash动画制作步骤,优秀的Flash动画作品的诞生需要经过很多的制作环节，每一个环节都直接影响到作品的最终品质。Flash动画的制作过程大致可以分为以下几个步骤： （1）策划动画 （2）收集素材 （3）制作动画 （4）调试动画 （5）测试动画 （6）发布动画,4.1.3 Flash动画的应用,Flash可以制作出丰富绚丽的动态效果，而生 成的文件又相对较小，加上它的交互性功能， 被广泛应用于网络中的多个领域。 制作Flash动画 制作Flash游戏 制作Flash电子贺卡 制作F

3、lash教学课件 制作Flash广告条 制作Flash网站主页,4.2 Flash动画制作,Flash 的基本术语 Flash 面板 实例制作,4.2.1 Flash 的基本术语,（1）时间轴在Flash中，可以通过时间轴面板来进行动 画的控制。时间轴面板是Flash用于管理不同 动画元素、不同动画和动画元素叠放次序的工具。,4.2.1 Flash 的基本术语,（2）帧帧是动画制作过程中的一个最为重要的概念，因为动画其实就是利用人视觉上的停顿现象来实现的，我们可以把帧看作动画中的一个暂停镜头。Flash的时间轴面板上的每一个小方格（影格）代表一帧，表示动画内容的一个片段。在Flash中，帧大致

4、分为关键帧与中间帧(原画与中间画)，关键帧往往表示动作的极限位置，在这些关键帧之间的过渡画面是中间帧。,4.2.1 Flash 的基本术语,（3）场景Flash里的场景就像电影里的分镜头一样，由Flash动画中既相互联系又性质不同的一组镜头组成，我们知道，每一部电影都不可能用一个镜头来拍摄。因为这既不符合人的视觉习惯，又减弱了作品的感染力。动画的制作与此类似，复杂的动画需要多个场景，Flash通过场景的切换来实现与影视作品一样的分镜头效果。场景也是Flash作品中相对独立的一段动画内容，一个Flash作品可以由若干个场景组成，每个场景中的图层和帧均相对独立。 Flash会自动按场景顺序进行播放

5、。,4.2.1 Flash 的基本术语,（4）元件（符号）元件在Flash里相当于场景中的演员，在 Flash中，所有的图形、按钮或电影剪辑统称为元件，所有的元件都被放在符号库里，元件可以在动画创建过程中无限制地被重复调用，甚至可以被其他任何动画无限制地重复调用，而整个文件的大小不会增加，这一点很重要。合理地用好符号可以有效地节省磁盘空间，减少文件尺寸，缩短动画制作周期。,4.2.1 Flash 的基本术语,（5）图层图层是所有图形图像软件当中必须具备的内容，是我们用来合成和控制元素叠放次序的工具。每个图层都有各自的时间轴，包含了一系列的帧，在各图层中所使用的帧均是独立的。图层与图层之间既相互

6、独立，又相互影响。图层按一定的顺序重叠在一起，产生综合效果，如同将画有不同图形的玻璃板重叠在一 起。,Flash被广泛地用于多媒体领域，被公认为交互式矢量动画的标准。 Flash格式文件的数据量小，采用流媒体技术，可以在网络上更快地播放动画，实现交互。 IE5.0起的版本内置了Flash播放器插件，可以直接浏览带有Flash动画的网页。Flash动画作品案例,滚屏技术 时间帧 颜色填充与透明 移动、变形、旋转 遮罩、引导 配音,案例作品使用的技术,Flash MX的界面组成,Flash MX的界面由以下几个部分组成： 菜单栏 标准工具栏 状态栏 绘图工具 时间轴面板 工作区 各类面板等,动画类

7、型,Flash动画类型：逐帧动画 过渡动画 逐帧动画 由一组连续的关键帧序列组成 帧是构成Flash动画的基本组成元素。Flash时间轴面板上的每一小方格代表一帧。逐帧动画涉及到： 关键帧 包含有内容或对内容的改变起决定性作用的帧。 静止帧 是相邻前一帧的延续。普通的静止帧显示为灰色方格，空白帧显示为白色方格。,动画类型,过渡动画 由两端的关键帧和中间的过渡帧序列组成过渡动画分为位移过渡动画和变形过渡动画。过渡帧 出现于过渡动画的两个关键帧之间,1）对每一关键帧中的内容进行逐个的制作和编辑2）图层 为制作复杂动画而引入的一种手段。将复杂动作分解到不同的图层，图层按一定的顺序重叠在一起，产生综合

8、效果，如同将画有不同图形的玻璃板重叠在一起。3）Alpha通道 Alpha通道是决定图像中每个像素透明度的通道，用不同的灰度值来表示图像的可见程度，共有256级变化。,Flash动画制作基本方法手段,逐帧动画制作,制作的基本方法是对每一帧中的内容进行逐个的制作和编辑，改变帧内元素对象位置和内容例1 制作文字滚动的动画。(例题9.3）,类似地可以实现自左向右滚动、上下滚动和往返滚动的效果。,最后一帧的文字与前一帧的文字坐标保持不变，可使循环播放返回到帧1时产生延迟效果。,过渡动画制作,过渡动画制作的基本方法是通过改变关键帧的位置、形状、颜色和大小等属性来完成。也可通过几个层之间动画的叠加来实现。

9、,过渡动画制作方法之一：变形过渡,变形过渡通过改变对象外形、颜色、大小、位置、翻转、移动和组合等实现动画。例2 制作由圆形变为方形的动画（例题9.4）,在属性面板的补间下拉框中选择形状，两帧之间出现实线箭头，表示补间动画已正确地设置，若出现虚线，则设置有错误。错误原因可能是补间动画的方式错或对象类型不正确。,过渡动画制作方法之二：位移过渡,位移过渡通过改变对象大小、位置、颜色、透明度等实现动画。例3 制作逐渐消失的文字。,设计思路：通过改变帧内元素位置、 颜色和大小的方法 利用颜色亮度、色调、Alpha值可产生变色效果。,注意： 位移过渡动画中的所有对象必须转换为符号或群组。,过渡动画制作方法

10、之三：图层使用,例4 制作小球碰撞运动的动画。设计思路：每个小球在各自的图层上运动，中间一点使2个小球处于相切的位置。,注意： 小球与阴影构成为符号 补间动画采用动作,进一步应用 镜面效果 制作方法,过渡动画制作方法之四：遮罩技术,例5 使用层的遮罩技术滚动显示彩色文字。 （例题9.6） 设计思路：文字色彩使用一幅图片来填充,遮罩技术可以透过遮罩层内图形区域显示被遮罩层的内容，其他区域则不透明。利用遮罩层可产生特殊效果。,注意 文字层(图层2)应位于图片层(图层1)的上方 必须锁定遮罩层与被遮罩层 改变图片的位置或改变文字的位置产生彩色变化的效果,遮罩技术,进一步应用 倒影效果 制作方法 水波

11、用上下变化的线条图形形成，并作为倒影的遮罩层光影效果 制作方法光影效果通过过渡渐变矩形形成 过渡渐变配置可在混色器中完成，选用线性方式,过渡动画制作方法之五：引导层技术,例6 使用引导层使对象沿指定曲线运动。注意 运动对象必须构成一个整体，通常通过创建新元件输入对象。,实例制作,运动引导动画:引导动画通过引导层来实现，引导层是一种特殊的图层，图层中有一条线，可以让对象沿着该条线运动。 【实例4-5】飘落的花朵。操作步骤如下: 新建一个文件，在属性面板中设置背景颜色为蓝色。,实例制作,执行“插入新建元件”，打开“创建新元件”对话框，在“名称”文本框中输入“花”作为元件的名称，并选择“图形”单选项

12、，如图所示。 单击“确定”按钮进入该元件的编辑状态，这时舞台中心有一个十字型标记，表示页面的中心坐标点。 在工具箱的颜色区中设置“笔触颜色”为无色，填充色为白色到紫色的线性渐变。,实例制作,在工具箱中单击“椭圆工具”，在舞台中绘制一个圆形，并且使用“箭头工具”调整它的形状，如图所示。,实例制作,选中此矢量图，按Ctrl+C键将其复制，然后粘贴4份，并且使用“任意变形”工具旋转它们的角度，使其组成一个漂亮的花朵，再在花朵中间绘制一个黄色的圆心，如图所示。,实例制作,执行“插入新建元件”命令，打开“创建新元件”对话框，命名为“落花1”，选择“图形”单选项，单击“确定”按钮创建一个新元件，并进入其编

13、辑界面。 执行“窗口库”命令，将元件库打开，将“花”图形元件拖动到舞台中。 单击“时间轴”面板中的“添加运动引导层”按钮建立一个导向图层，为第一层增加一个动画导向图层，如图所示。,实例制作,在工具箱中单击“铅笔工具”，在舞台中绘制落花飘动的路径，如图所示。,实例制作,选择“箭头”工具，在选项区中单击“对齐对象”按钮，然后单击图层 1中的花朵，将其移动到运动路径的顶端，将花朵吸附到路径上，如图所示。,4.2.3 实例制作,单击花朵所在层的第1帧，打开“属性”面板，在“补间”下拉列表中选择“动画”，如图所示。,实例制作,单击引导层的第15帧，按F5键插入一个普通帧，然后单击图层1的第15帧，按F6

14、键插入一个关键帧，并且将花朵移动到路径的中间位置，这时的舞台如图所示。,实例制作,选择工具箱中的“任意变形工具”，将花朵旋转一定的角度。选中引导层的第15帧，将其拖动到第40帧，使其延续到此位置。再单击图层1的第40帧，插入一个关键帧。将花朵移动到路径的最底端。这时的舞台和时间轴如图所示,实例制作,使用“任意变形工具”将花朵旋转一个角度。用同样的方法制作一个“落花2”图形元件，只是将花朵稍微缩小一点，并绘制不同的路径，如图所示。,实例制作,单击舞台上方的“场景1”按钮，切换到场景中。在打开的元件库中将“落花1”和“落花2”拖动到舞台中的不同位置。单击第40帧，按F5键插入一帧，执行“控制测试影

15、片”命令，可以观看花朵落地的效果。,添加音效,在Flash中不能自己创建或是录制声音，编辑动画所使用的声音文件，需要从外部导入到Flash中。可使用的声音文件类型为. wav与.mp3。 Flash规定声音必须在独立的图层内播放。在影片中加入声音的方法如下： 将声音文件导入到Flash的库中。 为声音创建一个图层，在希望开始播放声音的位置上插入一个空白关键帧。 在属性面板的声音下拉框选择要使用的声音文件的名。,发布与输出,制作完动画之后，可以把生成的动画导出为后缀名为.swf的动画播放文件，也可以把它发布为影片，生成网页浏览器支持的HTML、GIF、JPEG文件。 当动画导出为影片或者是完成H

16、TML文档的创建后，就可以上载给有MIME类型文件、能识别Flash影片的浏览器，任何带有Flash播放器（Shockwave Flash Player）的浏览器都可以播放它。,发布与输出,发的过程为： 发布设置 选择“文件|发布设置”命令，指定要发布的文件格式和文件名。每种图形格式都有相应的选项，在选择了一种图形格式发布时Flash会自动嵌入该图形的HTML代码。 发布 设置完成后可直接单击发布按钮，或关闭对话框后选择“文件|发布”命令。,发布与输出,在输出为GIF文件时，如果指定为静态，只输出指定的帧（默认为第1帧），在以动态GIF格式输出时，如果不作指定，Flash输出电影所有的帧；如果要输出电影中的某一段，可以把一段中的开始帧和结束帧的标签设置为First和Last。 如果输出为HTML文件，在对应选项卡需要指定模板，模板文件会在输出文件内插入HTML参数。 当通过导出影片命令输出为电影时，swf格式为Flash本身特有的文件格式，输出的文件量小，效果不失真。而输出为avi文件后，可在视屏编辑应用程序中进行编辑。,