数字媒体技术基础教程 (第5章 Flash二维动画制作)33页
flash二维动画

flash二维动画Flash二维动画引言:Flash(现为Adobe Animate)是一款已经深入人心的二维动画软件,用于创建精美、生动的动画和互动内容。
它拥有强大的功能,使设计师和开发人员能够轻松地制作出各种令人惊叹的动画效果。
本文将介绍Flash二维动画的概念、用途、制作流程以及一些实用技巧。
1. Flash二维动画的概念Flash二维动画是指使用Flash软件制作的动画,在二维平面上,通过图形、字符、声音等元素的组合和运动,呈现出生动、流畅的动画效果。
Flash动画常用于广告、教育、游戏等各种领域,以其丰富的表现方式和交互性而备受欢迎。
2. Flash二维动画的用途Flash二维动画广泛应用于各个领域,包括但不限于以下几个方面:- 广告宣传:Flash动画能够生动、形象地展示产品或服务的特点,并吸引用户的注意力,提高宣传效果。
- 教育培训:Flash动画适用于教学网站、电子教材等教育场景,通过动画效果和互动元素,可以更好地吸引学生的兴趣和提升记忆效果。
- 游戏开发:Flash动画在游戏开发中有广泛的应用,可以制作出各种炫酷的动画效果,增加游戏的娱乐性和可玩性。
- 交互界面:Flash动画可以用于制作网页、应用程序的交互界面,使用户操作更加直观、有趣。
3. Flash二维动画的制作流程制作Flash二维动画一般包括以下几个步骤:- 规划:确定动画的主题、内容、风格以及交互方式,设计好故事板或脚本。
- 美术设计:根据故事板或脚本,进行角色设计、背景设计等美术创作,确定元素的形状、颜色、线条等。
- 动画制作:使用Flash软件,根据美术设计的素材,进行动画制作。
这包括分解动画的关键帧,设置运动路径、缓动效果,添加声音等。
- 导出和发布:完成动画后,将其导出为SWF格式或其他格式,并根据需要进行优化和压缩,最后发布到网页或其他平台上。
4. Flash二维动画的实用技巧制作Flash二维动画时,以下技巧可以帮助你提高效率和质量:- 使用图层和补间动画:合理使用图层可以将元素分层,便于管理和编辑。
flash-二维动画制作

