动画设计方案与制作.ppt

《动画设计方案与制作.ppt》由会员分享，可在线阅读，更多相关《动画设计方案与制作.ppt（40页珍藏版）》请在三一办公上搜索。

1、动画设计与制作,Flash CS3中文版实例教程,教 师：张红艳办公室：67#D203电 话：E-mail：,第 一 课,Flash 基础知识及软件界面的认识,本 章 学 习 目 标,了解Flash动画的特点及应用领域；了解Flash CS3 的工作界面、菜单和工具；熟悉Flash cs3的工作环境；掌握Flash cs3的基本操作；掌握Flash动画的制作流程。,本 节 内 容,Flash动画的特点 Flash动画的应用领域 Flash CS3的工作界面 Flash CS的系统配置 新建和保存Flash文档的方法,一、初识Flash动画,Flash动画是一种以Web应用为主的二维动画形式，它

2、不仅可以通过文字、图片、视频、声音、声效等综合手段展现动画意图，还可以通过强大的交互功能实现与动画观看者之间的互动。Flash动画的特点Flash的历史 Flash动画的应用领域Flash动画的原理,（一）Flash动画的特点,Flash动画之所以能为大众喜爱并在日新月异的网络时代经久不衰，盖源于其拥有许多值得称道的特点，主要包括了以下几方面：,所受资源制约小,播放采用流媒体技术,制作成本低，节省人力物力,操作简单，文件容量小,交互性比较好,（二）Flash的历史,Flash的前身是FutureSplash 一个非常小的Web图形软件。1996.11，Macromedia公司收购该软件，更名为

3、Flash 1.0；此后，先后推出 Flash 2.0、Flash 3.0、Flash 4.0、Flash 5.0、Flash 6.0、Flash MX 2004、Flash 8；2005年4月，Adobe公司以34亿美元收购了Macromedia，此后发布了Flash CS3、Flash CS4等版本。,（三）Flash的应用领域及发展方向,在当今信息化时代，人们已经习惯于在网络上进行工作、交流和查找信息。随着Internet网络的不断推广，Flash动画的应用被延伸到了多个领域。,Flash作品欣赏,网络广告、电视广告、公益广告,手机彩信、手机游戏,多媒体课件、Flash网站，网络游戏等,

4、（四）Flash动画的原理,运动是动画的本质！约翰哈拉斯（英国）,视觉暂留（Persistence of Vision）：客观事物对眼睛的刺激停止后，它的影像还会在眼睛的视网膜上存在一刹那，有一定的滞留性。皮特罗杰特（法国）,（四）Flash动画的原理,Flash 动画基于视觉暂留原理，特别是Flash中的逐帧动画，通过一系列连贯动作的图形快速放映而形成。当前一帧播放后，其影像仍然残留在人的视网膜上，这样就可以产生了连续动作的视觉感受。在起始动作与结束动作之间的过渡帧越多，动画的效果越流畅。,二、认识Flash CS3的工作界面,在学习Flash CS3中的各项操作之前，应先对软件工作界面的组

5、成有初步的了解，这部分内容主要包括了开始页面、菜单栏、工具箱、时间轴面板、动画编辑舞台、属性面板及其他常用面板等界面元素。,基本界面 菜单栏 工具栏 工具箱 文档选项卡 时间轴 舞台常用面板,（一）基本界面,启动Flash CS3后，程序将打开其默认的开始页面。该开始页面将常用的任务都集中放在一起，供用户随时调用。然后进入Flash cs3的工作界面中，包括菜单栏、工具箱、时间轴面板、舞台、属性面板及其他常用面板等界面元素。,（一）开始页面,动画编辑舞台,工具箱,属性面板,场景编辑按钮,元件编辑按钮,显示比例,卷帘面板区,时间轴,隐藏或显示面板,F4,菜单栏,主工具栏,文档选项卡,（二）菜单栏

6、,这些菜单项中提供了该软件的所有常规操作命令。,（三）常用工具栏,主工具栏由多个图标按钮组成，在制作环境下提供常用命令。,主工具栏可以通过“窗口/工具栏/主工具栏”命令进行显示或隐藏！,（四）工具箱,工具箱中包括了【绘图】工具、【视图调整】工具、【颜色修改】工具和【选项设置】工具4大部分，用户可以使用这些工具可以进行绘图、选取对像、喷涂、修改及编排文字等操作。,（六）时间轴,用于组织和控制动画的地方，即控制着“演员”按某种时间安排进行演出！,图层控制区：图层可以看成是叠放在一起的透明的胶片，如果层上没有任何东西，就可以透过它直接看到下一层。可以根据需要，在不同层上编辑不同的动画而互不影响，并在

