项目一 认识设计环境 项目一 认识设计环境

《《 FLASHFLASH 动画设计》精品课程组动画设计》精品课程组

界面认识 2

工具及面板的认识 3

舞台的设置 4

动画基础 5

FLASH概述 1

11 、、 FLASHFLASH 概述概述

• FLASHFLASH流行角色流行角色• FLASHFLASH动画概述动画概述• flashflash动画影片制作六步动画影片制作六步• 动画时间的技巧动画时间的技巧• FLASHFLASH的特点的特点

11 、、 FLASHFLASH 概述概述

• FLASHFLASH流行角色流行角色

11 、、 FLASHFLASH 概述概述

11 、、 FLASHFLASH 概述概述

11 、、 FLASHFLASH 概述概述

11 、、 FLASHFLASH 概述概述

• FLASHFLASH动画概述动画概述

动画是将静止的画面变为动态的动画是将静止的画面变为动态的艺术，实现由静止到动态，主要是靠人艺术，实现由静止到动态，主要是靠人眼的视觉残留效应．利用人的这种视觉眼的视觉残留效应．利用人的这种视觉生理特性可制作出具有高度想象力和表生理特性可制作出具有高度想象力和表现力的动画影片。 现力的动画影片。

动画与动画设计动画与动画设计 (( 即原画即原画 )) 是不是不同的概念，原画设计是动画影片的基础同的概念，原画设计是动画影片的基础工作．原画设计的每一镜头的角色、动工作．原画设计的每一镜头的角色、动作、表情，相当於影片中的演员．所不作、表情，相当於影片中的演员．所不同的是设计者不是将演员的形体动作直同的是设计者不是将演员的形体动作直接拍摄到胶片上，而是通过设计者的画接拍摄到胶片上，而是通过设计者的画笔来塑造各类角色的形象并赋予他们生笔来塑造各类角色的形象并赋予他们生命、性格和感情。命、性格和感情。

11 、、 FLASHFLASH 概述概述

动画片中的动画一般也称为动画片中的动画一般也称为 "" 中中间画间画 "" ．这是指两张原画的中间过程而．这是指两张原画的中间过程而言的．动画片动作的流畅、生动，关键言的．动画片动作的流畅、生动，关键要靠要靠 "" 中间画中间画 "" 的完善．一般先由原画的完善．一般先由原画设计 者绘制出原画，然后动画设计者设计 者绘制出原画，然后动画设计者根据原画规定的动作要求以及帧数绘制根据原画规定的动作要求以及帧数绘制中间画．原画设计者与动画设计者必须中间画．原画设计者与动画设计者必须有良好的配合才能顺利完成动画片的制有良好的配合才能顺利完成动画片的制作。作。

11 、、 FLASHFLASH 概述概述

动画绘制需要的工具一般有：拷贝动画绘制需要的工具一般有：拷贝箱工作台、定位器、铅笔、橡皮、颜料、箱工作台、定位器、铅笔、橡皮、颜料、曲线尺等．方法是：按原画顺序将前后曲线尺等．方法是：按原画顺序将前后两张画面套在定位器上，然后再覆盖一 两张画面套在定位器上，然后再覆盖一 张同样规格的动画纸，通过台下拷贝箱张同样规格的动画纸，通过台下拷贝箱的灯光，在两张原画动作之间先画出第的灯光，在两张原画动作之间先画出第一张中间画一张中间画 (( 称为第一动画称为第一动画 )) ，然后再将，然后再将第一动画与第一张原画叠起来套在定位第一动画与第一张原画叠起来套在定位器上， 覆盖另一张空白动画纸画出第二器上， 覆盖另一张空白动画纸画出第二动画．依此方法，绘制出两张原画之间动画．依此方法，绘制出两张原画之间的全部动作。的全部动作。

11 、、 FLASHFLASH 概述概述

11 、、 FLASHFLASH 概述概述• flashflash动画影片制作六步动画影片制作六步

1.1. 由编导由编导 (( 可以是你自己可以是你自己 )) 确定动画剧本及确定动画剧本及分镜头脚本； 分镜头脚本；

