1 / 82

Flash 动画制作

Flash 动画制作. Flash 基础知识. Flash 简单动画制作. 外部素材导入与处理. 内容简介. 交互控制（ AS）. Flash 综合作品制作. Flash 基础知识. Flash 概述 Flash 作品称为“影片”。而影片是由一格格的画面按一定的速度连续播放的。 每一影格称为“帧( Frame)”， 一系列的帧按时间播放。 Flash 默认的播放速度是12 fps。 将每秒均等地划分为12份，每一帧在播放时显示1/12秒。 帧速是可调的. Flash 基础知识. Flash 的三种文件格式 . FLA ：

vaughan-johns
Download Presentation

Flash 动画制作

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Flash动画制作

  2. Flash基础知识 Flash简单动画制作 外部素材导入与处理 内容简介 交互控制（AS） Flash综合作品制作

  3. Flash基础知识 • Flash概述 • Flash作品称为“影片”。而影片是由一格格的画面按一定的速度连续播放的。 • 每一影格称为“帧(Frame)”，一系列的帧按时间播放。 • Flash默认的播放速度是12fps。将每秒均等地划分为12份，每一帧在播放时显示1/12秒。 • 帧速是可调的

  4. Flash基础知识 • Flash的三种文件格式 • .FLA： • 相当于Flash源文件，将动画过程保存后生成。 • .SWF • 当动画过程制作完成后，通过导出影片或测试(Crtl+Enter)生成.SWF文件。可在Flash播放器中播放，不可编辑，但比 .fla 文件小很多。 • .EXE • 通过发布成.EXE。文件包含了Flash播放器和SWF内容的程序，可直接观看。

  5. Flash基础知识 • Flash工作界面 • 主菜单 • 绘图工具栏 • 时间线 • 工作区（舞台） • 面板

  6. 主菜单 时间线 工作区/舞台 浮动面板 动作面板 工具栏 属性面板 返 回

  7. Flash基础知识 • 课件中的图形绘制 • 直线工具 • 直线属性有：颜色，粗细，线型，角度 • 点击直线工具后，在属性面板中，设置颜色，粗细，线型 • 按鼠标左键拖动或Shift+拖动，生成任意、水平、垂直、45度直线 • 绘制弧线

  8. Flash基础知识 • 课件中的图形绘制 • 矩形工具 （多边形，星形，椭圆 ） • 矩形由边框和填充区两部分组成 • 边框同直线属性设置 • 填充色通过颜料桶实现 • 图形的填充色 • 纯色 • 线性渐变 • 放射状渐变 • 位图

  9. Flash基础知识 • 课件中的图形绘制 • 铅笔工具 • 绘制任意形状的曲线，属性设置同直线 • 选中铅笔工具后，单击辅助选项面板的铅笔模式按钮 • 伸直 • 平滑 • 墨水

  10. Flash基础知识 • 课件中的图形绘制 • 刷子工具 • 绘制刷子般的笔触，用于创建矢量色块图形（颜料桶设置） • 选中刷子工具后，辅助选项面板的有四种选项供选择 • 刷子模式 • 锁定填充 • 刷子大小 • 刷子形状

  11. Flash基础知识 • 课件中的文字编辑 • 文本工具 • 静态文字 • 说明或提示，不能更新 • 动态文字（需要结合ActionScript） • 随时更新，可由外部文件读入 • 输入文字（需要结合ActionScript） • 输入文字及处理

  12. Flash基础知识 • 课件中的对象处理 • 对象的选取、复制、粘贴、移动和删除 • 选取 • 主选/副选工具、按住shift选择多个对象 • 复制 • 按住alt拖动对象 • 粘贴 • 粘贴在舞台中央、原位、选择性位置 • 移动 • 窗口设计面板信息

  13. Flash基础知识 • 课件中的对象处理 • 利用主选工具 变形 • 移动/增加端点 • 直线曲线化 • 利用部分选取工具 变形 • 拖动控点

  14. Flash基础知识 拖动圆心可以确定变形的轴心 • 课件中的对象处理 • 利用任意变形工具 • 整体形状的变化 • 旋转/倾斜 • 缩放 • 扭曲 • 封套 • 利用变形面板 • 窗口设计面板变形 旋转 倾斜 扭曲 封套 缩放

  15. Flash基础知识 • 课件中的对象处理 • 填充变形工具 • 通过调整填充区域的大小，方向，中心点位置，实现线性，放射状，位图填充的变形。 • 以线性填充变形为例，放射状，位图填充略 改变渐变方向 移动渐变中心点 改变渐变量

  16. 播放头 帧 层列表 Flash简单动画制作 • 重要概念 • 时间线 • 把沿时间播放的这个方向称为“时间线”。包括层(Layer)、帧(Frame)和播放头(Playhead) • 功能：按照时间顺序组织和控制动画的内容

  17. Flash简单动画制作 • 重要概念 • 帧（Frame）：动画制作时的画面 • 关键帧 是“实”的，不管有内容的还是空白关键帧 ，都确实存在，且可编辑。 • 扩展帧 ：无法放置任何对象，起延长或配合动画渐变作用 • 虚帧：介于（空白）关键帧和扩展帧之间，其内容是据关键帧的内容计算出来，不能进行编辑 • 帧的标识 关键帧与扩展帧，空白关键帧与扩展帧 形状补间动画 补间失败 补间失败 动作补间动画

  18. Flash简单动画制作 • 重要概念 • 帧的操作： • 属性设置：帧标签，帧注释，帧锚记 • 选取：单击选中单帧，ctrl选择连续或非连续帧 • 添加：快捷键F5，F6，F7 • 复制/粘贴：复制是整个帧的内容 • 移动：Alt复制移动 • 删除： • 翻转：倒放动画

  19. Flash简单动画制作 • 重要概念 • 层（Layer）： • 一个场景可由几个图层组成，每个图层的内容由图像、动画、组件或音效等构成。放在上层的对象会遮盖下层的重叠部分。 • 层的操作： • 创建图层（文件夹） • 删除 • 命名 • 显示与隐藏 • 锁定 • 复制：通过复制帧的方式 • 移动

  20. Flash简单动画制作 • 重要概念 • 元件（Symbol）： • 可以重复利用的可编辑对象，包括图形，按钮，影片剪辑，声音，位图，字体等，它存在库中。 • 类型有：图形，按钮，影片剪辑 • 元件创建方法： • 将舞台中的元素转换成元件 • 直接创建新元件

  21. Flash简单动画制作 逐帧动画 • 每一帧都是关键帧,通过每帧的内容变化产生动画效果 • 繁星闪烁实例制作（关键点） • 注意帧速 • 将星星转换为元件 • F6插入关键帧后调节各帧对象的透明度，从而产生闪烁效果 • 其他实例 • 字符闪烁 • 打字机效果

  22. Flash简单动画制作 形状补间动画 • 根据对象（对象必须为矢量图形）的形状变化来实现动画效果 • 书上实例制作（关键点）

  23. Flash简单动画制作 动作补间动画 • 实体属性的改变来形成动画效果 • 对象必须是 • 一个符号的实体 • 文本 • 组 • 对象可变化的属性 • 位置 • 大小 • 旋转角度 • 透明度等

  24. Flash简单动画制作 引导动画 • 让实体沿着一定的路径运动产生的动画效果。 • 引导层的作用：使对象实体沿着引导层中的路径（直线、斜线、不规则曲线等）运动。 • 创建引导层的方法 • 在需要成为引导层的层上点击右键，选择“引导” • 在需要被引导的层的时间线上单击鼠标，选择“添加引导层” • 引导层和被引导层的关联方法： • 直接将被引导层拖到引导层下方 • 右键单击图层，选取“引导”或“被引导”

  25. Flash简单动画制作 • 制作要点： • 绘制小鸟，并转化为符号（元件），锁定鸟图层1 • 添加引导层2，创建文本曲线（不闭合），并打散 • 在鸟图层1的第70帧插入关键帧，并创建运动补间动画（1－70帧之间） • 在引导层2的第70帧插入扩展帧 • 用“捕捉工具”将鸟图层1的第1帧和第70帧上的小鸟中心点分别捕捉到文本曲线的缺口端点 • 测试效果，此时没有文本曲线，假如需要看到运动轨迹，则再创建一普通层粘贴引导层2的文本曲线做为轨迹

  26. Flash简单动画制作 • 小结： • 引导层的特点： • 引导层可以控制被引导层的运动补间动画的路径，路径是连续的曲线。当被引导层的开始位置运动到结束位置有不止一条路径时，系统会自动选择较短的路径作为引导路径 。若补间动画的开始位置和结束位置在同一个地方则不能实现引导层动画效果 • 引导层中的对象（即：路径）不会在动画中显示 • 制作引导动画注意点： • 引导路径必须是连续，并且是分离属性（即：打散）的线条 • 被引导的对象必须是 • 被引导的对象的中心必须要和路径线条重叠 • 符号的实体、文本、组 “可运动的”

  27. Flash简单动画制作 • 特殊的动画2－－遮罩动画 • 遮罩层的对象实体以透明方式显示，被遮罩层的对象实体只能透过遮罩层对象实体显示 • 创建遮罩层的方法 • 选取要成为遮罩层的层，单击右键，选取“遮罩” • 遮罩层和被遮罩层的关联方法 • 直接将被遮罩层拖到遮罩层下方 • 右键单击图层，选取“遮罩”或“被遮罩”

  28. 背景层 文本层 遮罩层 卷轴右 卷轴左 在35帧插入扩展帧， 设置背景层为遮罩层， 文本层相应成为被遮罩层 在35帧插入关键帧， 创建运动补间动画（1－35帧） 注意各层的 位置关系 Flash简单动画制作 • 制作要点 导入图片，作为背景 制作文字荧光效果 绘制矩形，盖过背景，并转化为符号（元件） 绘制卷轴，高过背景，并转化为符号（元件） 粘贴卷轴右 在35帧插入关键帧， 创建运动补间动画 （1－35帧）

  29. Flash简单动画制作 • 小结： • 制作遮罩动画需要注意的： • 可以遮盖任何同遮罩层相关联的图层（被遮罩层）的内容 • 遮罩层中的对象必须是色块、文字、元件、电影剪辑（MovieClip）、按钮或群组对象，但是位图及线条在遮罩层上是不起作用的，就是不能对被遮罩层起作用，而被遮层不管线条或是位图都不被限制 • 拓展练习： • MTV片头动画 • 毛笔字效果

  30. Flash特效制作 • 音效 • 声音的导入 • 支持格式：WAV，MP3，AIFF • 导入方法：文件导入导入到舞台 • 声音播放设置 • 声音文件的选择 • 声音效果的设置 • 同步方式的设置

  31. Flash 提供了许多使用声音的方式。可以使声音独立于时间轴连续播放；或使动画与一个声音同步播放；还可以向按钮添加声音，使按钮具有更强的感染力；另外，通过设置淡入淡出效果还可以使声音更加优美。 只有将外部的声音文件导入到Flash中以后，才能更进一步的在动画中加入声音效果。能直接导入Flash应用的声音文件，主要包括WAV和MP3两种格式。 一般情况下，在Flash中应用声音主要包括以下几个重要内容：导入声音、引用声音、编辑声音、压缩声音。

  32. 一、导入声音 执行【文件】｜【导入】｜【导入到库】命令，将外部声音导入到当前影片文档的【库】面板中 等导入声音处理完毕以后，你就可以在【库】面板中看到刚导入的声音，今后我们就可以像使用元件一样使用声音对象了

  33. 二、引用声音 在时间轴上上新建一个图层，并重新命名为“声音”，选择这个图层的第1帧（须为关键帧），然后将【库】面板中的“背景音乐”声音对象拖放到场景中 你会发现【声音】图层上出现了声音对象的波形，这说明我们已经将声音引用到【声音】图层了。

  34. 三、设置声音属性 选择【声音】图层的第1帧，打开【属性】面板，你可以发现，原来【属性】面板里面有很多设置和编辑声音对象的参数，如图所示。 声音的【属性】面板

  35. 各参数详解如下： 1、【声音】选项： 从中可以选择要引用的声音对象，这也是另一个引用库中声音的方法。 2、【效果】选项：从中可以选择一些内置的声音效果，比如让声音的淡入、淡出等效果。如图所示声音效果设置：

  36. 以下是对各种声音效果的解释： 【无】：不对声音文件应用效果，选择此选项将删除以前应用过的效果。 【左声道】/【右声道】：只在左或右声道中播放声音。 【从左到右淡出】/【从右到左淡出】：会将声音从一个声道切换到另一个声道。 【淡入】：会在声音的持续时间内逐渐增加其幅度。 【淡出】：会在声音的持续时间内逐渐减小其幅度。 【自定义】：可以使用“编辑封套”创建声音的淡入和淡出点。

  37. 3、【编辑】按钮：单击这个按钮可以进入到声音的编辑对话框中，对声音进行更进一步的编辑。3、【编辑】按钮：单击这个按钮可以进入到声音的编辑对话框中，对声音进行更进一步的编辑。 4、【同步】：这里可以选择声音和动画同步的类型，默认的类型是【事件】类型。另外还可以设置声音重复播放的次数。 打开【同步】菜单，这里可以设置【事件】、【开始】、【停止】和【数据流】四个同步选项

  38. 【事件】选项会将声音和一个事件的发生过程同步起来。事件声音在它的起始关键帧开始显示时播放，并独立于时间轴播放完整个声音，即使SWF文件停止也继续播放。当播放发布的SWF文件时，事件声音混合在一起。【事件】选项会将声音和一个事件的发生过程同步起来。事件声音在它的起始关键帧开始显示时播放，并独立于时间轴播放完整个声音，即使SWF文件停止也继续播放。当播放发布的SWF文件时，事件声音混合在一起。 【开始】与【事件】选项的功能相近，但如果声音正在播放，使用【开始】选项则不会播放新的声音实例。 【停止】选项将使指定的声音静音。 【数据流】选项将同步声音，强制动画和音频流同步。与事件声音不同，音频流随着 SWF文件的停止而停止。而且，音频流的播放时间绝对不会比帧的播放时间长。当发布SWF 文件时，音频流混合在一起。

  39. 通过【同步】弹出菜单还可以设置【同步】选项中的【重复】和【循环】属性。为【重复】输入一个值，以指定声音应循环的次数，或者选择【循环】以连续重复声音，如图所示。通过【同步】弹出菜单还可以设置【同步】选项中的【重复】和【循环】属性。为【重复】输入一个值，以指定声音应循环的次数，或者选择【循环】以连续重复声音，如图所示。 注意：建议不要循环播放音频流。如果将音频流设为循环播放，帧就会添加到文件中，文件的大小就会根据声音循环播放的次数而倍增。

  40. 四、压缩声音 Flash动画在网络上流行的一个重要原因就是因为它的体积小，这时因为当我们输出动画时，Flash会采用很好的方法对输出文件进行压缩，包括对文件中的声音的压缩。但是，如果你对压缩比例要求得很高，那么就应该直接在【库】面板中对导入的声音进行压缩了。 （1）打开【声音属性】对话框 双击【库】面板中的声音图标，打开【声音属性】对话框 （2）进行MP3压缩设置 如果要导出一个以 MP3 格式导入的文件，可以使用与导入时相同的设置来导出文件，在【声音属性】对话框中，从【压缩】菜单中选择【MP3】，选择【使用导入的 MP3 品质】。

  41. 视频的导入与控制 Flash动画是一种基于“流”技术的交互式矢量动画，而“视频”，是一种与其迥然不同的动画格式，是更接近于现实世界的“连续图像序列”，我们能把视频文件嵌入到Flash作品中，使Flash动画与“视频”的真实性有机地结合起来

  42. 视频的导入与控制 一．支持的视频类型 二．将视频导入Flash中 三. 使用【行为】面板控制视频

  43. 一．支持的视频类型 Ｆlash支持的视频类型会因电脑所安装的软件不同而不同 Flash 8支持的视频格式

  44. 二．将视频导入Flash中 1. 利用向导将视频导入Flash中 执行【文件】｜【导入】｜【导入到舞台】命令或者执行【文件】｜【导入】｜【导入到库】命令。 无论我们选择哪一种导入的方式，都将打开一个【导入】对话框

  45. Flash MTV创作 一. 动画素材的准备 二. 歌词与音乐的同步 三. 动画预载的制作方法

  46. 一. 动画素材的准备 <一> 音乐素材的准备和前期处理 1.选择音乐的格式 2.音乐的前期处理 3.在GoldWave中剪裁和编辑音乐 <二>  动画素材的准备工作 1. 将位图转换为矢量图 2. 手工绘制矢量素材

  47. 二. 歌词与音乐的同步 <一> 音乐的导入和编辑 1. 将音乐导入Flash 2. 计算和查看音乐长度 <二> 流类型的音乐设置 MTV作品要用流类型声音 <三> 歌词与音乐同步的方法 标识歌词的位置 歌词的制作 歌词文本的特殊效果

  48. ActionScript基础 • 动作面板 备选脚本窗格 脚本编辑区 脚本切换区

  49. 第一节 动作脚本与[动作]面板 一、ActionScript 简介 二、认识Actions面板

More Related