Flashch2(1)

769 views
699 views

Published on

Published in: Technology, Art & Photos
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
769
On SlideShare
0
From Embeds
0
Number of Embeds
20
Actions
Shares
0
Downloads
18
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Flashch2(1)

  1. 1. 使用 Flash MX 2004 制作动画 <ul><li>元件 </li></ul><ul><li>层 </li></ul><ul><li>帧 </li></ul><ul><li>制作逐帧动画 </li></ul><ul><li>制作渐变动画 </li></ul><ul><li>编辑动画 </li></ul><ul><li>特效制作实例 </li></ul><ul><li>为动画添加音频 </li></ul>
  2. 2. 使用元件 <ul><li>元件是存放在库中的可反复取用的图形、动画、按钮和音频。将元件从库拖入台,就生成了一个实例。 </li></ul><ul><li>元件的类型:图形、影片、按钮 </li></ul>
  3. 3. <ul><li>图形:可反复取用的图片,用于构建动画主时间轴上的内容。一般只含有一帧静止图片。不能对它添加交互行为和声音控制。 </li></ul><ul><li>影片剪辑:代表可反复取用的一段小动画。可独立于主时间轴进行播放。不能添加相互控制。 </li></ul><ul><li>按钮;用于创建动画的交互控制按钮。可响应事件,添加交互动作。 </li></ul>
  4. 4. 元件创建 <ul><li>可把画板上的对象直接转换成元件 , 也可新建一个空白元件 . 元件的内容可以只有一帧 , 也可以由多帧组成 . </li></ul><ul><li>如果已经创建了动画 , 并且以后还要用到它 , 或者希望将它作为实例来处理 , 可将该动画转换为影片剪辑 . </li></ul><ul><li>步骤 : 选取动画所有层上的所有帧 , 复制帧 , 确定画板上没有选取对象 ,“ 选择” ----“ 新元件” </li></ul>
  5. 5. <ul><li>复制已知元件的内容 : </li></ul><ul><li>在“库”面板选取想要的元件 , 打开设置菜单 , 选择“重制” , 在弹出的‘复制元件’对话框中设置复制元件的名称和类型 , 单击‘确定’ , 即增加了一个新元件 , 可以对它进行编辑 . </li></ul>
  6. 6. 元件的编辑 <ul><li>元件编辑的三种模式 : </li></ul><ul><li>在元件编辑模式下进行编辑 , 从主场景切换到元件编辑模式 </li></ul><ul><li>在新建窗口中进行编辑 : 选取元件 , 右击 ,…… </li></ul><ul><li>在当前模式下编辑元件:选取,右击。 </li></ul>
  7. 7. 按钮元件 <ul><li>按钮的创建 </li></ul><ul><li>按钮是一种特殊的元件,有不同的状态,可以添加行为动作。 </li></ul><ul><li>如何创建按钮 : 设置按钮的各种状态 . </li></ul><ul><li>如何给按钮添加声音 : 添加新图层 , 选择 OVER 状态并添加一个关键帧 , 选择声音 . </li></ul><ul><li>停止声音 ; 在声音图层选择希望声音停止的帧 ,, 按 F6, 在属性面板选择 STOP. </li></ul>
  8. 8. 引导层 <ul><li>引导层 : 给对象定位 . 作引导层动画 , 先作一简单的运动补间动画 , 再添加引导层 , 选择引导层的第一帧 , 用绘图工具画一路径 , 在动画结束处插一普通帧 . 对齐 . </li></ul><ul><li>遮罩层 : 遮罩层下面的内容就像透过一个洞一样地显示出来 . 这个洞的形状就是遮罩层上的内容的形状 . 通过遮罩层可以作出聚光灯效果和流动效果 . </li></ul>
  9. 9. <ul><li>步骤 ;1) 先建一个内容层 . </li></ul><ul><li>2) 再在内容层新建层 , 绘制一遮罩形状 , 不用笔触 , 但一定有填充 . 把它转换成元件 , 制作成动画 , 再把该层设置成遮罩层 . </li></ul><ul><li>遮罩层的关联 </li></ul><ul><li>与遮罩层脱离关联 . </li></ul>
  10. 10. 帧 <ul><li>帧代表时刻 , 画面随时间的变化而改变 , 就成了动画 . 制作动画的两种方式 ; 逐帧动画、补间动画。逐帧动画需要在每一帧上创建一个不同的画面,连续的帧组合成连续的画面。补间动画史需确定动画的起点帧和终点帧的画面,中间部分由 FLASH 自动生成。在某时刻需定义新的状态,就要插入,关键帧数目越多,文件越大 </li></ul>
  11. 11. 关键帧 <ul><li>关键帧为圆点标志 , 分为空白关键帧和实关键帧 . 普通帧为方块标志 . 关键帧后面的普通帧将继承关键帧的内容 . </li></ul><ul><li>编辑帧:插入、删除、复制、粘贴、移动、翻转帧。 </li></ul><ul><li>设置帧频,帧频是指动画的播放速度, fps (帧 / 秒) </li></ul>
  12. 12. 制作逐帧动画 <ul><li>由一个个密集的关键帧组成。适合作复杂的动画。体积大。 </li></ul><ul><li>制作补间动画:补间动画和补间形状。 </li></ul><ul><li>补间动画的对象:组合或元件。 </li></ul><ul><li>补间形状的对象:不是组合或元件。 </li></ul>
  13. 13. 编辑动画 <ul><li>用洋葱皮工具编辑关键帧。它具有填充模式显示、线框模式显示、多帧编辑和游标设置。 </li></ul>
  14. 14. 为动画添加音频 <ul><li>导入音频 : 将音频文件导入到库中 . 最好采用 22KHZ 17 位的单声音频 . </li></ul><ul><li>添加音频 : 创建一个单独的层 , 专门存放音频文件 . 在属性面板中设置 . </li></ul>
  15. 15. 动作和组件 <ul><li>动作脚本是 FLASH 内开发应用程序时所使用的语言 . 可以增加 FLASH 的功能、交互性。 </li></ul><ul><li>见 FLASH.DOC 文档 . </li></ul>
  16. 16. 输出和发布动画 <ul><li>动画文件的优化 </li></ul><ul><li>动画下载性能的测试 </li></ul><ul><li>动画的输出 </li></ul><ul><li>动画的发布 </li></ul><ul><li>发布动画的预览 </li></ul>
  17. 17. <ul><li>FLASH 的主要输出格式为 .SWF, 该格式是支持动画中所有交互功能的唯一格式 . 还可以将 FLASH 动画输出为 .GIF .JPG .PNG BMP </li></ul><ul><li>等图像格式 . </li></ul><ul><li>利用”发布”可为 FLASH 网站一次性创建所需的所有文件 . 并将 FLASH 动画嵌入到网页中 . </li></ul>
  18. 18. 准备输出和发布动画 <ul><li>在输出和发布之前 , 对动画文件的进行优化 , 使动画达到最小 . </li></ul><ul><li>对于多次出现的元素应尽量转换为符号 . </li></ul><ul><li>尽量使用渐变动画 . 使用实型线条 </li></ul><ul><li>将变化的元素和不变化的元素放在不同的层次上 . </li></ul><ul><li>选择“修改” ----“ 形状”—“优化”,命令进行优化 </li></ul><ul><li>尽量减少文本使用的字体和样式。 </li></ul>
  19. 19. <ul><li>音频文件尽量用 MP3 </li></ul><ul><li>位图文件只应作为背景。 </li></ul><ul><li>限制每个关键帧的变化区域,使交互动作的作用区域尽可能少。 </li></ul><ul><li>尽量将多个元素组合起来。 </li></ul><ul><li>少用渐变色彩。 </li></ul><ul><li>利用颜色列表,使动画的调色板与浏览器所用的调色板相符 </li></ul><ul><li>就在不同计算机上测试动画。以调整效果。 </li></ul>
  20. 20. 动画下载性能测试 <ul><li>控制——测试场景(测试影片) </li></ul>
  21. 21. 动画的输出 <ul><li>文件——导出——导出图像,输出单帧的图像。 </li></ul><ul><li>文件——导出——导出影片,,可以将整个动画输出为某种格式的动画文件。 .swf .avi </li></ul><ul><li>.mov .gif .wav </li></ul>
  22. 22. FLASH 动画的发布 <ul><li>FLASH 文件的发布 </li></ul><ul><li>GIF 文件的发布设置 </li></ul><ul><li>JPG 文件的发布设置 </li></ul>

×