2.2. 美术动画设计人员设计出动画人物形象； 美术动画设计人员设计出动画人物形象； 3.3. 美术动画设计人员绘制、编排出分镜头画美术动画设计人员绘制、编排出分镜头画

面脚本； 面脚本； 4.4. 动画绘制人员进行绘制； 动画绘制人员进行绘制； 5.5. 导入到导入到 flashflash 进行制作； 进行制作； 6.6. 剪辑配音。剪辑配音。

在分镜头画面脚本绘制过程中，在分镜头画面脚本绘制过程中，应养成填表的好习惯，在表格中注明画应养成填表的好习惯，在表格中注明画面的景别，画面景别使用的专业术语有：面的景别，画面景别使用的专业术语有：大特写、特写、近景、中景、全景、远大特写、特写、近景、中景、全景、远景、全远景、纵深景等。景、全远景、纵深景等。

画面 镜头号 景别 秒数 内容摘要 画面 镜头号 景别 秒数 内容摘要 对白 效果 音乐对白 效果 音乐

11 、、 FLASHFLASH 概述概述

11 、、 FLASHFLASH 概述概述

• 动画时间的技巧动画时间的技巧11 、时间与帧数 、时间与帧数

对动画时间的基本考虑是放映速度：对动画时间的基本考虑是放映速度：电影和电视的放映速度是电影和电视的放映速度是 2424 帧／秒，而帧／秒，而动画片一般有动画片一般有 1212 帧就可以了，然后录制帧就可以了，然后录制或拍摄时进 行双格处理。如果绘制动作或拍摄时进 行双格处理。如果绘制动作较快的动画最好进行单格处理，即每秒较快的动画最好进行单格处理，即每秒要绘制要绘制 2424个画面。对於快速奔跑的动作，个画面。对於快速奔跑的动作，一般采用一般采用 88 帧单格画面。对於物体发生帧单格画面。对於物体发生震动用单格处理 两端的动作就可以了。震动用单格处理 两端的动作就可以了。

11 、、 FLASHFLASH 概述概述

22 、动画的间格距离表现 、动画的间格距离表现 物体的静止到移动到静止都有类似的规物体的静止到移动到静止都有类似的规律：静止开始时速度慢、运动中的速度律：静止开始时速度慢、运动中的速度快、运动停止时的速度慢．表现在帧数快、运动停止时的速度慢．表现在帧数上则是：从静止到运动帧数逐渐减少，上则是：从静止到运动帧数逐渐减少，从运动到静止帧数逐渐增加，中间运动从运动到静止帧数逐渐增加，中间运动过程的速度最快，帧数也最少。过程的速度最快，帧数也最少。

11 、、 FLASHFLASH 概述概述33 、循环动作的时间 、循环动作的时间

在动画中经常会有循环动作，但不同的情况需要的在动画中经常会有循环动作，但不同的情况需要的帧数也是不同的。如：快速飘扬的旗需要帧数也是不同的。如：快速飘扬的旗需要 66 帧画面循环；帧画面循环；又如火焰的循环，大火的动作循环从底部烧到顶部 可能需又如火焰的循环，大火的动作循环从底部烧到顶部 可能需要几秒，而小火的循环只需要几帧；下雨的循环动作最好要几秒，而小火的循环只需要几帧；下雨的循环动作最好设置两层，前层雨水穿过屏幕，一般需设置两层，前层雨水穿过屏幕，一般需 66 帧画面，后层雨帧画面，后层雨水穿过屏幕的时间慢於前层，循环的帧数也 相应多於前层；水穿过屏幕的时间慢於前层，循环的帧数也 相应多於前层；下雪的动画则至少需要有下雪的动画则至少需要有 33 种大小不同的雪花，循序的时种大小不同的雪花，循序的时间约需要间约需要 22 秒；一个急速跑步动作需秒；一个急速跑步动作需 44 帧画面，快跑动作帧画面，快跑动作需需 88 帧画面，慢跑动作则需帧画面，慢跑动作则需 12 12 帧，超过帧，超过 16 16 帧，画面就失帧，画面就失去冲刺感觉；大象需要去冲刺感觉；大象需要 1~1.51~1.5 秒完成一个完整的步子；小秒完成一个完整的步子；小动物如猫的一个动作只需动物如猫的一个动作只需 0.5 0.5 秒或更少；鹰的翅膀一个循秒或更少；鹰的翅膀一个循环需要环需要 88 帧；小麻雀的翅膀循环动作有帧；小麻雀的翅膀循环动作有 22 帧画面就可以了。帧画面就可以了。

