第1章 Flash cs5基础知识.pptVIP

* 广东省电子职业技术学校 罗萍 广东省电子职业技术学校 罗萍 * 授课老师：罗萍 了解动画的起源与发展。 掌握动画制作的原则。 了解Flash的发展历史。 了解Flash CS5的工作界面。 掌握Flash动画制作流程。 本章学习要求 第1章 Flash CS5动画制作基础知识 1.1 动画设计综述 1.2 Flash CS5动画设计简介 1.3 制作第一个Flash动画 本章大纲 1.1 动画设计综述 1.1.1 动画的应用领域 Flash动画被广泛应用于网页设计、网页广告、网络动画、多媒体教学课件、游戏、企业宣传、产品展示和电子相册等领域。 网页广告 Flash音乐动画 迪斯尼公司于20世纪30年代提出了动画制作的12条原则，这些原则为动画师们找到了表现精致复杂动画的方法。 下面详细讲解这12条基本动画原则。 1.1.2 动画的设计原则 掌握时序。 慢入和慢出。 弧形动作。 预期性。 使用夸张。 挤压和伸展。 辅助动作。 完成动作和重叠动作。 逐帧动画和关键帧动画。 布局。 吸引力。 个性。 1.1.3 常用动画制作软件简介 三维动画制作软件 目前最常见的三维动画制作软件有3ds Max、 Maya、SoftImage和Lightwave等。 交互式二维动画制作软件Flash 在众多的二维动画制作软件中，Flash最为璀璨， 随着Flash的发展，Flash已经逐渐成为二维动画制作软件的代名词。 每个人创建Flash动画的习惯不同，但都会遵循一个基本的流程。 下面介绍创建Flash动画的流程。 ⑤ 发布作品 ① 前期策划 ② 准备素材 ④ 后期调试 ③ 制作动画 1.1.4 Flash动画创作流程 1.2 Flash CS5动画设计简介 Flash动画制作流程 Flash动画制作流程十分的简单，分为：新建Flash文档、编辑场景、保存影片、发布影片4个步骤，其中编辑动画部分是流程的关键，发布影片控制着发布影片的大小、质量和文件格式等重要性质，所以也是十分重要的。 二. Flash CS5界面介绍 1.2.1 Flash CS5简介 启动Flash CS5并熟悉工作界面 启动Flash CS5 1.单击“开始”按钮，在弹出的菜单中选择“所有程序”“Adobe Design Premium CS5”“Adobe Flash Professional CS5”，或双击桌面上的图标。 正确安装Flash CS5并进行注册后，可参照以下步骤启动Flash CS5。 Flash CS5开始页 单击此处的选项，可使用系统自带的一些模板制作Flash动画 单击该选项可打开“打开”对话框，从中可选择要打开的文档 单击“ActionScript 3.0”或者“ActionScript 2.0”选项即可新建一个Flash文档，并进入Flash CS5的工作界面 。 2.打开Flash CS5的开始页 Flash CS5工作界面 可以看到其工作界面由标题栏、菜单栏、文档选项卡、主工具栏、时间轴、编辑栏、舞台、工具箱和多个控制面板等组成 。 3.进入Flash CS5的工作界面后 “时间轴”面板： 默认情况下，“时间轴”面板位于舞台下方，用于组织和控制动画内容，它主要包括图层和时间帧两部分。“时间轴”面板的左侧区域显示了动画中包含的图层名称及其相应状态，右侧显示了各图层的时间轴。 图层区 播放头 时间帧标尺 时间帧 时间帧状态栏 “时间轴”面板 1.2.2 牛刀小试──简单动画 【设计思路】 新建文档。 制作背景。 制作文字。 补间动画。 保存影片。 发布影片。 【设计效果】 创建图所示效果。 最终效果 操作要求：实现“从零开始学Flash”几个文字由右运动到左的动画效果。 【操作步骤】 创建新文件。 选择【新建】/【Flash文件（ActionScript 2.0）】命 令，新建一个Flash文档。 【要点提示】 此处选择【Flash文件（ActionScript 3.0）】和【Flash文件（ActionScript 2.0）】差别在于其动画文件支持的后台脚本不同。 ActionScript 2.0主要针对对象编写代码，编写时语言很简单，而ActionScript 3.0较为复杂。 制作背景。 选择【修改】/【文档】菜单命令，打开【文档属性】对话框，将【高】选项改为“400像素”，【宽】为“500