Flashcs5基础知识
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
5.保存文件 将制作的文件保存为“我的第一个动画.fla”。 按Ctrl+Enter快捷键自动生成SWF文件。
1.2.3 高手接招──大红大吉
【设计思路】 •新建文档。 •制作背景。 •制作文字。 •导入素材。 •保存影片。 •发布影片。
【设计效果】 创建图1-13所示效果。
最终效果
【操作步骤】
1. 创建新文件。 选择【新建】/【Flash文件（ActionScript 2.0）】命 令，新 建一个Flash文档。
【要点提示】 此处选择【Flash文件（ActionScript 3.0）】和【Flash文
件（ActionScript 2.0）】差别在于其动画文件支持的后台脚 本不同。 ActionScript 2.0主要针对对象编写代码，编写时语言很简单， 而ActionScript 3.0较为复杂。
1. 创建新文件。 选择【新建】/【Flash文件（ActionScript 2.0）】命 令，新建一个Flash文档。
2. 制作背景。 ① 选择【修改】/【文档】菜单命令，打开【文档属 性】对话框，将【高】选项改为“300像素”。 ② 将默认的“图层1”重命名为“背景”层。选择 【矩形】工具，在舞台上绘制一个矩形，效果如 图1-16所示。 ③ 选择【选择】工具 ，双击刚才绘制的矩形，然后 在【属性】面板中按照图1-17进行设置。 ④ 在【颜色】面板中，设置线性渐变的第1个色块颜 色为“FF0000”（红色），第2个色块颜色为 “CC0000”（暗红色）。
【要点提示】 在设置【颜色】面板的属性时，一定要保证矩形
处于被选中的状态，否则矩形的颜色将无法改变。
1-16 1-7
图
绘 制 矩 形
二. Flash CS5界面介绍
启动Flash CS5并熟悉工作界面
正确安装Flash CS5并进行注册后，可参照以下步骤启动 Flash CS5。
1.单击“开始”按钮，在弹出的菜单 中选择“所有程序”>“Adobe Design Premium CS5”>“Adobe Flash Professional CS5”，或双击桌面上的 图标。
Flash技能培训
授课老师：罗萍
第1章 Flash CS5动画制作基础知识
本章学习要求
了解动画的起源与发展。 掌握动画制作的原则。 了解Flash的发展历史。 了解Flash CS5的工作界面。 掌握Flash动画制作流程。
本章大纲
• 1.1 动画设计综述 • 1.2 Flash CS5动画设计简介 • 1.3 制作第一个Flash动画
Flash CS5开始页
3.进入Flash CS5的工作界面后
可以看到其工作界面由标题栏、菜单栏、文档选项卡、 主工具栏、时间轴、编辑栏、舞台、工具箱和多个控制
面板等组成 。
Flash CS5工作界面
• “时间轴”面板：
默认情况下，“时间轴”面板位于舞台下方，用于组织和控制动画内 容，它主要包括图层和时间帧两部分。“时间轴”面板的左侧区域显 示了动画中包含的图层名称及其相应状态，右侧显示了各图层的时间 轴。
② 准备素材
③ ash CS5动画设计简介 1.2.1 Flash CS5简介
一．Flash动画制作流程 Flash动画制作流程十分的简单，分为：新建Flash
文档、编辑场景、保存影片、发布影片4个步骤，其 中编辑动画部分是流程的关键，发布影片控制着发 布影片的大小、质量和文件格式等重要性质，所以 也是十分重要的。
2. 制作背景。 选择【修改】/【文档】菜单命令，打开【文档属性】对话框，将 【高】选项改为“400像素”，【宽】为“500像素” 。
3.添加文字 使用工具箱中的文字工具，输入“从零开始学Flash”的静态文 本，字体设为“华文琥珀”，大小设为“60”。
4.制作动画 将文字拖放到舞台最右边外侧。在第60帧上插入关键帧（按F6）， 将文字拖放到舞台最左边外侧。 在时间轴面板上，设置补间为“创建传统补间”。
下面详细讲解这12条基本动画原则。
1. 掌握时序。 2. 慢入和慢出。 3. 弧形动作。 4. 预期性。 5. 使用夸张。 6. 挤压和伸展。 7. 辅助动作。 8. 完成动作和重叠动作。
9. 逐帧动画和关键帧动画。 10.布局。 11.吸引力。 12.个性。
1.1.3 常用动画制作软件简介
一．三维动画制作软件 目前最常见的三维动画制作软件有3ds Max、 Maya、 SoftImage和Lightwave等。
播放头
图层区
“时间轴”面板
时间帧标尺 时间帧
时间帧状态栏
1.2.2 牛刀小试──简单动画
操作要求：实现“从零开始学Flash”几个文字由右运动 到左的动画效果。
【设计思路】 •新建文档。 •制作背景。 •制作文字。 •补间动画。 •保存影片。 •发布影片。
【设计效果】 创建图所示效果。
最终效果
【操作步骤】
1.1 动画设计综述 1.1.1 动画的应用领域
Flash动画被广泛应用于网页设计、网页广告、网络动画、多媒体教学 课件、游戏、企业宣传、产品展示和电子相册等领域。
网页广告
Flash音乐动画
1.1.2 动画的设计原则
迪斯尼公司于20世纪30年代提出了动画制作的12条 原则，这些原则为动画师们找到了表现精致复杂动画的 方法。
启动Flash CS5
2.打开Flash CS5的开始页
单击“ActionScript 3.0”或者“ActionScript 2.0”
选项即可新建一个Flash文档，并进入Flash CS5 的工作界面 。
单击此处的选 项，可使用系 统自带的一些 模板制作Flash 动画
单击该选项可 打开“打开” 对话框，从中 可选择要打开 的文档
二．交互式二维动画制作软件Flash 在众多的二维动画制作软件中，Flash最为璀璨，
随着Flash的发展，Flash已经逐渐成为二维动画制作 软件的代名词。
1.1.4 Flash动画创作流程
每个人创建Flash动画的习惯不同，但都会遵循一个 基本的流程。
下面介绍创建Flash动画的流程。
① 前期策划
1.2.3 高手接招──大红大吉
【设计思路】 •新建文档。 •制作背景。 •制作文字。 •导入素材。 •保存影片。 •发布影片。
【设计效果】 创建图1-13所示效果。
最终效果
【操作步骤】
1. 创建新文件。 选择【新建】/【Flash文件（ActionScript 2.0）】命 令，新 建一个Flash文档。
【要点提示】 此处选择【Flash文件（ActionScript 3.0）】和【Flash文
件（ActionScript 2.0）】差别在于其动画文件支持的后台脚 本不同。 ActionScript 2.0主要针对对象编写代码，编写时语言很简单， 而ActionScript 3.0较为复杂。
1. 创建新文件。 选择【新建】/【Flash文件（ActionScript 2.0）】命 令，新建一个Flash文档。
2. 制作背景。 ① 选择【修改】/【文档】菜单命令，打开【文档属 性】对话框，将【高】选项改为“300像素”。 ② 将默认的“图层1”重命名为“背景”层。选择 【矩形】工具，在舞台上绘制一个矩形，效果如 图1-16所示。 ③ 选择【选择】工具 ，双击刚才绘制的矩形，然后 在【属性】面板中按照图1-17进行设置。 ④ 在【颜色】面板中，设置线性渐变的第1个色块颜 色为“FF0000”（红色），第2个色块颜色为 “CC0000”（暗红色）。
【要点提示】 在设置【颜色】面板的属性时，一定要保证矩形
处于被选中的状态，否则矩形的颜色将无法改变。
1-16 1-7
图
绘 制 矩 形
二. Flash CS5界面介绍
启动Flash CS5并熟悉工作界面
正确安装Flash CS5并进行注册后，可参照以下步骤启动 Flash CS5。
1.单击“开始”按钮，在弹出的菜单 中选择“所有程序”>“Adobe Design Premium CS5”>“Adobe Flash Professional CS5”，或双击桌面上的 图标。
Flash技能培训
授课老师：罗萍
第1章 Flash CS5动画制作基础知识
本章学习要求
了解动画的起源与发展。 掌握动画制作的原则。 了解Flash的发展历史。 了解Flash CS5的工作界面。 掌握Flash动画制作流程。
本章大纲
• 1.1 动画设计综述 • 1.2 Flash CS5动画设计简介 • 1.3 制作第一个Flash动画
Flash CS5开始页
3.进入Flash CS5的工作界面后
可以看到其工作界面由标题栏、菜单栏、文档选项卡、 主工具栏、时间轴、编辑栏、舞台、工具箱和多个控制
面板等组成 。
Flash CS5工作界面
• “时间轴”面板：
默认情况下，“时间轴”面板位于舞台下方，用于组织和控制动画内 容，它主要包括图层和时间帧两部分。“时间轴”面板的左侧区域显 示了动画中包含的图层名称及其相应状态，右侧显示了各图层的时间 轴。
② 准备素材
③ ash CS5动画设计简介 1.2.1 Flash CS5简介
一．Flash动画制作流程 Flash动画制作流程十分的简单，分为：新建Flash
文档、编辑场景、保存影片、发布影片4个步骤，其 中编辑动画部分是流程的关键，发布影片控制着发 布影片的大小、质量和文件格式等重要性质，所以 也是十分重要的。
2. 制作背景。 选择【修改】/【文档】菜单命令，打开【文档属性】对话框，将 【高】选项改为“400像素”，【宽】为“500像素” 。
3.添加文字 使用工具箱中的文字工具，输入“从零开始学Flash”的静态文 本，字体设为“华文琥珀”，大小设为“60”。
4.制作动画 将文字拖放到舞台最右边外侧。在第60帧上插入关键帧（按F6）， 将文字拖放到舞台最左边外侧。 在时间轴面板上，设置补间为“创建传统补间”。
下面详细讲解这12条基本动画原则。
1. 掌握时序。 2. 慢入和慢出。 3. 弧形动作。 4. 预期性。 5. 使用夸张。 6. 挤压和伸展。 7. 辅助动作。 8. 完成动作和重叠动作。
9. 逐帧动画和关键帧动画。 10.布局。 11.吸引力。 12.个性。
1.1.3 常用动画制作软件简介
一．三维动画制作软件 目前最常见的三维动画制作软件有3ds Max、 Maya、 SoftImage和Lightwave等。
播放头
图层区
“时间轴”面板
时间帧标尺 时间帧
时间帧状态栏
1.2.2 牛刀小试──简单动画
操作要求：实现“从零开始学Flash”几个文字由右运动 到左的动画效果。
【设计思路】 •新建文档。 •制作背景。 •制作文字。 •补间动画。 •保存影片。 •发布影片。
【设计效果】 创建图所示效果。
最终效果
【操作步骤】
1.1 动画设计综述 1.1.1 动画的应用领域
Flash动画被广泛应用于网页设计、网页广告、网络动画、多媒体教学 课件、游戏、企业宣传、产品展示和电子相册等领域。
网页广告
Flash音乐动画
1.1.2 动画的设计原则
迪斯尼公司于20世纪30年代提出了动画制作的12条 原则，这些原则为动画师们找到了表现精致复杂动画的 方法。
启动Flash CS5
2.打开Flash CS5的开始页
单击“ActionScript 3.0”或者“ActionScript 2.0”
选项即可新建一个Flash文档，并进入Flash CS5 的工作界面 。
单击此处的选 项，可使用系 统自带的一些 模板制作Flash 动画
单击该选项可 打开“打开” 对话框，从中 可选择要打开 的文档
二．交互式二维动画制作软件Flash 在众多的二维动画制作软件中，Flash最为璀璨，
随着Flash的发展，Flash已经逐渐成为二维动画制作 软件的代名词。
1.1.4 Flash动画创作流程
每个人创建Flash动画的习惯不同，但都会遵循一个 基本的流程。
下面介绍创建Flash动画的流程。
① 前期策划