flash基础教程PPT第一章
合集下载
第一章flash动画基础精选文档PPT课件
• 要完成的部分实例预览
▪ 经典FLASH作品 ▪ 多媒体大赛作品 ▪ 商业作品 ▪ 纯flash网站
• appleshow/ • medialand.tw/home.htm • dreamgarden/main.html
▪ 低级鼠绘 ▪ 元件特效 ▪ 高级鼠绘
鼠绘
低级鼠绘
▪ 绘制红心
• 笔触与填充
• 回答问题 1人 • 小组大作业 5人
▪ 课后作业
课堂纪律
▪ 无点名，只查人头（旷课） ▪ 旷课3次成绩清0 ▪ 迟到，早退15分钟算旷课 ▪ 迟到，早退算半次旷课 ▪ 无条件请假3次（6节）
• 不准让别人代为请假，提前一天手机或短信请假，其他 算为旷课，多出即为旷课，可以以1节为单位请
• 作业要补交 • 无请假旷课迟到早退，为全勤，期末平时成绩加15分
工具箱包 含将用于 创建、放 置和修改 文本与图 形的工具
使用这些工具 可调整舞台的 视图
单击颜色 框可选择 填充颜色 和笔触颜
色
图5-3 工具箱
在选择工具 时，它的功 能键出现在 工具箱的这
一部分
▪ 工具箱
• 椭圆、矩形与线条 • 铅笔与刷子 • 填充 • 选择与部分选择 • 任意变形与填充变形 • 油漆桶与墨水瓶 • 滴管与橡皮 • 套索、文字与钢笔
渐变色
▪ 绘制渐变色是比较麻烦的，现在借助电脑软件，绘制渐变色 可以说是信手拈来。
▪ 渐变色要依据物体的固有色； 渐变色要根据明暗关系来调； 渐变要在渐变在结构上； 不要调太多太乱的颜色。
隐藏的图层 活动图层 用轮廓显示的图层上的对象 锁定的图层
图层视作互相堆叠的透明纤维纸
（a）关闭轮廓线状态 （b）启动轮廓线状态
显示影片所需的信息。
▪ 经典FLASH作品 ▪ 多媒体大赛作品 ▪ 商业作品 ▪ 纯flash网站
• appleshow/ • medialand.tw/home.htm • dreamgarden/main.html
▪ 低级鼠绘 ▪ 元件特效 ▪ 高级鼠绘
鼠绘
低级鼠绘
▪ 绘制红心
• 笔触与填充
• 回答问题 1人 • 小组大作业 5人
▪ 课后作业
课堂纪律
▪ 无点名，只查人头（旷课） ▪ 旷课3次成绩清0 ▪ 迟到，早退15分钟算旷课 ▪ 迟到，早退算半次旷课 ▪ 无条件请假3次（6节）
• 不准让别人代为请假，提前一天手机或短信请假，其他 算为旷课，多出即为旷课，可以以1节为单位请
• 作业要补交 • 无请假旷课迟到早退，为全勤，期末平时成绩加15分
工具箱包 含将用于 创建、放 置和修改 文本与图 形的工具
使用这些工具 可调整舞台的 视图
单击颜色 框可选择 填充颜色 和笔触颜
色
图5-3 工具箱
在选择工具 时，它的功 能键出现在 工具箱的这
一部分
▪ 工具箱
• 椭圆、矩形与线条 • 铅笔与刷子 • 填充 • 选择与部分选择 • 任意变形与填充变形 • 油漆桶与墨水瓶 • 滴管与橡皮 • 套索、文字与钢笔
渐变色
▪ 绘制渐变色是比较麻烦的，现在借助电脑软件，绘制渐变色 可以说是信手拈来。
▪ 渐变色要依据物体的固有色； 渐变色要根据明暗关系来调； 渐变要在渐变在结构上； 不要调太多太乱的颜色。
隐藏的图层 活动图层 用轮廓显示的图层上的对象 锁定的图层
图层视作互相堆叠的透明纤维纸
（a）关闭轮廓线状态 （b）启动轮廓线状态
显示影片所需的信息。
flash第1章-欣赏flash动画PPT课件
2. 动画中的角色为什么会动
画中角色会动是人类的一种视觉感受，其实不是画中角色会动，是人们误认为画中角色在动。
.
14
3. 动画的基本原理是什么
医学证明，人类具有“视觉暂留”的特性，就是说人的眼睛看到一幅画或一个物体后，在1/24 秒内不会消失。利用这一视觉原理，在一幅画还没有消失前播放出下一幅画，就会给人造成一 种流畅的视觉变化效果。 当投影机以每秒24幅的速度投射在银幕上，或录像机以每秒30幅的方式在电视荧光屏上呈现影 像时，它会把每幅不同的画面连接起来，从而在人的脑中产生物体在“运动”的印象，这就是 动画的基本原理。 如果以每秒低于24幅画面的速度拍摄播放，就会出现“停顿”现象。 动画大师诺曼.麦克拉伦（Norman Mclaren）说过这样的话：动画不是“会动的画”的艺术，而 是“画出来的运动”的艺术。
2．再次播放动画，细心观察动画的内容。
“鱼1”动画表演的内容是鱼1从右向左游动，游到左边界时，又折回反向游动，到右边界 后，又重复从右向左游动。 “鱼1”动画也做同样的动作，只是右的形状不同，在背景（海）中的深度不同。
3．在“水泡”动画编辑窗口（1-22下），按“Enter”键，可以看到一 帧帧场景快速显示的内容，角色在做不同的动作，还可以在场景中走 动，在时间滑块上可以看到当前场景的时间帧数。再次播放动画，细 心观察动画的内容。
4．舞台
它是绘制和编辑图形与制作动画的矩形工作区域。食粮图形的制作、编辑、动画的创作和展示 都在舞台上进行，像演戏一样，舞台就是演员的工作场所。
图1-11 标题栏
图1-12 菜单栏
.
4
1.1.2【操作实例2】——命令面板
工作界面中右区域为命令面板。命令面板上会显示动画制作过程中使用的各种命令，使用 “窗口”菜单中不同的命令会打开不同的命令面板。当打开多个“命令面板”时，命 令面板是按顺序排列的，如图1-13所示，最新打开的面板如图中的“库”面板是展开的， 其他缩成一条。在图1-13中，单击“混色器”左边的，将展开“混色器”面板，同时将 “库”面板缩成一条，见图1-14。
画中角色会动是人类的一种视觉感受，其实不是画中角色会动，是人们误认为画中角色在动。
.
14
3. 动画的基本原理是什么
医学证明，人类具有“视觉暂留”的特性，就是说人的眼睛看到一幅画或一个物体后，在1/24 秒内不会消失。利用这一视觉原理，在一幅画还没有消失前播放出下一幅画，就会给人造成一 种流畅的视觉变化效果。 当投影机以每秒24幅的速度投射在银幕上，或录像机以每秒30幅的方式在电视荧光屏上呈现影 像时，它会把每幅不同的画面连接起来，从而在人的脑中产生物体在“运动”的印象，这就是 动画的基本原理。 如果以每秒低于24幅画面的速度拍摄播放，就会出现“停顿”现象。 动画大师诺曼.麦克拉伦（Norman Mclaren）说过这样的话：动画不是“会动的画”的艺术，而 是“画出来的运动”的艺术。
2．再次播放动画，细心观察动画的内容。
“鱼1”动画表演的内容是鱼1从右向左游动，游到左边界时，又折回反向游动，到右边界 后，又重复从右向左游动。 “鱼1”动画也做同样的动作，只是右的形状不同，在背景（海）中的深度不同。
3．在“水泡”动画编辑窗口（1-22下），按“Enter”键，可以看到一 帧帧场景快速显示的内容，角色在做不同的动作，还可以在场景中走 动，在时间滑块上可以看到当前场景的时间帧数。再次播放动画，细 心观察动画的内容。
4．舞台
它是绘制和编辑图形与制作动画的矩形工作区域。食粮图形的制作、编辑、动画的创作和展示 都在舞台上进行，像演戏一样，舞台就是演员的工作场所。
图1-11 标题栏
图1-12 菜单栏
.
4
1.1.2【操作实例2】——命令面板
工作界面中右区域为命令面板。命令面板上会显示动画制作过程中使用的各种命令，使用 “窗口”菜单中不同的命令会打开不同的命令面板。当打开多个“命令面板”时，命 令面板是按顺序排列的，如图1-13所示，最新打开的面板如图中的“库”面板是展开的， 其他缩成一条。在图1-13中，单击“混色器”左边的，将展开“混色器”面板，同时将 “库”面板缩成一条，见图1-14。
《Flash操作基础》PPT课件
h
49
1.1.10 网格、辅助线与标尺
网格
▪ 利用“网格”的特性，在制作一些规范图形 时将变得很方便，不仅可以提高绘制的精 度，还可以提高效率。
h
50
1.1.10 网格、辅助线与标尺
标尺
▪ 执行【视图】|【标尺】命令，可以显示或 隐藏【标尺】。
水
平
垂直标尺
标 尺
h
51
1.1.10 网格、辅助线与标尺
h
30
1.1.8 与开发有关的面板
▪ 【组件】面板包含：
数据组件 媒体组件 用户界面（UI）组件
组件面板
h
31
1.1.8 与开发有关的面板
组件检查器面板
▪ 选中“组件”实例，可以在【组件检查器】 面板中查看“组件”属性、设置“组件”实例的 参数等。
h
32
1.1.8 与开发有关的面板
调试器面板
标尺
▪ 可以更改标尺的度量单位，将其默认单位 （像素）更改为其他单位。
▪ 执行【修改】|【文档】命令，打开【文档 属性】对话框，在【标尺单位】下拉菜单 中可选择合适的单位。
h
52
1.1.10 网格、辅助线与标尺
辅助线
▪ 绘制ቤተ መጻሕፍቲ ባይዱ助线 ▪ 锁定辅助线 ▪ 对齐对象
•编辑辅助线 •使对象贴紧至辅助线 •删除辅助线
拖出“辅助线”
【辅助线】的对话框
“辅助线”的应用
h
53
1.2 上机实训—制作飞机飞行动画
h
54
1.2.1 新建一个动画文档
设置动画文档属性
▪ 输入一个动画文档 ▪ 设置尺寸 ▪ 设置背景颜色
h
55
1.2.1 新建一个动画文档
flash动画入门 课件
1、传统动画：即运用手绘所表现的动画,又称之为 有纸动画。
2、数码动画 ：就是电脑动画,动画的制作都是在电 脑上完成的，又称为无纸画。
传统动画
我们所说的传统动画片是产生了 1 个多世纪 的一种艺术形式，用最简单的话说就是：会‚动‛ 的画，和电影一样，他是利用人类眼睛的‘视觉 暂留’现象，而使一幅幅静止的画面连续 播放， 看起来像是在动。他应该归类于电影艺术。不同 于通常意义的电影之处在于：它的拍摄对象不是 真实的演员，而是由动画师画出的动画形象。在 动画片里演员就是动画师本人，戏演得好坏和这 个动画师的本身素质本节课要解决的问题
动画是什么 传统动画和数码动画的区别 Flash动画的应用领域 Flash的操作界面以及文件的基本操作
什么是动画
1、视觉暂留的原理： 这是因为人类能够将看到 的影像暂时保存，在影像消失之后，之前的影像 还会暂时停留在眼前。这就是会动的卡通的基本 原理。
1.4 flash的操作界面
演示说明
1.5 flash文件操作
文件的新建 文件的打开 文件的保存与关闭
2、视觉暂留就是我们的眼睛看任何东西时，都会 产生一种很短暂的记忆。把这些记忆记下来， 连 结在一起，我们就会看到动作，产生『画面连续 不断』的错觉，这就是视觉暂留！
例如:在房间里把灯关掉，拿着手电筒快速地旋转， 你们会看到一个光环，这也是视觉暂留的一种现象。
1.1 动画的发展以及flash动画简介
2、矢量图
矢量图：是有基本的线条和线条所封闭的填 充区域组成。它有一组数学指令来描述图 象的内容。任意缩放不会影响图象的显示 质量，分辨率独立，占用的存储空间小， 灵活性比较好。显示图象不逼真，不容易 在软件间交换文件。通常编辑它的软件叫 绘图程序，例如：Flash、Fireworks、3ds max、liveMotion、freeHand。
2、数码动画 ：就是电脑动画,动画的制作都是在电 脑上完成的，又称为无纸画。
传统动画
我们所说的传统动画片是产生了 1 个多世纪 的一种艺术形式，用最简单的话说就是：会‚动‛ 的画，和电影一样，他是利用人类眼睛的‘视觉 暂留’现象，而使一幅幅静止的画面连续 播放， 看起来像是在动。他应该归类于电影艺术。不同 于通常意义的电影之处在于：它的拍摄对象不是 真实的演员，而是由动画师画出的动画形象。在 动画片里演员就是动画师本人，戏演得好坏和这 个动画师的本身素质本节课要解决的问题
动画是什么 传统动画和数码动画的区别 Flash动画的应用领域 Flash的操作界面以及文件的基本操作
什么是动画
1、视觉暂留的原理： 这是因为人类能够将看到 的影像暂时保存，在影像消失之后，之前的影像 还会暂时停留在眼前。这就是会动的卡通的基本 原理。
1.4 flash的操作界面
演示说明
1.5 flash文件操作
文件的新建 文件的打开 文件的保存与关闭
2、视觉暂留就是我们的眼睛看任何东西时，都会 产生一种很短暂的记忆。把这些记忆记下来， 连 结在一起，我们就会看到动作，产生『画面连续 不断』的错觉，这就是视觉暂留！
例如:在房间里把灯关掉，拿着手电筒快速地旋转， 你们会看到一个光环，这也是视觉暂留的一种现象。
1.1 动画的发展以及flash动画简介
2、矢量图
矢量图：是有基本的线条和线条所封闭的填 充区域组成。它有一组数学指令来描述图 象的内容。任意缩放不会影响图象的显示 质量，分辨率独立，占用的存储空间小， 灵活性比较好。显示图象不逼真，不容易 在软件间交换文件。通常编辑它的软件叫 绘图程序，例如：Flash、Fireworks、3ds max、liveMotion、freeHand。
第一周 Flash 8入门基础.ppt
1.2 Flash CS3的工作界面
1.2.1 使用Flash“开始”页 “开始”页主要分为：“打开最近项目”、“创建新项
目”、“从模板创建”以及“帮助”等4个部分。
FlashCS3动画设计
1.2.2 Flash8基本界面
菜单栏
时间轴面板
标题栏
工具栏
绘图工具栏
浮动面板
舞台 工作区
属性面板
FlashCS3动画设计
面板的组合 定制工具箱 （编辑——自定义工具面板） 自定义快捷键 （编辑——快捷键）
FlashCS3动画设计
1.3 Flash cs3的基本操作
Flash文档的新建
✓ 启动Flash时新建文档 ✓ 选择菜单命令新建文档 ✓ 用常用工具按钮新建文档 ✓ 从模板创建文档
打开Flash文档 保存Flash文档 关闭Flash文档 设置动画制作环境
FlashCS3动画设计
1.1 认识Flash cs3
Flash动画的实现原理
Flash动画也是利用人眼短暂的视觉滞留的特点， 将一幅幅静态的图像迅速播放，使人们看到 的是一段运动的图像。产生连续动画的这些 静态图像，是通过导入素材，或自己绘制、 加工所产生的。
FlashCS3的特点
矢量动画 具有强大的交互功能 流式播放技术 平台的广泛支持 文件格式的多样化 图像质量高
✓ 1．使用“属性”面板设置文档属性
✓ 2．通过菜单命令设置文档属性 选择“修改”︱“文档”命令，或按组合键Ctrl+J，
✓ 打开“文档属性”对话框
FlashCS3动画设计
1.4 Flash的基本术语
帧
动作脚本
图层
库
舞台
元件
场景
《flash教程》PPT课件
精选课件ppt
15
六、测试动画
方法1：在制作动画过程中，按下【Enter】键，可以测试动画 的播放效果；反复按【Enter】键可在暂停测试和重新测试之间 切换。 方法2：为了在编辑环境中测试动画效果，还可选择“窗 口”>“工具栏”>“控制器”菜单，打开 “控制器”进行测试。 方法3：如果希望测试动画的实际播放效果，可按【Ctrl+Enter】 组合键，打开Flash Player播放器进行测试。
飞行的直升机
26
9.使用“选择工具” 将辅助线拖出舞 台，可清除单条辅助线；如果要清除 全部辅助线，可选择“视图”>“辅助 线”>“清除辅助线”菜单
“辅助线”对话框
精选课件ppt
清除全部辅助线
23
三、操作的撤销、重做与重复
要撤销前一步操作，可选择“编辑”>“撤销×××”菜单， 按快捷键【Ctrl+Z】，或单击工具栏上的“撤销”按钮 。连续 执行可撤销前面进行过的多步操作。
精选课件ppt
13
四、了解元件
元件是指可以在动画场景中反复使用的一种动画元素。它可以 是一个图形，也可以是一个小动画，或者是一个按钮。制作动 画时，我们通常需要将绘制的图形转换为元件，以后可以重复 使用这些元件，而不会增加Flash文件大小。
精选课件ppt
14
五、了解帧和图层
与电影胶片类似，Flash动画的基本单位为帧，多个帧上的画面 连续播放，便形成了动画。图层就像堆叠在一起的多张幻灯片， 每个图层都有独立的时间轴。如此一来，多个图层综合运用， 便能形成复杂的动画。
4.选择“修改”>“文档...”菜单，打开 “文档属性”对话框，在对话框中的 “标尺单位”下拉菜单中，可以根据 自己的需要选择标尺度量单位
第一单元第1课flash和flash动画——flash入门(共48张PPT)
逐帧动画的特点：
1、至少有两个关键帧2、相邻关键帧内的画面不同。
逐帧动画的制作方法：
简单地说，只要将不同画面放置在不同的关键帧内，就可以制作出逐帧动画。
教学重难点的处理
二、Flash CS5.5的初步认识（界面、启动、保存、测试、退出）
三、普通帧、空白关键帧、关键帧
四、制作逐帧动画
一、动画制作的原理。
天啊，它现在什么也不缺，但却再也不能唱歌了。
『我懂了。』它想。『这里有点道理。』 它停了下来。
轻轻的把那一角放下 ，
它一边走，一边轻轻的唱；
『喔，我要去找失落的一角，我要去找失落的一角，啊哈哈，上路啦，去找我那失落的一角。』
这组漫画说明了一个什么道理？
世界上并不存在十全十美的人，但要尽量去完善自己。
大展身手
任务：请设计有个性的“倒计时”动画效果
自我总结（制作过程中困惑与解决方法）
帧的类型 关键帧：画面内容可以发生变化的帧；用 表示 空白关键帧：用 °表示，是在舞台上没有任何内容的关键帧，一旦在空白关键帧上绘制了内容，它就变成关键帧。 普通帧：在关键帧的后面，延续上一关键帧内容，用来延长动画播放时间。
自主学习 做好笔记
绘图工具箱
“库”面板
“属性”面板
图层区
时间轴
帧频率
Flash CS5.5的各组成界面1有哪些菜单？2各个面板名称自主实践3如何调用面板？4如何改变动画的播放速度？
舞台：是创建flash文档时放置图形内容的区域，这些图形包括矢量图形，文本框，按钮，导入的位图图形或视频剪辑。flash各种活动都发生在舞台上，在舞台上看到的内容就是导出的影片，观众看到的内容。
它向前滚动，因为不再缺少什么，所以越滚越快，从来没有滚过这么快。
1、至少有两个关键帧2、相邻关键帧内的画面不同。
逐帧动画的制作方法：
简单地说，只要将不同画面放置在不同的关键帧内，就可以制作出逐帧动画。
教学重难点的处理
二、Flash CS5.5的初步认识（界面、启动、保存、测试、退出）
三、普通帧、空白关键帧、关键帧
四、制作逐帧动画
一、动画制作的原理。
天啊，它现在什么也不缺，但却再也不能唱歌了。
『我懂了。』它想。『这里有点道理。』 它停了下来。
轻轻的把那一角放下 ，
它一边走，一边轻轻的唱；
『喔，我要去找失落的一角，我要去找失落的一角，啊哈哈，上路啦，去找我那失落的一角。』
这组漫画说明了一个什么道理？
世界上并不存在十全十美的人，但要尽量去完善自己。
大展身手
任务：请设计有个性的“倒计时”动画效果
自我总结（制作过程中困惑与解决方法）
帧的类型 关键帧：画面内容可以发生变化的帧；用 表示 空白关键帧：用 °表示，是在舞台上没有任何内容的关键帧，一旦在空白关键帧上绘制了内容，它就变成关键帧。 普通帧：在关键帧的后面，延续上一关键帧内容，用来延长动画播放时间。
自主学习 做好笔记
绘图工具箱
“库”面板
“属性”面板
图层区
时间轴
帧频率
Flash CS5.5的各组成界面1有哪些菜单？2各个面板名称自主实践3如何调用面板？4如何改变动画的播放速度？
舞台：是创建flash文档时放置图形内容的区域，这些图形包括矢量图形，文本框，按钮，导入的位图图形或视频剪辑。flash各种活动都发生在舞台上，在舞台上看到的内容就是导出的影片，观众看到的内容。
它向前滚动，因为不再缺少什么，所以越滚越快，从来没有滚过这么快。
flash第一节教学课件
10
1.4
Flash动画制作流程
要能制作形式多样、绚丽多彩的动画，我们先需 要了解一下制作动画的流程。知道自己在制作过程 中需要参考的信息，这样可以有效的提高制作动画 的效率。Flash动画的制作流程如下： 策划主题 搜集素材和设计角色 创建动画效果 测试和发布
11
1.5
Flash CS4的工作环境
14
面板：面板默认显示在工作界面右侧，用户也可以 自行设置面板的位置，方法是按下左键并拖放面板， 可以单独拉出、交换位置或重新组合面板。单击面 板标题栏左上角的三角图标，可以控制面板的展开 与收缩。
15
属性面板
其他面板
库
窗口布局
16
1.5.2
使用舞台
舞台，又称工作区，指方形填充屏幕的空白区域。 Flash影片根据时间的长短分成若干帧，舞台用来 将各个独立的帧合成到影片中。用户可以在工作时 放大和缩小以更改舞台的视图。 对于没有特殊效果的动画，可以在舞台直接播放。 舞台是在回放过程中显示图形、视频、文本框、按 钮等内容的位置。
8
1.3
Flash CS4的安装配置需求
Windows 操作系统 系统：Microsoft Windows XP Service Pack2（推荐使用 SP3）或Windows Vista Serivce Pack1（已通过用于32位版 本的Windows XP和Vista的认证）； 内存：512MB以上； CPU：1GHz或更快的处理器； 显卡及分辨率：1280×800的显示分辨率，16位图形显卡以 上； 硬盘：1GB可用于安装的硬盘空间；安装过程中需要更多可 用空间（无法在闪存或存储设备上进行安装） 其他：DVD-ROM驱动器、要获得在线服务还必须有宽带、 Internet连接。
中文版FlashCS5基础培训教程ppt课件
菜单栏
1.1.2 主工具栏
为方便使用，Flash CS5将一些常用命令以按钮的形式组织在一起，置于操 作界面的上方。主工具栏依次分为：“新建”按钮、“打开”按钮、“转到 Bridge”按钮 、“保存”按钮、“打印”按钮、“剪切”按钮、“复制”按钮、 “粘贴”按钮、“撤消”按钮、“重做”按钮、“对齐对象”按钮、“平滑” 按钮、“伸直”按钮、“旋转与倾斜”按钮、“缩放”按钮以及“对齐”按钮。
1.1 Flash CS5的操作界面
Flash CS5的操作界面由以下几部分组成：菜单栏、主工具栏、工具箱、 时间轴、场景和舞台、属性面板以及浮动面板。
Flash CS5的工作界面
1.1.1 菜单栏
Flash CS5的菜单栏依次分为：“文件”菜单、“编辑”菜单、“视图” 菜单、“插入”菜单、“修改”菜单、“文本”菜单、“命令”菜单、“控制” 菜单、“调试”菜单、“窗口”菜单及“帮助”菜单。
新建文件 保存文件 打开文件
1.2.1 新建文件
新建文件是使用Flash CS5进行设计的第一步。选择“文件 > 新建”命令， 弹出“新建文档”对话框，选择完成后，单击“确定”按钮，即可完成新建文 件的任务 。
“新建文档”对话框
1.2.2 保存文件
编辑和制作完动画后，就需要将动画源自件进行保存。选择“保存”命令， 弹出“另存为”对话框 ，输入文件名，选择保存类型，单击“保存”按钮，即 可将动画保存 。
“首选参数”面板
1.3.2 设置浮动面板
Flash中的浮动面板用于快速地设置文档中对象的属性。可以应用系统 默认的面板布局。可以根据需要随意地显示或隐藏面板，调整面板的大小。 还可以将最方便的面板布局形式保存到系统中。
浮动面板
1.3.1 首选参数面板
1.1.2 主工具栏
为方便使用，Flash CS5将一些常用命令以按钮的形式组织在一起，置于操 作界面的上方。主工具栏依次分为：“新建”按钮、“打开”按钮、“转到 Bridge”按钮 、“保存”按钮、“打印”按钮、“剪切”按钮、“复制”按钮、 “粘贴”按钮、“撤消”按钮、“重做”按钮、“对齐对象”按钮、“平滑” 按钮、“伸直”按钮、“旋转与倾斜”按钮、“缩放”按钮以及“对齐”按钮。
1.1 Flash CS5的操作界面
Flash CS5的操作界面由以下几部分组成：菜单栏、主工具栏、工具箱、 时间轴、场景和舞台、属性面板以及浮动面板。
Flash CS5的工作界面
1.1.1 菜单栏
Flash CS5的菜单栏依次分为：“文件”菜单、“编辑”菜单、“视图” 菜单、“插入”菜单、“修改”菜单、“文本”菜单、“命令”菜单、“控制” 菜单、“调试”菜单、“窗口”菜单及“帮助”菜单。
新建文件 保存文件 打开文件
1.2.1 新建文件
新建文件是使用Flash CS5进行设计的第一步。选择“文件 > 新建”命令， 弹出“新建文档”对话框，选择完成后，单击“确定”按钮，即可完成新建文 件的任务 。
“新建文档”对话框
1.2.2 保存文件
编辑和制作完动画后，就需要将动画源自件进行保存。选择“保存”命令， 弹出“另存为”对话框 ，输入文件名，选择保存类型，单击“保存”按钮，即 可将动画保存 。
“首选参数”面板
1.3.2 设置浮动面板
Flash中的浮动面板用于快速地设置文档中对象的属性。可以应用系统 默认的面板布局。可以根据需要随意地显示或隐藏面板，调整面板的大小。 还可以将最方便的面板布局形式保存到系统中。
浮动面板
1.3.1 首选参数面板
Flash自学 第1章PPT课件
件尺寸非常小，而且能在有限带宽的条件下流畅播放，所以 Flash动画广泛用于网络领域。
任务二 Flash 8简介
在开始使用Flash 8制作动画之前，首先认识一下Flash这款软 件。
一、 【基础知识】——Flash发展简介
经过9年的升级换代，2005年Macromedia推出Flash 8版本， 同时Flash也发展成为全球最流行的二维动画制作软件，同 年Adobe公司以34亿美元的价格收购了整个Macromedia 公司，并于2008年发行Flash CS4。从此Flash发展到一个 新的阶段 。
项目一 初识Flash 8中文版
本章学习要求
➢ 掌握动画的概念 。 ➢ 了解常用的动画制作软件 。 ➢ 了解Flash的发展史 。 ➢ 掌握Flash 8的界面 。
本章大纲
任务一 动画的概念 任务二 Flash 8简介 任务三 【动画初尝】——制作“过光文字”
任务一 动画的概念
动画是一门艺术，历久而弥新。在各种思想百花齐放的现代 ，动画更是取得了伟大的成就。可以说动画充溢着现代人的生活 ，在电视节目中，在彩屏手机上，在上网冲浪时……都可以看到 动画的身影 。
（a）8条腿的野猪
（b）舞蹈纹彩陶盆
图1-2 动画的欲望
（c）人体比例图
（2）动画的雏形。 在1824年，彼得·罗杰特出版了一本谈眼球构造的小书《移动
物体的视觉暂留现象》，其中提到了形象刺激在初显后，能 在视网膜上停留短暂的时间（1/16s）。这一理论的问世， 激发了动画雏形的产生。 1832年由约瑟夫·柏拉图发明的“幻透镜”（见图1-3（a））， 1834年乔治·霍纳发明的“西洋镜”（见图1-3（b）），都 是动画的雏形，他们都是通过观察窗来观看旋转的顺序图画， 从而形成动态画面。
任务二 Flash 8简介
在开始使用Flash 8制作动画之前，首先认识一下Flash这款软 件。
一、 【基础知识】——Flash发展简介
经过9年的升级换代，2005年Macromedia推出Flash 8版本， 同时Flash也发展成为全球最流行的二维动画制作软件，同 年Adobe公司以34亿美元的价格收购了整个Macromedia 公司，并于2008年发行Flash CS4。从此Flash发展到一个 新的阶段 。
项目一 初识Flash 8中文版
本章学习要求
➢ 掌握动画的概念 。 ➢ 了解常用的动画制作软件 。 ➢ 了解Flash的发展史 。 ➢ 掌握Flash 8的界面 。
本章大纲
任务一 动画的概念 任务二 Flash 8简介 任务三 【动画初尝】——制作“过光文字”
任务一 动画的概念
动画是一门艺术，历久而弥新。在各种思想百花齐放的现代 ，动画更是取得了伟大的成就。可以说动画充溢着现代人的生活 ，在电视节目中，在彩屏手机上，在上网冲浪时……都可以看到 动画的身影 。
（a）8条腿的野猪
（b）舞蹈纹彩陶盆
图1-2 动画的欲望
（c）人体比例图
（2）动画的雏形。 在1824年，彼得·罗杰特出版了一本谈眼球构造的小书《移动
物体的视觉暂留现象》，其中提到了形象刺激在初显后，能 在视网膜上停留短暂的时间（1/16s）。这一理论的问世， 激发了动画雏形的产生。 1832年由约瑟夫·柏拉图发明的“幻透镜”（见图1-3（a））， 1834年乔治·霍纳发明的“西洋镜”（见图1-3（b）），都 是动画的雏形，他们都是通过观察窗来观看旋转的顺序图画， 从而形成动态画面。
《Flash入门》PPT课件
矢量动画是CG（Computer Graphics） 动画的一种，Flash就是目前使用最为广泛 的矢量动画制作软件。
精选课件ppt
3
1.1.3 Flash动画的应用领域
随着Flash软件版本的不断升级，Flash的功能越来越强大，应用领 域也越来越广泛。Flash在动画设计、网络横幅广告、网站制作、游戏制 作、电子贺卡、手机彩信、多媒体课件、电影特效等领域有较为广泛的 应用。它是动画设计师、广告设计师、网站设计师、网站工程师、游戏 工程师、多媒体设计师、网络课件设计师等从业者必须掌握的软件。
标尺的单位默认是“像素”。如 果我们想修改标尺的单位，可以这 样操作：选择“修改”|“文档”命 令，打开“文档属性”对话框，在 “标尺单位”下拉菜单中可选择合 适的单位。
精选课件ppt
10
1.2.3 网格、标尺和辅助线
3．使用辅助线 首先要确认标尺处于显示状态，在“水平标尺”或“垂直标尺”上按下鼠标
1、启动Flash CS3软件，新建一个ActionScript3.0影片文档。
2、 “窗口”|“工具栏”|“主工具栏”命令，观察窗口变化。
3、切换工具的排列方式。
4、按照1.2.2节的相关内容，对面板进行各种操作。
5、选择相关的菜单命令，对网格、标尺和辅助线进行操作。
精选课件ppt
12
1.3 影片文档的基本操作方法
9
1.2.3 网格、标尺和辅助线
网格、标尺和辅助线是3种辅助设计工具，它们可以帮助Flash动画
制作者精确地勾画和安排对象。
1．使用网格
显示网格后，舞台背景 上出现一些网格线，这些 网格线只是在影片文档编
辑环境下起到辅助绘制图 形的作用，在导出的影片
第一章-Flash简介PPT课件
第7部分（第13章-第15章）：项目实训，介绍制作网站 片头、广告动画、网站动画的综合实例。
第1课 Flash CS3入门
本课要点 具体要求 本课导读 上机练习
本课要点
设置Flash CS3工作界面 管理Flash CS3文档 设置Flash CS3动画制作环境
具体要求
了解Flash CS3的应用领域 认识Flash CS3的基本界面并掌握设置工
Flash是什么
flash的英文解释为：n.闪光，闪现，一瞬 间，闪现，反射，使迅速传便，vt.使闪光 ，反射 adj.闪光的，火速的。
Flash是由macromedia公司推出的交互 式矢量图和 Web 动画的标准，由Adobe 公司收购。网页设计者使用 Flash 创作出 既漂亮又可改变尺寸的导航界面以及其他 奇特的效果。
打好基础 通过实践练习 注意观察和思考 交流和学习
4. Flash CS3的启动与退出
启动Flash CS3
启动Flash CS3主要有以下三种方式： 在Windows桌面上选择【开始】→【所有程序
】→【Adobe Design Premium CS3】→【 Adobe Flash CS3 Professional】命令，启动 Flash CS3。 双击Windows桌面上的【Adobe Flash CS3 Professional】快捷方式图标，启动Flash CS3 。 通过打开一个Flash CS3动画文档来启动Flash CS3。
主要内容
本课从内容上可分为7部分，各部分主要 内容如下。
第1部分（第1章）：主要讲解Flash的基础知识、 软件界面的设置、动画文档的管理以及设置动 画制作环境的操作方法。
第2部分（第2章～第5章）：主要讲解Flash中 图形绘制工具、图形编辑工具和文本工具的基 本应用，包括铅笔工具、刷子工具、颜料桶工 具以及任意变形工具等。
第1课 Flash CS3入门
本课要点 具体要求 本课导读 上机练习
本课要点
设置Flash CS3工作界面 管理Flash CS3文档 设置Flash CS3动画制作环境
具体要求
了解Flash CS3的应用领域 认识Flash CS3的基本界面并掌握设置工
Flash是什么
flash的英文解释为：n.闪光，闪现，一瞬 间，闪现，反射，使迅速传便，vt.使闪光 ，反射 adj.闪光的，火速的。
Flash是由macromedia公司推出的交互 式矢量图和 Web 动画的标准，由Adobe 公司收购。网页设计者使用 Flash 创作出 既漂亮又可改变尺寸的导航界面以及其他 奇特的效果。
打好基础 通过实践练习 注意观察和思考 交流和学习
4. Flash CS3的启动与退出
启动Flash CS3
启动Flash CS3主要有以下三种方式： 在Windows桌面上选择【开始】→【所有程序
】→【Adobe Design Premium CS3】→【 Adobe Flash CS3 Professional】命令，启动 Flash CS3。 双击Windows桌面上的【Adobe Flash CS3 Professional】快捷方式图标，启动Flash CS3 。 通过打开一个Flash CS3动画文档来启动Flash CS3。
主要内容
本课从内容上可分为7部分，各部分主要 内容如下。
第1部分（第1章）：主要讲解Flash的基础知识、 软件界面的设置、动画文档的管理以及设置动 画制作环境的操作方法。
第2部分（第2章～第5章）：主要讲解Flash中 图形绘制工具、图形编辑工具和文本工具的基 本应用，包括铅笔工具、刷子工具、颜料桶工 具以及任意变形工具等。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
图1-1 欢迎界面
2、操作界面。
菜单栏 浮动面板区
工具面板
时间轴 舞台
属性面板
图1-2 操作界面。
1.1.3 课堂练习──Flash 8用户基本操作
1. 运行Flash 8主程序。 2. 在欢迎界面中选择 选项，新建一个Flash文档。
3. 依次单击【菜单栏】上的各个选项展开其子项，查看并分析各 个命令的用途。 4. 利用【工具面板】上的各种绘图工具进行绘图操作。 5. 选择不同的对象，在【属性面板】中观察属性参数的变换情况
图1-17 保存影片
（2）单击 按钮保存影片，按Ctrl+Enter快捷键测试影片， 可以观看影片的播放效果如图1-18所示。
图1-18 测试影片
5、发布影片 。 （1）执行【文件】/【发布设置】菜单命令，打开【发布设置】 对话框，在【格式】选项卡中可以对要发布的格式进行设置，如图119所示 。
第1讲
Flash 8动画制作基础
学习目标
熟悉Flash8的设计环境及流程 了解Flash8制作逐帧动画的方法
本章大纲
• 1.1 熟悉Flash 8的设计环境 • 1.2 Flash 8动画制作流程
• 1.3 课后作业
1.1
熟悉Flash 8的设计环境
在开始对Flash 8进行深入的动画制作学习之前，首先对Flash
图1-27 文字参数
图1-28 文字效果
6、在“图层2”的第2帧处按F6快捷键插入一个关键帧，并修改该 帧处的数字为“8”，并使用该方法一直修改到输入数字0，效果如图 1-29所示。
图1-29 逐帧修改数字
7、保存测试影片，一个倒计时的效果制作完成。
1.3
课后作业
1、Flash的设计界面主要包括哪几个板块？ 2、请回答Flash的一般制作流程。
4、在图层1上面新建一个图层，如图1-26所示 。
图1-26 新建图层
5、选择【文本】工具 ，在【属性】面板中设置【字体】为 “Arial Black”，【字体大小】为“55”，【文本颜色】为“红色” ，然后在“图层2”上输入“9”，并相对于舞台居中对齐，参数设置 如图1-27所示，舞台上的显示效果如图1-28所示。
图1-15 改变字母颜色
（7）使用同样的方法，将第2帧的“e”字母的【字体颜色】设置 为“红色”，以此类推进行设置，效果如图1-16所示。
第2帧处的文字
第3帧处的文字
第4帧处的文字
第5帧处的文字
第6帧处的文字
第7帧处的文字
图1-16 各个帧上的文字设置
4、保存并测试影片 。
（1）按Ctrl+S快捷键保存影片，在弹出的【另存为】对话框中， 设置保存目录并输入文件名为“过光文字”，效果如图1-17所示。
图1-3 制作思路及效果
1、新建文档。 （1）启动Flash 8软件，在【创建新项目】栏中选择【Flash 文 档】选项，如图1-4所示，随后进入Flash的设计界面 。
新 建 一 个 Flash文档
图1-4 Flash 8开始页
（2）在舞台的空白处单击鼠标右键，在弹出的快捷菜单中选择 【文档属性】命令，如图1-5所示 。
分离文字
（4）分别在“文字”图层和“背景”图层的第7帧处按F5快捷键 插入帧，效果如图1-13所示 。
图1-13 插入帧一
（5）按住Shift键选中“文字”图层的第2帧～第7帧，然后按F6 快捷键插入关键帧，效果如图1-14所示 。
图1-14 插入关键帧
（6）选中“文字”图层第1帧处的字母“W”，在属性面板中设 置其【字体颜色】为“红色”，效果如图1-15所示 。
图1-5选择【文档属性】选项
（3）在 弹出的【 文档属性 】对话框中设置文档【 尺寸 】为 “600px×420px”，设置文档【帧频】为“5fps”，文档其他属性使 用默认参数，如图1-6所示 。
图1-6 设置文档属性一
2、导入背景图 。 （1）用鼠标右键单击“图层1”图层，在弹出的快捷菜单中选择 【属性】命令，然后在弹出的【图层属性】对话框中将图层重命名 为“背景”图层，效果如图1-7所示 。
8的设计界面进行一个初步的认识。
1.1.1
知识点讲解 Flash的前身叫做FutureSplash Animator，由美国
的乔纳森· 盖伊在1996年夏季正式发行，并很快获得了微
软和迪斯尼两大巨头公司的青睐2 范例解析──Flash 8用户界面介绍
1、欢迎界面 。
图1-10 文本属性设置
图1-11 输入文字效果
与舞台居中对齐的方法为：选中舞台上的文字，按Ctrl+K 快捷键打开对齐面板，确认 按钮处在按下状态时，单 击 和 按钮使文字与舞台居中对齐 。 （3）选中“文字”图层上第1帧的图形，按1次Ctrl+B快捷键将 文字打散，效果如图1-12所示 。
图1-12
设置文档属性
确定文档大小、帧频、背景颜色等属性
动画编辑
动画制作主体，完成绝大部分创作工作
保存动画
确定动画源文件的保持位置和格式
发布设置
确定动画发布为何种格式，如：SWF、gif等
发布测试动画
将动画按照发布设置进行发布
1.2.2 范例解析──制作“过光文字”
本例将使用逐帧动画来制作一个过光文字的效果，制作思路及 效果如图1-3所示
1.2
Flash 8动画制作流程
Flash 8动画制作的一般流程对于动画初学者是很有必要掌
握的，在本小节将从其知识点出发，最后以简单的实例操作来
带领读者牢固掌握该流程。
1.2.1 知识点讲解
利用Flash进行动画开发，一般都需要经过一个较为固定的流程 ，如下所示。
新建文档 确定新建的Flash文档类型
图1-23 设置文档属性二
2、执行【文件】/【导入】/【导入到舞台】菜单命令，将教学资 源中的“素材\第1讲\数字倒计时\背景.png”文件导入到舞台中，效 果如图1-24所示 。
图1-24 导入背景图片
3、在默认“图层1”的第15帧处按F5快捷键插入帧，效果如图125所示 。
图1-25 插入帧二
图1-19 【发布设置】对话框
（2）SWF动画格式是Flash 8 自身的动画格式，因此它是输出动 画的默认格式。选择【发布设置】对话框中的【Flash】选项卡，可 以设定SWF动画的版本、加载顺序、图像和声音压缩比例等参数， 如图1-20所示。
图1-20 【Flash】选项卡
（3）如果要在Web浏览器中播放Flash电影，则必须创建HTML 文档。选择【发布设置】对话框中的【HTML】选项卡，可以设定控 制Flash电影出现在浏览器窗口中的位置、背景颜色以及电影大小等 参数，如图1-21所示 。
图1-21 【HTML】选项卡
（4）设置完成后，单击 到发布后的文件，如图1-22所示。
按钮，可以在保存的目录中看
swf文件
源 文 件
Html文件
图1-22 发布后的文件
1.2.3 课堂练习──制作“数字倒计时”
请同学使用同样的逐帧动画制作方法，制作一个“数字倒计时
”效果
1、新建一个Flash文档，设置文档属性如图1-23所示
图1-9 添加图层
（2）选择【 文本 】工具，设置【 字体 】为“Times New Roman”，【字体大小】为“95”并加粗，【文本（填充）颜色】为 “红色”，然后在“文字”图层上输入字母“Welcome”，并将其 相对舞台居中对齐，参数设置如图1-10所示，舞台上的显示效果如 图1-11所示。
时间轴的显示效果
【图层属性】对话框
图1-7 重命名图层
（1）执行【文件】/【导入】/【导入到舞台】菜单命令，将教学 资源中的“素材\第1讲\过光文字\背景.jpg”文件导入到舞台中，舞台 效果如图1-8所示 。
图1-8 导入背景图
3、制作文字过光效果 。 （1）在时间轴上单击按钮，在“背景”图层上新建一个图层并 重命名为“文字”图层，效果如图1-9所示 。