动画制作基础与应用教程(Flash CS5)第8章层与高级动画
合集下载
Flash CS5 动画设计教程第8章
制作“雪夜”特效动画
相关知识点讲解
什么是视觉特效动画 制作雪花飘落动画 制作火焰动画
制作烟动画
什么是视觉特效动画
视觉特效动画就是将特殊的动画效果,如花瓣的飘落感和雪花的轻盈感 等,制作为视觉化、符号化的动画,使其给人以视觉上的冲击,使动画欣赏 者从视觉上感受到空间的变化, 从而享受特效动画。
制作雪花飘落动画
什么是IK(画
什么是IK(反向运动)
反向运动 (IK) 是一种使用骨骼对对象进行动画处理的方式,这些骨 骼按父子关系链接成线性或枝状的骨架,当一个骨骼移动时,与其连接 的骨骼也发生相应的移动。IK一般用于以下两种方式。
形状上添加:使用形状作为多块骨骼的容器,可向鞭等形状图画中添加骨 骼,使其逼真地运动,形状需在“对象绘制”模式下绘制。 在元件上添加:将元件实例链接起来,可将躯干、手臂、前臂和手的影片 剪辑链接起来,使其彼此协调、逼真地移动。每个实例都只有一个骨骼。
制作火焰动画
制作火焰动画
在元件中制作火焰,可避免与场景中的动画产生冲突。使用Deco工具 绘制效果中的火焰动画,调整相关参数后,即可制作逼真的火焰效果。
制作烟动画
烟动画面板
选择Deco工具后,在“绘制效果”栏的下拉列表中选择“烟动画” 选项,即可将面板中的参数转换为与烟动画相关的参数。
制作烟动画
添加完骨骼后即可设置骨骼的属性,使其符合运动学规律,特别是 在制作人物或动物动画时,约束骨骼属性可使对象在动作时,不违背自 然规律。
编辑骨骼动画
制作骨骼动画
图层的左侧都有一个眼睛图标 ,用于控制图层的显示与隐藏,单击 该图标可使其消失,表示图层被隐藏,该图层中的图像也随之被隐藏, 如下图所示。再次单击图标,可使其重新显示出来。
动画制作基础与应用教程Flash CS5 (5)
效果图
5.1.3 将位图转换为图形
使用Flash可以将位图分离为可编辑的图形,位图仍然保留它原来的细节。分离 位图后,可以使用绘画工具和涂色工具来选择和修改位图的区域。
绘制的线条在位图下方显示
将位图转换为图形
绘制的线条在图形上方显示
5.1.4 将位图转换为矢量图
选中位图,选择“修改 > 位图 > 转换位图为矢量图”命令,弹出“转换位 图为矢量图”对话框,设置数值后,单击“确定”按钮,位图转换为矢量图
以识别多种不同的位图和向量图的文件格式,可以通过导入或粘贴的 方法将素材引入到Flash中。 1. 导入到舞台 导入位图到舞台:当导入位图到舞台上时,舞台上显示出该位图,位图同时被 保存在“库”面板中。 导入矢量图到舞台:导入矢量图到舞台上时,舞台上显示该矢量图,但矢量图 并不会被保存到“库”面板中。 2. 导入到库 导入位图到库:当导入位图到“库”面板时,舞台上不显示该位图,只在“库” 面板中进行显示。 导入矢量图到库:导入矢量图到“库”面板时,舞台上不显示该矢量图,只在 “库”面板中显示。
第5章 外部素材的使用
本章简介:
Flash CS5可以导入外部的 图像和视频素材来增强动画效果。 本章主要讲解了导入外部素材以 及设置外部素材属性的方法。通 过这些内容的学习,可以了解并 掌握如何应用Flash CS5的强大 功能来处理和编辑外部素材,使 其与内部素材充分结合,从而制 作出更加生动的动画作品。
5.2.2 导入视频素材
Macromedia Flash Video(FLV)文件可以导入或导出带编码音频的静 态视频流。适用于通信应用程序,例如视频会议或包含从 Adobe 的 Macromedia Flash Media Server 中导出的屏幕共享编码数据的文件。
Flash CS5动画设计教程第8章
第8章 制作高级动画二
普通高等学校计算机教育“十二五”规划教材立体化精品系列
学习目标
学习要点
◎ ◎ ◎ ◎ 滤镜基础 滤镜特效 创建场景 编辑场景
学习目标
◎ 掌握滤镜的基础知识 ◎ 掌握添加滤镜效果的方法 ◎ 熟悉创建和编 3 滤镜 应用滤镜特效 场景动画
滤镜
滤镜基础 预设滤镜库
课后习题
(2)打开提供的素材文件,通过新建文件将两个素材文件整合到 一个文件中的不同场景中,并调整动画,完成后的参考效果如下图所 示。
课后习题
预设滤镜库
删除预设滤镜
在“滤镜”栏下单击“预设” 按钮,在打开的列表中选择“删除”选项, 打开“删除预设”对话框,选择要删除的预设,然后单击即可。如下图所示。
预设滤镜库
应用预设滤镜
选择要应用滤镜预设的对象,在属性面板的“滤镜”栏中单击“预设”按 钮,在打开的列表中选择存储的滤镜即可。如下图所示。
滤镜基础
应用或删除滤镜
应用或删除滤镜
应用滤镜:在属性面板中 展开“滤镜”栏,单击 “ 添加滤镜”按钮,在 打开的列表中选择一个滤 镜效果,即可为选择的对 象添加一个滤镜。
删除滤镜:在“滤镜” 栏中选择需要删除的滤 镜,然后单击下方的 “删除滤镜”按钮,即 可删除选择的滤镜。
滤镜基础
复制和粘贴滤镜
应用滤镜特效
投影滤镜效果 模糊滤镜效果 发光滤镜效果 斜角滤镜效果 渐变发光滤镜效果 渐变斜角滤镜效果 调整颜色滤镜效果 课堂案例1——制作宣传片头
投影滤镜效果
选择需要添加滤镜的对象,在“滤镜”栏中单击“添加滤镜”按 钮,在打开的列表中选择“投影”选项,如下图所示。即可添加投影 滤镜。
模糊滤镜效果
课堂案例2——创建“变换”场景动画
普通高等学校计算机教育“十二五”规划教材立体化精品系列
学习目标
学习要点
◎ ◎ ◎ ◎ 滤镜基础 滤镜特效 创建场景 编辑场景
学习目标
◎ 掌握滤镜的基础知识 ◎ 掌握添加滤镜效果的方法 ◎ 熟悉创建和编 3 滤镜 应用滤镜特效 场景动画
滤镜
滤镜基础 预设滤镜库
课后习题
(2)打开提供的素材文件,通过新建文件将两个素材文件整合到 一个文件中的不同场景中,并调整动画,完成后的参考效果如下图所 示。
课后习题
预设滤镜库
删除预设滤镜
在“滤镜”栏下单击“预设” 按钮,在打开的列表中选择“删除”选项, 打开“删除预设”对话框,选择要删除的预设,然后单击即可。如下图所示。
预设滤镜库
应用预设滤镜
选择要应用滤镜预设的对象,在属性面板的“滤镜”栏中单击“预设”按 钮,在打开的列表中选择存储的滤镜即可。如下图所示。
滤镜基础
应用或删除滤镜
应用或删除滤镜
应用滤镜:在属性面板中 展开“滤镜”栏,单击 “ 添加滤镜”按钮,在 打开的列表中选择一个滤 镜效果,即可为选择的对 象添加一个滤镜。
删除滤镜:在“滤镜” 栏中选择需要删除的滤 镜,然后单击下方的 “删除滤镜”按钮,即 可删除选择的滤镜。
滤镜基础
复制和粘贴滤镜
应用滤镜特效
投影滤镜效果 模糊滤镜效果 发光滤镜效果 斜角滤镜效果 渐变发光滤镜效果 渐变斜角滤镜效果 调整颜色滤镜效果 课堂案例1——制作宣传片头
投影滤镜效果
选择需要添加滤镜的对象,在“滤镜”栏中单击“添加滤镜”按 钮,在打开的列表中选择“投影”选项,如下图所示。即可添加投影 滤镜。
模糊滤镜效果
课堂案例2——创建“变换”场景动画
Flash CS6-第8章层与高级动画课件
8.1.4 普通引导层
普通引导层主要用于为其他图层提供辅助绘图和绘图定位,引 导层中的图形在播放影片时是不会显示的。 建普通引导层
鼠标创右键单击“时间轴”面板中的某个图层,在弹出的 菜单中选择“引导层”命令,该图层转换为普通引导层。 将普通引导层转换为普通图层
如果要播放影片时显示引导层上的对象,还可将引导层转 换为普通图层。鼠标右键单击“时间轴”面板中的引导层,在 弹出的菜单中选择“引导层”命令,引导层转换为普通图层。 应用普通引导层制作动画
课堂学习目标
掌握层的基本操作 掌握引导层和运动引导层动画的制作方法 掌握遮罩层的使用方法和应用技巧 熟悉运用分散到图层功能编辑对象 了解场景动画的创建和编辑方法
8.1 层、引导层与运动引导层的动画
课堂案例——制作飘落的树叶 层的设置 图层文件夹 普通引导层 运动引导层
8.1.1 课堂案例——制作飘落的树叶
新建空白文档,在“时间轴”面板中,鼠标右键单击“图 层1”,在弹出的菜单中选择“引导层”命令。“图层1”由普 通图层转换为引导层。
8.1.5 运动引导层
运动引导层的作用是设置对象运动路径的导向,使与之相链接 的被引导层中的对象沿着路径运动,运动引导层上的路径在播放动 画时不显示。在引导层上还可创建多个运动轨迹,以引导被引导层 上的多个对象沿不同的路径运动。要创建按照任意轨迹运动的动画 就需要添加运动引导层,但创建运动引导层动画时要求是动作补间 动画,形状补间动画、逐帧动画不可用。
创建图层文件夹 选择“插入 > 时间轴 > 图层文件夹”命令,在“时间轴”面
板中创建图层文件夹。还可单击“时间轴”面板下方的“插入图层 文件夹”按钮,在“时间轴”面板中创建图层文件夹。 删除图层文件夹 在“时间轴”面板中选中要删除的图层文件夹,单击面板下方
Flash CS5中文版动画制作基础第8章
步骤3:为其他线条及产品制作动画
制作“线条05”动画
制作“触摸-T”动画
制作“触摸-W”动画
制作“线条06”动画
制作“精彩-T”动画
制作“精彩-W”动画
步骤4:制作遮罩
步骤1:打开制作模板分析
步骤2:编辑“相册效果”元件
放置“图片1”
创建遮罩层动画
8.3 综合应用──制作“溢彩MP4”
步骤1:制作线条动画
制作“LOGO”元件的入场
制作“线条01”动画
制作“线条02”动画
制作“线条03”动画
制作“线条04”动画
步骤2:制作产品动画
制作“XT750-W”动画
第8章 制作遮罩层动画
掌握遮罩层动画的创建方法和原理。 掌握利用遮罩层动画制作特殊效果 的方法。 学习利用遮罩层动画表达艺术创意。
8.1 制作遮罩层动画
8.1.1 遮罩层动画基本训练——制作“云彩文 字”
步骤1:绘制背景
输入字母
ቤተ መጻሕፍቲ ባይዱ
绘制图形元件
创建遮罩层动画
步骤3:添加特效
8.1.2 遮罩层动画提高应用——制作 “塔桥下的湖面”
步骤1:布置场景
放置湖面
步骤2:制作遮罩
设置遮罩层动画
8.2 多层遮罩动画
8.2.1 多层遮罩动画基本训练——制作“星球 旋转”
步骤1:打开制作模板
步骤2:绘制素材
步骤3:制作球体旋转效果
制作“前景板块2”动画
制作“后景板块2”动画
8.2.2 多层遮罩动画提高应用——制 作“影集切换效果”
Adobe Flash CS5 动画设计与制作技能基础教程
读书笔记
这是《Adobe Flash CS5 动画设计与制作技能基础教程》的读书笔记模板,可以替换为自己的心得。
精彩摘录
这是《Adobe Flash CS5 动画设计与制作技能基础教程》的读书笔记模板,可以替换为自己的精彩内容摘录。
谢谢观看
3 9.8综合案
例——制作台 历
4 9.9经典商业
案例赏析
5
9.10课后练习
10.1测试影片的两 种环境
10.2优化影片
10.3发布及预览影 片
10.4综合案例—— 手机广告
10.5经典商 业案例赏析
10.6课后练 习
作者介绍
这是《Adobe Flash CS5 动画设计与制作技能基础教程》的读书笔记模板,暂无该书作者的介绍。
6.2形状补间
2
动画
3 6.3传统补间
动画
4
6.4补间动画
5
6.5引导动画
6.6遮罩动画
6.7综合案例——制 作卡通小短片
6.8经典商业案例赏 析
6.9课后练习
7.1 ActionScript 基本常识
7.2 ActionScript 程序基础
7.3使用运算符
7.4 ActionScript 语法基础
2.5选择对象的工具
2.6综合案例——绘 制居室
2.7经典商业案例赏 析
2.8课后练习
3.1 Flash的 1
动画原理
3.2时间轴和
2
帧
3
3.3编辑帧
4
3.4图层
5 3.5综合案
例——烟花绽 放
3.6经典商业 案例赏析
3.7课后练习
4.2创建元件
4.1元件的定义和 类型
《Flash CS5二维动画制作案例教程》模块一 Flash CS5动画制作基础
图1-10属性面板
1.2 Flash CS5操作界面
(2)库面板 库面板用于存储和组织在Flash中创建的各种元件,它还用于存储和组织导入的 文件,包括位图图形、声音文件和视频剪辑等,如图1-11所示。
图1-11库面板
1.2 Flash CS5操作界面
(4) 动作面板 动作面板是主要的“开发面板”之一,是动作脚本的编辑器,我们会在后面的动作脚 本章节中具体详解,如图1-12所示。。
图1-1Flash动画截图
1.1 Flash CS5简介
4.Flash文件格式 在Flash中,用户可以处理多种类型的文件(如fla、xfl、swf、as、swc、asc、flp等格 式),不同类型的文件其用途各不相同。下面对常用的文件类型进行简单介绍: Fla文件: 该文件是Flash中的主要文件类型,它包含Flash文档的三种基本类型信息:媒体对象、时 间轴和脚本信息。 xfl文件: 在FLASH CS5中新增加了一种文件格式,就是xfl文件。处于项目文件开源的考虑, ADOBE公司推出了这样一种公开格式的文档。在我们平常使用过程中,熟悉了解项目文 件时非常重要的。举一个简单的例子,微软的VS软件所有的项目文档都可以用记事本来 打开,也就是说所有的项目文档都是文本文档。这样不仅利于程序的修改,同时可以与第 三方软件兼容。 SWF文件: 该文件是FLA的编译版本,是能在网页上显示的文件。当用户发布FLA文件时,Flash将创 建一个SWF文件。 AS文件: 该文件指ActionScript文件,用于将部分或全部ActionScript代码放置在FLA文件以外的位 置。
1.2 Flash CS5操作界面
2.时间轴 时间轴用于组织和控制文档内容在一定时间内播放的图层数和帧数,它的基本组 成如图1-4所示。
1.2 Flash CS5操作界面
(2)库面板 库面板用于存储和组织在Flash中创建的各种元件,它还用于存储和组织导入的 文件,包括位图图形、声音文件和视频剪辑等,如图1-11所示。
图1-11库面板
1.2 Flash CS5操作界面
(4) 动作面板 动作面板是主要的“开发面板”之一,是动作脚本的编辑器,我们会在后面的动作脚 本章节中具体详解,如图1-12所示。。
图1-1Flash动画截图
1.1 Flash CS5简介
4.Flash文件格式 在Flash中,用户可以处理多种类型的文件(如fla、xfl、swf、as、swc、asc、flp等格 式),不同类型的文件其用途各不相同。下面对常用的文件类型进行简单介绍: Fla文件: 该文件是Flash中的主要文件类型,它包含Flash文档的三种基本类型信息:媒体对象、时 间轴和脚本信息。 xfl文件: 在FLASH CS5中新增加了一种文件格式,就是xfl文件。处于项目文件开源的考虑, ADOBE公司推出了这样一种公开格式的文档。在我们平常使用过程中,熟悉了解项目文 件时非常重要的。举一个简单的例子,微软的VS软件所有的项目文档都可以用记事本来 打开,也就是说所有的项目文档都是文本文档。这样不仅利于程序的修改,同时可以与第 三方软件兼容。 SWF文件: 该文件是FLA的编译版本,是能在网页上显示的文件。当用户发布FLA文件时,Flash将创 建一个SWF文件。 AS文件: 该文件指ActionScript文件,用于将部分或全部ActionScript代码放置在FLA文件以外的位 置。
1.2 Flash CS5操作界面
2.时间轴 时间轴用于组织和控制文档内容在一定时间内播放的图层数和帧数,它的基本组 成如图1-4所示。
Flash CS5 动画设计教程
目录分析
1.1 Flash动画概述
1.2通过“变脸”动 画认识Flash CS5的
工作界面
1.3创建和设置“范 例”动画文档
1.4实训——创建 “练习”动画文档
1.5疑难解析
1.6习题
2.2制作荷花
2.1绘制MP3播放器
2.3实训——绘制 脸谱
2.4疑难解析
2.5习题
3.2制作圣诞场景
3.1绘制花朵
Flash CS5 动画设计教程
读书笔记模板
01 思维导图
03 目录分析 05 读书笔记
目录
02 内容摘要 04 作者介绍 06 精彩摘录
思维导图
本书关键字分析思维导图
能力
场景
学生
应用
片头
习题
网页
教程
知识
案例 第章
立方体
动画设计
文档
文字
制作
疑难解析
脚本
音符
内容摘要
本书主要讲解了FlashCS5的基础知识,绘制图形,编辑图形,创建静态文本,使用素材和元件,制作基础动 画,制作高级动画,制作视觉特效和骨骼动画,使用ActionScript脚本,声音和视频的处理,使用组件,动画的 测试与发布等知识。本书最后附录中还安排了4个不同类型的综合实训,进一步提高学生对知识的应用能力。 本 书由浅入深、循序渐进,采用案例式讲解,基本上每一章均以情景导入、课堂案例讲解、上机综合实训、疑难解 析及习题的结构进行讲述。全书通过大量的案例和练习,着重于对学生实际应用能力的培养,并将职业场景引入 课堂教学,让学生提前进入工作的角色中。
8.2制作“火 2
柴人”骨骼动 画
3 8.3实训——
制作“新年快 乐”动画
《Flash CS5动画制作高级案例教程》教学课件 008
道到右〔左〕声道逐渐减小。
❖ 淡入:播放时声音音量逐渐加大。图8-73 设置声音效 果
❖ 淡出:播放时声音音量逐渐减小。
❖ 自定义:翻开“编辑封套〞对话框对声音进行编辑。
❖ autoRewind:勾选该复选框,那么当播放头到达动画 末尾或用户单击停止按钮时,视频将后退到开始处。
❖ autoSize:勾选该复选框,播放动画时会自动将视频回 放组件的大小调整为与源视频尺寸等大。
❖ bufferTime:用于设置开始播放视频前要缓冲的秒数, 默认值是0。
❖ Skin:单击该选项右侧的按钮,将翻开一个对话框, 从中可以选择一种新的视频回放组件外观。
工程八 应用外部素材
❖ 理论指导 ❖ 任务实践
理论指导
❖ 应用外部图形与图像 ❖ 应用视频 ❖ 应用声音
〔一〕应用外部图形与图像
1.Flash CS5支持的图形与图像
❖ 支持的矢量图形:Windows元文件〔扩展名为.wmf〕、 增强的Windows元文件〔扩展名为.emf〕、AutoCAD DXF文件〔扩展名为.dxf〕、Illustrator文件〔扩展名 为.ai.、eps〕等格式的矢量图形。
❖ volume:用于控制视频中的音量。
〔三〕应用声音
1.导入和添加声音
可以直接导入Flash CS5的声音格式有WAV、AIFF和MP3 三种,其中最常用的是MP3格式。下面通过为一段动画添加 声音,介绍在Flash文件中添加声音的具体操作。
1.翻开素材文档,然后选 择“文件〞>“导入〞>“导 入到舞台〞或“导入到库 〞菜单,在翻开的“导入 〞对话框中选择 声音文件。
4.保存文档后,将 启动视频转换组件
Adobe Media Encoder。单击该组 件“预设〞栏下方 的下拉按钮,在展 开的下拉列表中可 选择系统预设的 Flash视频编码配置 文件,本例选择 “FLV—与源属性匹 配〔高质量〕〞选 项。
❖ 淡入:播放时声音音量逐渐加大。图8-73 设置声音效 果
❖ 淡出:播放时声音音量逐渐减小。
❖ 自定义:翻开“编辑封套〞对话框对声音进行编辑。
❖ autoRewind:勾选该复选框,那么当播放头到达动画 末尾或用户单击停止按钮时,视频将后退到开始处。
❖ autoSize:勾选该复选框,播放动画时会自动将视频回 放组件的大小调整为与源视频尺寸等大。
❖ bufferTime:用于设置开始播放视频前要缓冲的秒数, 默认值是0。
❖ Skin:单击该选项右侧的按钮,将翻开一个对话框, 从中可以选择一种新的视频回放组件外观。
工程八 应用外部素材
❖ 理论指导 ❖ 任务实践
理论指导
❖ 应用外部图形与图像 ❖ 应用视频 ❖ 应用声音
〔一〕应用外部图形与图像
1.Flash CS5支持的图形与图像
❖ 支持的矢量图形:Windows元文件〔扩展名为.wmf〕、 增强的Windows元文件〔扩展名为.emf〕、AutoCAD DXF文件〔扩展名为.dxf〕、Illustrator文件〔扩展名 为.ai.、eps〕等格式的矢量图形。
❖ volume:用于控制视频中的音量。
〔三〕应用声音
1.导入和添加声音
可以直接导入Flash CS5的声音格式有WAV、AIFF和MP3 三种,其中最常用的是MP3格式。下面通过为一段动画添加 声音,介绍在Flash文件中添加声音的具体操作。
1.翻开素材文档,然后选 择“文件〞>“导入〞>“导 入到舞台〞或“导入到库 〞菜单,在翻开的“导入 〞对话框中选择 声音文件。
4.保存文档后,将 启动视频转换组件
Adobe Media Encoder。单击该组 件“预设〞栏下方 的下拉按钮,在展 开的下拉列表中可 选择系统预设的 Flash视频编码配置 文件,本例选择 “FLV—与源属性匹 配〔高质量〕〞选 项。
动画制作基础与应用教程Flash CS5 (1)
第1章 Flash CS5基础知识
本章简介:
本章主要讲解了Flash CS5的 基础知识和基本操作。通过这些内 容的学习,可以认识和了解工作界 面的构成,并掌握文件的基本操作 方法和技巧,为以后的动画设计和 制作打下一个坚h CS5的工作界面 掌握文件操作的方法和技巧
“新建文档”对话框
舞台
1.2.2 保存文件
选择“文件 > 保存”,弹出“另存为”对话框,在对话框中,输入文件 名,选择保存类型,单击“保存”按钮,即可将动画保存。
“另存为”对话框
1.2.3 打开文件
选择“文件 > 打开”命令,弹出“打开”对话框,在对话框中搜索路径 和文件,确认文件类型和名称。
“打开”对话框
1.1 工作界面
Adobe Flash CS5操作界面由以下几部分组成:菜单栏、主工具栏、工 具箱、时间轴、场景和舞台、属性面板以及浮动面板。
菜单栏
主工具栏 工具箱 浮动面板
场景和舞台
时间轴 属性面板
Flash CS5的工作界面
1.2 文件操作
新建文件 保存文件
打开文件
1.2.1 新建文件
选择“文件 > 新建”命令,弹出“新建文档”对话框。选择完成后,单 击“确定”按钮,即可完成新建文件的任务。
动画制作基础与应用教程(Flash CS5)第8章层与高级动画
8.1 层
层的基本操作 图层文件夹
8.1.1 层的基本操作
1.层的弹出式菜单 2.创建图层 3.选取图层 4.排列图层 5.复制、粘贴图层 6.删除图层 7.隐藏、锁定图层和图层的线框显示模式 8.重命名图层
8.1.2 图层文件夹
1. 创建图层文件夹 2. 删除图层文件夹
8.2 引导层与运动引导层的动画制作
2.将遮罩层转换为普通图层 在“时间轴”面板中,用鼠标右键单击要转换的遮罩层,在弹出的菜单 中选择“遮罩层”命令,遮罩层转换为普通图层。
8.4 分散到图层
分散到图层 课堂案例——风吹字效果
8.4.1 分散到图层
新建空白文档,选择“文本”工具 ,在“图层1”的舞台窗口中输 入文字“厚积薄发”。选中文字,按Ctrl+B组合键,将文字打散。选择 “修改 > 时间轴 > 分散到图层”命令,将“图层1”中的文字分散到不同 的图层中并按文字设定图层名。
8.2.3 课堂案例——飞舞的蒲公英
使用铅笔工具绘制路径,使用添加传统运动引导层命令制作蒲 公英飞舞效果。
效果图
8.3 遮罩层
1.创建遮罩层 在“时间轴”面板中,用鼠标右键单击要转换遮罩层的图层,在弹出的菜 单中选择“遮罩层”命令。选中的图层转换为遮罩层,其下方的图层自动转 换为被遮罩层,并且它们都自动被锁定。
分散到图层的过程
8.4.2 课堂案例——风吹字效果
使用分散到图层命令将文字分散到多个图层。使用转换为元件命令将文字 转换为图形元件。使用变形面板将文字进行水平翻转。
效果图
课堂练习——发光效果
使用线条工具绘制直线图形,使用变形面板复制并旋转图形,使用 遮罩层命令和创建传统补间命令制作发光线条效果。
重命名图层812图层文件夹删除图层文件夹单击图标添加联机映像82引导层与运动引导层的动画制作普通引导层运动引导层课堂案例飞舞的蒲公创建普通引导层用鼠标右键单击时间轴面板中的某个图层在弹出的菜单中选择引导层命令该图层转换为普通引导层此时图层前面的图标变为将引导层转换为普通图层用鼠标右键单击时间轴面板中的引导层在弹出的菜单中选择引导层命令引导层转换为普通图层此时图层前面的图标变为
层的基本操作 图层文件夹
8.1.1 层的基本操作
1.层的弹出式菜单 2.创建图层 3.选取图层 4.排列图层 5.复制、粘贴图层 6.删除图层 7.隐藏、锁定图层和图层的线框显示模式 8.重命名图层
8.1.2 图层文件夹
1. 创建图层文件夹 2. 删除图层文件夹
8.2 引导层与运动引导层的动画制作
2.将遮罩层转换为普通图层 在“时间轴”面板中,用鼠标右键单击要转换的遮罩层,在弹出的菜单 中选择“遮罩层”命令,遮罩层转换为普通图层。
8.4 分散到图层
分散到图层 课堂案例——风吹字效果
8.4.1 分散到图层
新建空白文档,选择“文本”工具 ,在“图层1”的舞台窗口中输 入文字“厚积薄发”。选中文字,按Ctrl+B组合键,将文字打散。选择 “修改 > 时间轴 > 分散到图层”命令,将“图层1”中的文字分散到不同 的图层中并按文字设定图层名。
8.2.3 课堂案例——飞舞的蒲公英
使用铅笔工具绘制路径,使用添加传统运动引导层命令制作蒲 公英飞舞效果。
效果图
8.3 遮罩层
1.创建遮罩层 在“时间轴”面板中,用鼠标右键单击要转换遮罩层的图层,在弹出的菜 单中选择“遮罩层”命令。选中的图层转换为遮罩层,其下方的图层自动转 换为被遮罩层,并且它们都自动被锁定。
分散到图层的过程
8.4.2 课堂案例——风吹字效果
使用分散到图层命令将文字分散到多个图层。使用转换为元件命令将文字 转换为图形元件。使用变形面板将文字进行水平翻转。
效果图
课堂练习——发光效果
使用线条工具绘制直线图形,使用变形面板复制并旋转图形,使用 遮罩层命令和创建传统补间命令制作发光线条效果。
重命名图层812图层文件夹删除图层文件夹单击图标添加联机映像82引导层与运动引导层的动画制作普通引导层运动引导层课堂案例飞舞的蒲公创建普通引导层用鼠标右键单击时间轴面板中的某个图层在弹出的菜单中选择引导层命令该图层转换为普通引导层此时图层前面的图标变为将引导层转换为普通图层用鼠标右键单击时间轴面板中的引导层在弹出的菜单中选择引导层命令引导层转换为普通图层此时图层前面的图标变为
FlashCS5动画制作经典教程
二、导入图形或图像
导入到当前帧:选择“文件”>“导入”>“导入到舞台”菜单项, 或按快捷键【Ctrl+R】,打开 “导入”对话框,然后选择要导 入的图形或图像,单击“打开”按钮,即可将所选图形或图像导 入到当前图层的当前帧上 。
“导入”对话框
导入到舞台的位图
导入到库:选择“文件”>“导入”>“导入到库”菜单,可将矢量 图形或位图图像导入到“库”面板中。
三、编辑位图
1.分离位图和选取位图区域
用户可利用“套索工具”选取位图部分区域。需要注 意的是,在选取位图区域前需要先使用“选择工具”单击 选中位图,然后按【Ctrl+B】组合键将其分离。 “套索工具”有“套索”、“多边形”和“魔术棒”3 种模式,利用这3种模式都可以选取分离位图的部分区域, 但选取特点各不相同,下面分别介绍。
将位图转换为矢量图
颜色阈值:设置颜色之间的差值,范围为1~500之间的整数。 阈值越小,转换后的图形颜色越丰富,与原图像差别越小。 最小区域:范围为1~1000之间的整数。值越小,转化后的图形 与原图像越接近。 角阈值:设置是保留锐利边缘(颜色对比强烈的边缘),还是进 行平滑处理,范围从“较多转角”到“较少转角”。“较多转角” 会保留原图像的锐利边缘。 曲线拟合:设置转换时如何平滑图形轮廓线,“像素”表示不平 滑。
“套索”模式:“套索”模式是“套索工具”的默认模式,使用 该模式可以Байду номын сангаас择任意位图区域。选择“套索工具”后,在分离的 位图上单击确定起点,按住鼠标左键不放并沿要选取的区域拖动, 此时会出现一个黑色的轨迹,到与起始点汇合后松开鼠标,此时 轨迹内的图像区域即被选取 。
《网页动画制作flash CS5基础案例与教程》模块8 ActionScript 3.0基础知识
总结与回顾
• 本模块主要简单介绍了ActionScript 3.0脚本语言 的一些基本语法,并通过三个具体任务,展现了 脚本语句在使用时的具体形式,以及具有实现一 些复杂效果的功能。
教育成就未来
– 1. ActionScript 3.0创建对象 格式:var 变量名:变量类型=值; – 2. ActionScript 3.0创建类
class 类名{ 声名变量 函数 }
必备知识
– 3.事件
事件是能够响应系统或用户特定操作的集合。包括事 件源、事件类型侦听、事件相应
– 4. ActionScript 3.0脚本的基本语法
元件”缩小”按钮从库中分别拖入场景中,并 依次设置元件的”实例名称”为”fdan”和 ”sxan”。 • 7. 新建”图层4”,在”动作—帧”面板中输入 脚本语言。
操作步骤
• 8.完成ActionScript 3.0控制图像放大缩小动画的制作 ,按【Ctrl+Enter】测试影片,并将影片保存。
任务2
所执行的动作 2.按钮动作的应用 • 要控制动画的播放以及用户与动画的交互,就必
须通过按钮来实现,给按钮添加动作的语法是: on (事件){ 执行动作;
}
必备知识
3. 按钮事件处理函数 按钮的实例名称.按钮事件处理函数 = function() { 执行的动作; }
4.onClipEvent()(影片剪辑事件) 格式:
操作步骤
• 13.事件触发10次,定义对象“pp”为影片剪辑元 件实例“paopao”,再通过“addChild”函数将 “pp”实例添加到场景中并将其保存于以变量“i” 为下标的数组对象“pao”中,再设置该对象实例 的坐标值与鼠标的坐标值一致,并让变量“i”增 加1。
Flash动画制作教程层场景与高级动画课件
7.5.2 场景的基本操作
5.复制场景 在“场景”面板中选择需要复制的场景名称,单击“场景”面板左下方的 “重制场景”按钮 ,可以复制场景,如图所示。复制的场景是所选择场 景的一个副本,所选择场景中的帧、层和动画等都将被复制。
6.删除场景 在“场景”面板中选择需要删 除的场景,单击“场景”面板 左下方的“删除按钮”即可删 除场景。删除场景时,场景中 的所有图层、帧和动画都被删 除。
7.6 综合应用
制作动画——贺新春,最终效果图如图所示。
总结
• Flash中图层的基本概念、类型与操作 • 学会制作引导层动画 • 学会制作遮罩层动画 • 场景的概念及应用
上机任务
练习在Flash中图层、场景的操作 制作引导层动画、遮罩动画 制作课本综合应用实例
4.展开和折叠图层文件夹 图层文件夹可以展开和折叠,方便查看图层 单击图层文件夹左侧的 按钮,可以折叠图 层文件夹,并且该按钮变为 形状,图层文 件夹的图标变为形状 。 单击图层文件夹左侧的 按钮,可以展开图 层文件夹,此时该按钮变为 形状,图层文 件夹的图标变为形状 。
7.2.2 图层文件夹操作
(2)双击要转换为遮罩层的图层 前的图标 ,打开“图层属性” 对话框,选择“遮罩层”单选按 钮,单击“确认”按钮。
7.4.2 遮罩层的基本操作
2.取消遮罩层 如果要取消遮罩层,可以使用以下方法将其转变为普通图层: (1)右击遮罩层,在快捷菜单中执行“遮罩层”命令,将其前面的√
去掉。 (2)双击遮罩层前面的标记 ,在打开的“图层属性”对话框中选中
本章目标
掌握图层的概念及基本操作 会制作引导层动画 会制作遮罩层动画 掌握场景的概念及应用
1
预习检查
提问 Flash中层、场景的概念 遮罩、被遮罩的关系
Flash cs5 第8章
8.3 使用图层
8.3.1 图层的基本操作 8.3.2 改变图层状态 8.3.3 用图层文件夹管理图层 8.3.4 用分散到图层自动分配图层
8.3.1 图层的基本操作
需要激活的图层,应在时间轴中选中该图层,或在该图 层中选中某个舞台对象。可以在活动图层上放置对象、 添加文本和图形以及进行编辑。活动图层会在时间轴中 突出显示,显示铅笔图标,表示可以对它进行编辑。
显示【场景】面板,执行以下操作。 选择【窗口】 【其他面板】 【场景】命令(或者按 Shift+F2组合键)打开【场景】面板。 要更改文档中场景的顺序,执行以下操作。 在【场景】面板中将场景名称拖到不同的位置。
8.5 综合实战——制作几何静物
本实例将充分利用Flash CS5提供的绘图功能,完成 对各种基本形体、倒影、阴影以及对这些形体颜色的填 充设置。其中重点介绍如何绘制各种形体的技巧和方法, 绘图工具的使用技巧和图层的衬托技巧,透明图层的设 置与使用等。
⑸ 要复制和粘贴帧或帧序列,选择该帧或序列,然后选择【编辑】 【时 间轴】 【复制帧】命令。选择想要替换的帧或帧序列,然后选择 【编辑】 【时间轴】 【粘贴帧】命令。 ⑹ 要将关键帧转换为帧,选择该关键帧,然后选择【编辑】 【时间轴】 【清除关键帧】命令,或者右键单击该关键帧,然后从上下文菜单 中选择【清除关键帧】命令。所清除的关键帧以及到下一个关键帧之 前的所有帧的舞台内容,将被所清除的关键帧之前的帧的舞台内容替 换。 ⑺ 要更改补间序列的长度,将开始关键帧或结束关键帧向左或向右拖动, 以更改补间动画序列的长度。 ⑻ 要将项目从库中添加到当前关键帧中,将该项目从【库】面板拖到舞台 中。
第8章 掌握动画制作基础
本章内容
8.1 基本知识 8.2 使用帧 8.3 使用图层 8.4 使用场景 8.5 综合实战——制1 动画原理 8.1.2 动画的单元——帧 8.1.3 帧频 8.1.4 绘图纸工具的使用方法 8.1.5 移动整个动画
Flash_CS5_动画制作基础_第8章_Flash高级动画制作
8.7.2 制作动画——擦黑板
制作黑板擦擦掉黑板上文字的动画效果,如图8.98所示。
主要操作步骤指导: (1)在【时间轴】面板中除了“图层1”外再添加4个图层,在 最下面的图层中绘制黑板,在黑板上面的图层中添加文字,在最 上面的图层中绘制引导线,在其下的图层中绘制一个矩形黑板擦 。 (2)引导线所在的图层转换为引导图层,创建黑板擦的补间动 画,建立黑板擦与引导线的连接。使用【部分选取工具】对引导 线进行调整,使黑板擦能够划过所有的文字。 (3)在文字所在图层上方的图层中绘制用作遮罩的图形,图形 在绘制时根据黑板擦移动的位置要盖住相应的文字。完成绘制后
2.制作步骤 略。请参看教材或者观看 配盘上的视频教程。
8.2 引导层动画
8.2.1 创建引导层动画 8.2.2 实战范例——移动的电子
8.2.1 创建引导层动画
引导层动画的原理很简单,就是将某个图层中绘制的线条 作为补间元件的运动路径,引导层的作用就是辅助其他图层的 对象运动和定位。引导层中的对象必须是打散的图形,也就是 说作为路径的线条不能是组合对象,被引导层必须位于引导层 的下方。要创建引导层动画,可以使用下面的方法来操作。 在图层中绘制线条,如这里使用【钢笔工具】绘制一条曲线, 鼠标右击该图层,选择关联菜单中的【引导层】命令将该图层 转换为引导层。此时该图层的图层名左侧将显示 图标。再创 建一个新图层,在该图层中绘制被引导对象。将该图层拖放到 引导层的下方,引导层图标变为 ,引导层即生效,这两个图 层产生关联。
2.制作步骤
略。请参看教材或者观看配 盘上的视频教程。
8.5 本章小结
本章学习Flash中学习了遮罩图层和引导层的创建和使用方法 ,同时介绍了【动画编辑器】和Flash预设动画的使用方法。通 过本章的学习,读者将能够使用遮罩层创建各种动画特效,使 用引导层使对象获得复杂的运动路径,能够使用【动画编辑器 】来对补间动画进行编辑修改。
相关主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
分散到图层的过程
8.4.2 课堂案例——风吹字效果
使用分散到图层命令将文字分散到多个图层。使用转换为元件命令将文字 转换为图形元件。使用变形面板将文字进行水平翻转。
效果图
课堂练习——发光效果
使用线条工具绘制直线图形,使用变形面板复制并旋转图形,使用 遮罩层命令和创建传统补间命令制作发光线条效果。
8.2.2 运动引导层
1. 创建运动引导层 选中要添加运动引导层的图层,单击鼠标右键,在弹出的 菜单中选择“添加传统运动引导层”命令,为图层添加运动引 导层。此时,引导层前面出现图标 。 2. 将运动引导层转换为普通图层 将运动引导层转换为普通图层的方法与普通引导层转换的 方法一样,这里不再赘述。
效果图
课后习题——小精灵撒花
使用钢笔工具绘制路径制作引导线,使用任意变形工具旋转图时间轴”面板中,用鼠标右键单击要转换的遮罩层,在弹出的菜单 中选择“遮罩层”命令,遮罩层转换为普通图层。
8.4 分散到图层
分散到图层 课堂案例——风吹字效果
8.4.1 分散到图层
新建空白文档,选择“文本”工具 ,在“图层1”的舞台窗口中输 入文字“厚积薄发”。选中文字,按Ctrl+B组合键,将文字打散。选择 “修改 > 时间轴 > 分散到图层”命令,将“图层1”中的文字分散到不同 的图层中并按文字设定图层名。
8.2.3 课堂案例——飞舞的蒲公英
使用铅笔工具绘制路径,使用添加传统运动引导层命令制作蒲 公英飞舞效果。
效果图
8.3 遮罩层
1.创建遮罩层 在“时间轴”面板中,用鼠标右键单击要转换遮罩层的图层,在弹出的菜 单中选择“遮罩层”命令。选中的图层转换为遮罩层,其下方的图层自动转 换为被遮罩层,并且它们都自动被锁定。
普通引导层 运动引导层 课堂案例——飞舞的蒲公英
8.2.1 普通引导层
1. 创建普通引导层 用鼠标右键单击“时间轴”面板中的某个图层,在弹出的菜单中 选择“引导层”命令,该图层转换为普通引导层,此时,图层前面的 图标变为 。 2. 将引导层转换为普通图层 用鼠标右键单击“时间轴”面板中的引导层,在弹出的菜单中选 择“引导层”命令,引导层转换为普通图层,此时,图层前面的图标 变为 。
8.1 层
层的基本操作 图层文件夹
8.1.1 层的基本操作
1.层的弹出式菜单 2.创建图层 3.选取图层 4.排列图层 5.复制、粘贴图层 6.删除图层 7.隐藏、锁定图层和图层的线框显示模式 8.重命名图层
8.1.2 图层文件夹
1. 创建图层文件夹 2. 删除图层文件夹
8.2 引导层与运动引导层的动画制作
8.4.2 课堂案例——风吹字效果
使用分散到图层命令将文字分散到多个图层。使用转换为元件命令将文字 转换为图形元件。使用变形面板将文字进行水平翻转。
效果图
课堂练习——发光效果
使用线条工具绘制直线图形,使用变形面板复制并旋转图形,使用 遮罩层命令和创建传统补间命令制作发光线条效果。
8.2.2 运动引导层
1. 创建运动引导层 选中要添加运动引导层的图层,单击鼠标右键,在弹出的 菜单中选择“添加传统运动引导层”命令,为图层添加运动引 导层。此时,引导层前面出现图标 。 2. 将运动引导层转换为普通图层 将运动引导层转换为普通图层的方法与普通引导层转换的 方法一样,这里不再赘述。
效果图
课后习题——小精灵撒花
使用钢笔工具绘制路径制作引导线,使用任意变形工具旋转图时间轴”面板中,用鼠标右键单击要转换的遮罩层,在弹出的菜单 中选择“遮罩层”命令,遮罩层转换为普通图层。
8.4 分散到图层
分散到图层 课堂案例——风吹字效果
8.4.1 分散到图层
新建空白文档,选择“文本”工具 ,在“图层1”的舞台窗口中输 入文字“厚积薄发”。选中文字,按Ctrl+B组合键,将文字打散。选择 “修改 > 时间轴 > 分散到图层”命令,将“图层1”中的文字分散到不同 的图层中并按文字设定图层名。
8.2.3 课堂案例——飞舞的蒲公英
使用铅笔工具绘制路径,使用添加传统运动引导层命令制作蒲 公英飞舞效果。
效果图
8.3 遮罩层
1.创建遮罩层 在“时间轴”面板中,用鼠标右键单击要转换遮罩层的图层,在弹出的菜 单中选择“遮罩层”命令。选中的图层转换为遮罩层,其下方的图层自动转 换为被遮罩层,并且它们都自动被锁定。
普通引导层 运动引导层 课堂案例——飞舞的蒲公英
8.2.1 普通引导层
1. 创建普通引导层 用鼠标右键单击“时间轴”面板中的某个图层,在弹出的菜单中 选择“引导层”命令,该图层转换为普通引导层,此时,图层前面的 图标变为 。 2. 将引导层转换为普通图层 用鼠标右键单击“时间轴”面板中的引导层,在弹出的菜单中选 择“引导层”命令,引导层转换为普通图层,此时,图层前面的图标 变为 。
8.1 层
层的基本操作 图层文件夹
8.1.1 层的基本操作
1.层的弹出式菜单 2.创建图层 3.选取图层 4.排列图层 5.复制、粘贴图层 6.删除图层 7.隐藏、锁定图层和图层的线框显示模式 8.重命名图层
8.1.2 图层文件夹
1. 创建图层文件夹 2. 删除图层文件夹
8.2 引导层与运动引导层的动画制作