7、放映时得到合成的效果。层的两大特点：除了画有图形或文字的地方，其他部分都是透明的；各图层相对独立，修改其中一层，不会影响到其他层,（六）时间轴,时间线控制区帧时间轴上的一个小格，是舞台内容中的一个片段。在默认状态下，每隔5帧用数字标识。,时间轴的第一帧,（六）时间轴,关键帧动画制作时的关键画面，其作用是用来定义动画中关键的变化，Flash可以按照给定的动作方式，自动创建两个关键帧之间的变化过程，这使得动画的制作变得十分简单。,关键帧,中间帧,（六）时间轴,（七）场景和舞台,场景：即舞台，是编辑和播放动画的矩形区域。在发布的作品中，只有舞台中的角色才被认为是可见的！Flash可以将多个场景中的动

8、作组合成一个连贯的电影。开始编辑电影时，都是在第一个场景“Scene1”中开始的，场景的数量没有限制。,（七）场景和舞台,场景添加及删除：“窗口其他面板场景”其内容：图形、文本、按钮、视频剪辑等。其大小、色彩等参数可通过“属性”面板进行设置。,（七）场景和舞台,辅助工具：网格、标尺和辅助线，帮助制作者准确定位。,（七）场景和舞台,辅助工具：网格、标尺和辅助线，帮助制作者准确定位。,（八）面板的操作及常用面板,基本操作：面板的显示/隐藏：面板的折叠/展开：面板的悬浮/组合：常用的面板：,（八）面板的操作及常用面板,属性面板：,方便查看、更改所选对象的属性。,（八）面板的操作及常用面板,库面板：,

9、用来存储和管理导入的文件（如视频、声音、位图、矢量图）和用户创建的元件的地方。,（八）面板的操作及常用面板,元件：是在Flash中创建的图形、按钮、影片剪辑。元件只需创建一次，就可在整个文档或其他文档中重复使用。创建的任何元件都会自动成为当前文档的库的一部分。,实例：当把一个元件放到舞台或另一个元件中时，就创建了一个该元件的实例，即实例是元件的实际应用。,（九）文档选项卡,新建或打开文档，会以“文档选项卡”的方式嵌合在程序窗口中。如果打开或创建多个文档，“文档名称”将按文档创建的先后顺序显示在“文档选项卡”中，单击文档名称可在多个文档之间进行切换。,右击鼠标,三、制作Flash动画的前期准备,

10、了解了Flash动画并认识了Flash CS3的工作界面之后，就可以准备制作Flash动画了。制作者首先需要了解Flash动画的制作流程，然后打开Flash CS3软件设置符合个人习惯的工作环境，最后掌握创建和保存Flash文档等基本操作。设计Flash动画的制作流程 设置Flash CS3的首选参数和快捷键 新建和保存Flash文档,（一）设置自己的工作环境,为了提高工作效率，使软件最大程度地符合个人操作习惯，用户可以在动画制作之前先对Flash 8的面板布局、首选参数和快捷键等进行设置。,1.自定义面板的设置及调用,1）设置：在界面中打开所有需要使用的面板，点击“窗口/工作区布局/保存当前

11、（S）”命令，在弹出的对话框中输入名称，如“我的面板布局”，则在“窗口/工作区布局”中多出一项“我的面板布局”。,（一）设置自己的工作环境,1.自定义面板的设置及调用,2）调用：“窗口/工作区布局”中的“我的面板布局”。3）恢复默认：“窗口/工作区布局”中的“默认”。4）删除及重命名：“窗口/工作区布局”中的“管理”。,（二）设置自己的工作环境,2.首选参数,编辑/首选参数(S),（二）设计Flash动画的制作流程,制作Flash动画过程大致可以分为6个步骤，即策划动画、收集素材、制作动画、调试动画、测试动画和发布动画。,策划动画,收集素材,制作动画,发布动画,调试动画,测试动画,（三）新建和保存Flash文档,Flash CS3对文档的基本操作与其他软件类似，主要包括新建和保存文档等。,1.新建1)文件/新建(N),2）主工具栏上的新建按钮,（三）新建和保存Flash文档,Flash CS3对文档的基本操作与其他软件类似，主要包括新建和保存文档等。,2.保存1）文件/保存(S)2）文件/另存为(A)3）主工具栏上的保存按钮,实战演练简单动画的制作,新建一个Flash文档：并保存为“运动的彩球”；新建一个图形元件：命名为“彩球”；制作动画：彩球的运动；测试影片,运动的彩球,