新建图层2,将元件pic1拖入到舞台上,
位置的坐标值0,0.
2021/4/6
6
2021/4/6
7
2021/4/6
8
7、新建影片剪辑mc2,在第1帧拖入影 片剪辑mc1,大小改为13*13,位置 0*0,在第30帧插入关键帧,大小不变 ,位置改为-85,164。在1到30帧之间 创建补间动画。在第30帧的动画面板中 ,输入代码:this.removeMovieClip();
Flash 二维动画制作
一、实验目标
1. 掌握flash的元件、影片剪辑、补间动画 的概念。
2. 能够使用flash提供的工具进行基本图像 绘制
3.掌握flash制作二维动画的一般流程。
2021/4/6
1
二、实验内容 在规定时间,学习flash进行简单二维的 制作
三、实验环境 1. 多媒体计算机 2. Flash软件
2021/4/6
9
2021/4/6
10
2021/4/6
11
8、返回到场景中,将图层1命名为草丛,拖入草丛图片到舞台, 新建图层2,命名为mc2,将影片剪辑mc2拖入到舞台左上角,选 中mc2,在属性面板将实例名称改为ball,再新建图层, 命名为 as,在第1帧的动作面板中,输入:i=0;_root.ball._visible=0;在 第2帧插入关键帧,动作面板输入:
2021/4/6
4
2021/4/6
5
6、 新建影片剪辑元件,命名为mc1,将元件 pic1拖入到舞台中间,在信息面板中将注册点 位置改为中心,位置的坐标值设为0,0。颜色 下拉菜单下选择Alpha,设为60%;在第5帧和 第10帧插入关键帧,选中第5帧,修改舞台 pic1的大小为20*20,颜色下拉菜单下选择 Alpha,设为60%;在第1帧到第5帧之间建立 一个补间动画,在第5帧到第10帧之间建立一 个补间动画。
中职高二电子工业出版社《FlashCS5二维动画制作案例教程》第五模块基础动画(共30张P

添加标题
单击此处输入你的正文,文字是您思想的提炼为了 最终演示发布的良好效果,请尽量言简意赅的阐述 观点;根据需要可酌情增减文字以便观者可以准确 理解您所传达的信息。
添加标题
单击此处输入你的正文,文字是您思想的提炼为了 最终演示发布的良好效果,请尽量言简意赅的阐述 观点;根据需要可酌情增减文字以便观者可以准确 理解您所传达的信息。
添加标题
单击此处输入你的正文,文字是您思想的提炼为了最终 演示发布的良好效果请尽量言简意赅的阐述观点根据需 要可酌情增减文字
添加标题
单击此处输入你的正文,文字是您思想的提炼为了最终 演示发布的良好效果请尽量言简意赅的阐述观点根据需 要可酌情增减文字
添加标题
单击此处输入你的正文,文字是您思想的提炼为了最终演示发布的良好效果请尽量言简意赅 的阐述观点根据需要可酌情增减文字,以便观者可以准确理解您所传达的信息单击此处输入 你的正文,文字是您思想的提炼为了最终演示发布的良好效果请尽量言简意赅的阐述观点单 击此处输入你的正文文字是您思想的提炼为了最终演示发布的良好效果请尽量言简意赅的阐 述观点
添加标题
单击此处输入你的正文,文字是您思想的提炼,为了最终演示 发布的良好效果,请尽量言简意赅的阐述观点;根据需要可酌 情增减文字,以便观者可以准确理解您所传达的信息。
单击此处输入你的正文,文字是您思想的提炼,为了最终演示发布的良好效果,请尽量言简意赅的阐述观点;根据需要可酌情增减文字,以便观者可以准确理解您所传达 的信息。单击此处输入你的正文,文字是您思想的提炼
单击此处输入你的正文,文字是您思想的提炼
添加标题 为了最终演示发布的良好效果,请尽量言简意
赅的阐述观点
your logo/
谢谢观看
Flash详细教程完整版PPT课件

第28页/共86页
选取所有帧
• 操作方法: • 在图层栏的空白处单击,即可选中所有有效帧。 • 在影格编辑区单击鼠标右键,从快捷菜单中选择 “选择所有帧”,也可选中所有有效帧。
选取所有帧后的效果
第29页/共86页
帧
• 操作方法: • 执行 “插入”/“时间轴”/ “帧”命令,可在选定的帧后插入和选定帧相同 的过渡帧。如果选择的是个空白帧,就可在此帧后添加相同的过渡帧。
第17页/共86页
帧操作
• Flash 是一套用来设计动画的软件,可以在关键帧之间补间或填充帧,从而生成流畅的动画。帧和关键帧 在时间轴中出现的顺序决定它们在 Flash 应用程序中显示的顺序。
• 时间轴&帧 • 分帧的应用
第18页/共86页
时间轴&帧
• (1)时间轴与帧 • (2)在时间轴中处理帧 • (3)不同帧的符号 • (4)帧标记与帧注释 • (5)帧的操作 • (6)帧的速度
在 点 由 细 会可 文 绘 具 整 成 填 ( 还 部 作 缩 要 调F, 的 填 、 出调 本 制 差 铅 充 但 可 分 区 小 节la拖 变 充 颜 现整 进 时 不 笔 图 。 是 以 的 , 一 而sh动 形 , 色 在多路 行 按 工 如 不 对 时 配 个 设里节 。 而 及 选径 输 住 具 , 果 包 位 候 合 工 置面点 不 造 项按上 入 同 该 说 括 图 , 具 的S轮h就 拘 型 条住的 和 样 工 在 外 进 使 。 ,廓if能 泥 均 中t节编在具画框行用里它S线键h对于在(点辑下提一线采它的面随和i不f图其下如t。等边供个)样可选分着里键放形他边下它操的了图或。以项为所面可,任属的图可作形是随内笔选5的绘可种意性属所以。的改容触工填制绘模编。性示自栏时变查,颜具充正式制辑可栏)由里候现看在色的色方。正。以里创进没有所和不是形圆根调建行有图需填同。 • 分 据 整和 形 还 调 画 橡内 要 充 而皮开 中 。编 可 整 外 的 容 放 色 显模注 套的 心 在辑 点 。 框 颜 大 , 示式意 索, 点 绘:矢 拖 击 当 线 色 是 或 你 不标: 工所 、 制量 动 铅 , 个 缩 可 同准把 具以 角 的图 笔 这 其 非 小更擦图 用想 度 过除形 时 工 附 常 的 根改(形 于要 及 程。候具就属方区据边可打不选范当单有被不便域自角以散规中围擦击个选能项实画己半除后则的来,鼠取用如矩设径矢还的话调按标时箭下的形需置小设量可形就整住色左头图工,要。,圆置其块以状要对键工所具则但标。S附和h对任先象确具示。矩图是志矢属if图意t框颜量定直,形其,选不线形圈住色点接可内进中也
《Flash CS5二维动画制作案例教程》模块一 Flash CS5动画制作基础

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动画制作教程PPT课件

② 添加声音图层 ③ 选取应添加声音相应关键帧添加声音效果 ④ 选取相应按钮添加声音效果 ⑤ 播放测试,调试
效果
2021/4/8
交互动画制作技术
ActionScript 是 Flash 的编程语言,作用 控制Flash动画的播放器 响应用户事件 程序实现动画效果
2021/4/8
声音同步
事件模式:
开始模1.式声:音文件完全下载之后,影片播放到插有声音的关键帧时
开始播放声音。适用于较短的声音文件。
停止模开式始:模式与事件模式相似,增加了检测重复声音的功能(不同 资料资流料2如行之音始停方影模流.果处会模止式片。声式此声是停式模设转适音用模音当止的式置场:锁于式比一声将为或)。定不影个音使停情同就时受片新同指止节时是间时 长 的 时 定 , 变开说轴间 , 开 播 的 当 化始当,而轴 即 始 放 声 影 时一比无的 使 模 。 音 片 。个视控 是 式 此 静 播需声频制 动 的 模 音 放同音具, 画 声 式 。 到步正有声 已 音 适 选 该的在更影音 经 播 合 取 帧播高一 停 放 在 声 时片放的直 止 时 按 音 声音时优到 , , 钮 层 音乐,先播声其组是停。不级放音它中某止会。完播开使关播有使毕放始用键放另用才也模。帧。一资结继式,适个料束续的同用开流。进声步于声
音时,Flash MX播放器会将声音与视频同步(动画播放停止时资 料流声音也会停止)。也就是说Flash MX强制动画播放与流式声 音播放同步。适用于动画中的同步音效。
2021/4/8
实训科目——为试管充水添加声音效果
实训目的:① 为试管充水添加流式声音:“快速泡泡声” ② 在最后一帧添加事件音效:“铃” ③ 为按钮组添加开始声音:“咔”
《多媒体技术基础》二维动画制作技术

《多媒体技术基础》二维动画制作技术二维动画制作技术是指通过手工绘制或使用电脑软件制作出的具有动态效果的动画作品。
它是多媒体技术中的一种重要应用,广泛应用于电影、电视、广告和游戏等领域。
本文将从制作流程、技术工具和应用领域三个方面来介绍二维动画制作技术。
一、制作流程二维动画制作的流程通常包括以下六个主要步骤:1.制作故事板:根据故事情节,将整个动画分解成一幅幅场景,确定角色形象和动作,并绘制出草图。
故事板是动画制作的蓝图,对后续工作起到指导作用。
2.角色设计:设计角色的外观和特征,并确定角色的动作。
常见的角色设计方式有卡通风格、真实风格和抽象风格等。
3.音效设计:为动画添加声音效果,包括背景音乐、人声、环境音等。
音效的选择要与画面的内容相符合,能够增强观众对画面的感知。
4.动画绘制:根据故事板和角色设计,将角色的每个动作绘制在纸上。
动画师通常使用铅笔、测字笔和纸张制作动画帧,然后使用透明纸将每一帧叠加在一起。
5.彩色着色:对于黑白的动画帧,可以使用水彩、颜料或数码软件进行上色。
彩色着色既能够增加动画的真实感,又能够提高观众对画面的吸引力。
6.后期制作:包括剪辑、特效加工、画面调整等工作。
通过后期制作,可以对动画进行修饰和优化,使之更加符合预期效果。
二、技术工具制作二维动画的技术工具主要包括以下几种:1.传统绘制工具:主要有铅笔、纸张、橡皮擦等。
这是最原始的动画制作工具,以手工绘制每一帧的动画画面。
2. 数码绘制工具:主要有电脑软件如Adobe Animate、Toon Boom等,通过数码绘制工具可以快速绘制动画帧,并进行彩色着色和后期处理。
3.动画制作工作站:包括计算机、绘图板、显示器和绘图软件等。
提供了更加高效和精确的动画制作环境,使动画师能够更好地实现自己的创意。
4. 三维建模软件:如Maya、Blender等,可以用来制作二维动画中的特效和背景场景。
三、应用领域二维动画制作技术在各个领域都有着广泛的应用,主要包括以下几个方面:1.电影和电视剧:二维动画可以制作出丰富多样的角色形象和动态效果,广泛应用于电影和电视剧的动画部分,如动画电影《疯狂动物城》和电视连续剧《波西亚时光》等。
Flash二维动画制作

3、 菜单栏
(3)视图菜单:
注意经常使用:显示标尺和网格作为辅助工具
3、 菜单栏
(4)插入菜单:
注意:新建元件命令是经常使用的,快捷键Ctrl+F8
3、 菜单栏
(5)修改菜单: 修改一些对象的属性
注意:使用比较频繁的一个菜单选项。 选择某个对象后可以按快捷键F8来转化元件 组合命令: Ctrl+G 分散命令: Ctrl+B 或者Ctrl+Shift+G
维空间中的运动、旋转并制作相关的补间动画。
2.Deco与喷涂刷的贴图方式:允许用户使用各种元件以即时的方式随
机填充,创建类似于万花筒的效果。使用新增的【Deco工具】和【喷涂刷工具】 的贴图方式,简化了用户制作各种花纹背景所需要的步骤。
3.反向运动与骨骼:新增【骨骼工具】和【绑定工具】,允许用户为多个
“颜色”面板:用来设置图形填充色或线条颜色。 “库”面板:保管Flash动画素材的仓库。(F11) 对齐面板:设置多个对象的对齐方式 “动作”面板:用来查看、输入或编辑选定项上的动
作脚本。
7、编辑区
舞台也被称为场景,它是用户创作作品的编辑区,时间轴 上的内容大多数都在舞台上制作和编辑。位于舞台外的内容在 播放动画时不会被显示。
1.2 Flash CS4的操作界面
1、熟悉Flash CS4初始页面
1.2 Flash CS4的操作界面
菜
属
单
性
栏
/
库
面
板
组
工
工
作
具
区
箱
面
板
舞 台
时 间 轴
/ 图 层
2、 Flash CS4工作界面
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
第5章Flash二维动画制作初识Adobe Flash CS41.认识Adobe Flash CS4界面运行Adobe Flash CS4,首先可以看到如图5-1-1 “开始”页面。
页面中列出了常用的任务,左边是打开最近用过的项目,中间是创建各种类型的新项目、右边是从模板创建各种动画文件。
图5-1-1单击【创建新项目】→【Flash 文件ActionScript3.0】,这样就创建了一个新的动画文件。
如图5-1-2所示Flash的工作界面由几个主要部分组成,最上方的是“主菜单栏”;“时间轴”和“舞台”位于工作界面的中心位置;左边是功能强大的“工具箱”,用于创建和修改矢量图形内容;多个“面板”围绕在“舞台”的右面,包括常用的“属性”和“库”面板,还有各种“设计面板”和“开发面板”等。
图5-1-2 2.文档选项 新建或打开一个文档时,在舞台的左上方会显示出【文档选项卡】。
如果打开或创建多个文档,“文档名称”将按文档创建的先后顺序显示在【文档选项卡】中,单击文件名称,可以在多个文档之间进行快速切换。
3.时间轴 “时间轴”用于组织和控制文档内容在一定时间内播放的图层数和帧数。
“图层”就像堆叠在一起的多张幻灯胶片一样,每个层中都放着自己的对象。
当提到动画首先会联想到的是小时候最喜欢看的卡通影片,这些卡通影片,都是事先绘制好一帧一帧的连续动作的图片,然后让它们连续播放,利用人的“视觉暂留”特性,在大脑中便形成了动画效果。
Flash 动画的制作原理也一样,把绘制出来的对象放到时间轴的各帧中连续播放就形成了Flash 动画。
时间轴功能介绍如图5-1-3所示。
图5-1-3 菜工时舞颜色、样本其他面板 文档选4.工具箱位于工作界面左边长条形状就是工具箱,工具箱是Flash最常用到的一个面板,用鼠标单击的方式能选中其中的各种工具。
知识扩展视觉暂留现象人眼在观察景物时,光信号传入大脑神经,需经过一段短暂的时间,光的作用结束后,视觉形象并不立即消失,这种残留的视觉称“后像”,视觉的这一现象则被称为“视觉暂留”。
“视觉暂留”是光对视网膜所产生的视觉在光停止作用后,仍保留一段时间的现象,其具体应用是电影的拍摄和放映。
原因是由视神经的反应速度造成的.其时值是二十四分之一秒。
是动画、电影等视觉媒体形成和传播的根据。
视觉暂留实验1.注视图中心四个黑点15秒到30秒钟!(不要看整个图片,而是只看那中间的4个点!)2.然后朝自己身边的墙壁看(白色的墙或白色的背景)或者看此页面的白色部分。
3.看的同时快速眨几下眼睛,看看您能看到什么?图5-1-45.舞台“舞台”位于工作界面的正中间部位,是放置动画内容的区域。
这些内容包括矢量插图、文本框、按钮、导入的位图图形或视频剪辑等。
可以在【属性】面板中设置和改变“舞台”的大小,默认状态下,舞台宽为550像素,高为400像素,如图5-1-5所示。
图5-1-5知识扩展舞台相关操作:根据需要可以改变“舞台“显示的比例大小,可以在“场景”右上角的【显示比例】中设置显示比例,最小比例为8%,最大比例为2000%,在下拉菜单中三个选项:【符合窗口大小】选项用来自动调节到最合适的舞台比例大小;【显示帧】选项可以显示当前帧的内容;【全部显示】选项能显示整个工作区中包括在“舞台”之外的元素。
选择工具箱中的【手形工具】,在舞台上拖动鼠标可平移舞台;选择【缩放工具】,在舞台上单击可放大或缩放舞台的显示;选择【缩放工具】后,在工具箱的【选项】下会显示出两个按钮,分别为【放大】和【缩小】,分别单击它们可在“放大视图工具”与“缩小视图工具”之间切换;选择选择【缩放工具】后,按住键盘上的Alt键,单击舞台,可快捷缩小视图。
6.属性面板【属性】面板可以查看舞台或时间轴上当前选定项的最常用属性,也可以在面板中更改对象或文档的属性,设置背景颜色以及设置文档大小还能设置Flash的帧频控制Flash的播放速率,选择不同的对象会显示不同的属性面板。
7.其他面板默认状态下在“舞台”的右方,Adobe Flash CS4还有很多面板。
可以通过【窗口】来调整各个面板的显示与隐藏。
动画制作基本流程5.2.1 相关文档属性设置1、新建文档单击Windows系统的【开始】菜单,单击【开始】→【程序】→【Adobe】→【Adobe Flash CS4】启动Adobe Flash CS4。
单击【创建新项目】→【Flash ActionScript2.0文件】,创建一个新空白文档,如图5-2-1所示为文档的操作界面。
2、设置文档属性单击【修改】→【文档】弹出设置【文档属性】对话框如图5-2-2所示,最上面【尺寸】是用来设定【舞台】大小尺寸的,输入宽度的值:400 px(像素);高度的值不变:400 px(像素)。
【背景颜色】右边的“取色”按钮,在弹出的【颜色样本】面板上选取颜色,选取颜色的同时鼠标指针变成【滴管工具】,拾取天蓝色样本。
图5-2-1图5-2-52知识扩展【舞台】大小最小可设定为高和宽均为 18 px (像素);最大可设定高和宽均为 2880 px (像素)。
系统默认的尺寸单位是 px (像素),可以在【标尺单位】的下拉菜单里面选择其他的单位,如:厘米、毫米等。
【文档属性】中其他参数含义如下【匹配】【打印机】:匹配打印机,让底稿的大小与打印机的打印范围相同。
【匹配】【内容】:匹配内容,在舞台上将内容四周的空间都设置为对称。
【匹配】【默认】:匹配默认,使用默认值。
【帧频】:默认为12 fps。
是动画每秒播放的帧数,默认的播放速度是每秒钟播放时间轴上的 12 帧,这是在 Web 上播放动画的最佳帧频。
根据特殊需要可以修改。
【设为默认值】:将所有设定保存成默认值,当下次再开启新的影片文档时,影片的舞台大小和背景这些也可以在属性面板中直接编辑设置。
颜色会自动调整成这次设定的值。
5.2.2 创建原件元件是Flash动画中的基本构成元素之一。
元件只需创建一次,就可在整个文档或其他文档中重复使用。
元件类型分为图形、按钮或影片剪辑三种,多次使用元件不会明显增大动画文件的体积大小。
1、新建图形元件单击【插入】→【新建元件】,打开【创建新元件】对话框。
输入元件【名称】为“小球“,【类型】选择“图形”,单击【确定】按钮,如图5-2-3所示。
创建元件后,编辑【舞台】会自动从“场景1”切换到“小球”图形元件的编辑状态,同时,在【舞台】的上方有“场景1”和“小球”的提示,如图5-2-4所示。
图5-2-3图5-2-4知识扩展创建元件的快捷键是Ctrl+F82、绘制元件第一步,设置图形属性。
选择【工具箱】中的【椭圆工具】,单击【工具】面板下面“颜色”区域的【笔触颜色】,在弹出的【颜色样本】面板上选择【没有颜色】;再单击【填充颜色】,在弹出的【颜色样本】面板上选择蓝色“#0000FF”,如图5-2-5所示。
图5-2-5知识扩展在绘制某个形状时,它的颜色有两个部分:外部线条称为【笔触颜色】,它描绘形状的轮廓;形状内部的着色称为【填充颜色】。
在绘制图形之前,通常要先设置【笔触颜色】和【填充颜色】。
第二步,绘制图形。
移动鼠标到【舞台】的中间,按住键盘“Shift”键同时按住鼠标左键拖动,绘制出一个随意大小的正圆形,如图5-2-6所示。
图5-2-6 图5-2-7图5-2-8知识扩展按住 Shift 键拖动可以将形状限制为正圆形,否则为不规则的椭圆形状。
打开混色器快捷键是Ctrl+F83、给元件添加颜色在【舞台】上的“圆形”处于被选中状态,单击【窗口】→【设计面板】→【混色器】,打开【混色器】面板。
在【类型】中选择“放射状”渐变填充,如图5-2-7所示。
如需调整,选择【工具】面板上的【填充变形工具】,移动鼠标到舞台上单击“圆形”,“圆形”的中间和周围出现4个【填充变形控制点】,如图5-2-8所示。
移动鼠标到“圆形”中间的【填充变形控制点】上调整元件颜色。
5.2.4 创建动画第一步,单击【舞台】的上方“场景1”,切换到“场景1”的舞台,选中【库】面板中的“小球”图形元件,将其拖动到【舞台】的左上方位置;第二步,双击【图层1】的名称,改变图层名称为“小球”;第三步,选择【小球】图层的第35帧,选择【插入】→【时间轴】→【关键帧】(快捷键F6),在第35帧处插入一个【关键帧】,同时改变小球的位置到舞台的左下方;第四步,选中【小球】图层的第1帧,右键单击鼠标,在弹出菜单中,选择【创建传统补间】如图5-2-9所示创建动画。
时间轴显示如图5-2-10所示。
图5-2-9图5-2-105.2.4 测试和保存及导出动画1、测试动画单击【控制】→【测试影片】,弹出测试窗口,可以观看整个动画的播放效果,测试动画效果是否满意。
如不满意可以继续回到场景对动画进行编辑和调试,直到满意。
2、保存动画单击【文件】→【保存】,弹出【另存为】对话框,指定文件保存的路径,输入文件名“小球运动”,选择保存类型:Flash Cs4 文档(*.fla)即文件的扩展名为“.fla”。
单击【保存】按钮保存动画。
3、导出动画单击【文件】→【导出】→【导出影片】,弹出【导出影片】对话框,指定文件导出的路径和源文件保存在一个目录下,输入文件名“小球运动”,保存类型:Flash 影片(*.swf)如图5-2-11所示。
即文件的扩展名为.swf或者其他类型文件。
然后单击【保存】按钮即可。
图5-2-11图层、帧、元件基本概念5.3.1 图层在Flash动画中,可以将图层看作一叠透明的胶片,每张胶片上都有不同的内容,将这些胶片叠在一起就组成了一幅比较复杂的画面。
在上一图层添加内容,会遮住下一图层相同位置的内容。
如果上一图层的某个位置没有内容,透过这个位置就可以看到下一图层相同位置的内容。
当图层过多时,可以使用图层文件夹,将图层放入文件夹中便于对图层进行管理。
图层包括普通图层、引导层、被引导层、遮罩层、被遮罩层如图5-3-1所示。
普通图层:系统默认的图层类型,是指无任何特殊效果的图层,它只用于放置对象。
新建的图层默认情况下均为普通层。
引导图层:引导与它相关联的图层中的对象的运动轨迹。
引导层只在场景的工作区中可以看到,在输出的动画中是看不到的。
例如某一图层中的小球沿路径运动,就要用到这个引导图层。
被引导图层:是一个与引导图层相关联的正常图层,在引导层的下方用于创建被引导对象的图层。
遮罩图层:在遮罩层中创建的对象具有透明效果,如果遮罩层中的某一位置有对象,那么被遮罩层中相同位置的内容将显露出来,被遮罩层的其他部分将被遮住。
被遮罩图层:该图层的内容只有遮罩图层在相应位置有遮罩对象时才可见,其他内容不可见。
遮罩图被遮罩引导图被引导普通图图5-3-1知识扩展1.图层的基本操作选择图层:在图层管理器中单击即可选择需要编辑的图层,若要选择多个图层,可以先按住Ctrl键不放,然后分别选择需要选中的图层即可。