11 、、 FLASHFLASH 概述概述

• FLASHFLASH的特点的特点1. 1. 使用矢量图形和流式播放技术。使用矢量图形和流式播放技术。

与位图图形不同的是，矢量图形与位图图形不同的是，矢量图形可以任意缩放尺寸而不影响图形的质量；可以任意缩放尺寸而不影响图形的质量；

流式播放技术使得动画可以边播放边下流式播放技术使得动画可以边播放边下载，从而缓解了网页浏览者焦急等待的载，从而缓解了网页浏览者焦急等待的情绪。情绪。

11 、、 FLASHFLASH 概述概述

2. 2. 通过使用关键帧和图符使得所生成的通过使用关键帧和图符使得所生成的动画动画 (.swf)(.swf) 文件非常小。文件非常小。

几几 KK字节的动画文件已经可以实字节的动画文件已经可以实现许多令人心动的动画效果，用在网页现许多令人心动的动画效果，用在网页设计上不仅可以使网页更加生动，而且设计上不仅可以使网页更加生动，而且小巧玲珑下载迅速，使得动画可以在打小巧玲珑下载迅速，使得动画可以在打开网页很短的时间里就得以播放。开网页很短的时间里就得以播放。

11 、、 FLASHFLASH 概述概述

• 3. 3. 把音乐，动画，声效，交互方式融把音乐，动画，声效，交互方式融合在一起。合在一起。

越来越多的人已经把越来越多的人已经把 FlashFlash 作为作为网页动画设计的首选工具，并且创作出网页动画设计的首选工具，并且创作出了许多令人叹为观止的动画了许多令人叹为观止的动画 ((电影电影 )) 效效果。而且在果。而且在 Flash4.0Flash4.0 的版本中已经可的版本中已经可以支持以支持 MP3MP3 的音乐格式，这使得加入的音乐格式，这使得加入音乐的动画文件也能保持小巧的“身音乐的动画文件也能保持小巧的“身材”。材”。

11 、、 FLASHFLASH 概述概述

4. 4. 强大的动画编辑功能使得设计者可以随强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画。心所欲地设计出高品质的动画。

通过通过 ACTIONACTION 和和 FS COMMANDFS COMMAND可以实现交互性，使可以实现交互性，使 FlashFlash 具有更大的具有更大的设计自由度，另外，它与当今最流行的设计自由度，另外，它与当今最流行的网页设计工具网页设计工具 DreamweaverDreamweaver 配合默契，配合默契，

可以直接嵌入网页的任一位置，非常方可以直接嵌入网页的任一位置，非常方便。便。

总之，总之， FlashFlash已经慢慢成为网页动已经慢慢成为网页动画的标准，成为一种新兴的技术发展方画的标准，成为一种新兴的技术发展方向。向。

22 、界面认识、界面认识

• 菜单栏菜单栏• 编辑栏编辑栏• 工具箱工具箱• 时间轴时间轴• 工作区工作区• 属性面板属性面板• 侧边栏侧边栏

22 、界面认识、界面认识

33 、、工具及面板的认识工具及面板的认识

• 工具栏及面板的打开和关闭工具栏及面板的打开和关闭 • 标尺和网格的打开和关闭标尺和网格的打开和关闭

44 、、舞台的设置舞台的设置

44 、、动画基础动画基础

制作一个圆形的动作动画，并测试影片制作一个圆形的动作动画，并测试影片