中文版Flash CS5工作过程导向标准教程项目08
中文版Flash CS5标准教程
中文版Flash CS5标准教程
Flash CS5是Adobe公司推出的一款专业的交互设计和动画制作软件,它具有
强大的功能和灵活的操作性,是众多设计师和动画师的首选工具之一。
本教程将从基础知识到高级技巧,全面介绍Flash CS5的功能和应用,帮助读者快速掌握
Flash CS5的使用方法。
首先,我们将从Flash CS5的界面布局和基本操作开始介绍。
打开软件后,你
会看到菜单栏、工具栏、时间轴等各种功能面板,我们将逐一介绍它们的作用和使用方法,帮助你快速熟悉软件的界面和操作方式。
接下来,我们将学习Flash CS5的绘图功能。
软件提供了丰富的绘图工具,包
括画笔、橡皮擦、填充工具等,我们将详细介绍这些工具的使用方法,并通过实例演示如何绘制各种图形和对象。
在掌握了绘图技巧之后,我们将进入动画制作的部分。
Flash CS5具有强大的
动画制作功能,包括关键帧动画、补间动画、形状运动动画等,我们将逐一介绍这些动画制作技巧,并通过实例演示如何制作各种动画效果。
除此之外,Flash CS5还具有丰富的交互设计功能,包括按钮制作、交互动画、页面链接等,我们将详细介绍这些功能的使用方法,并通过实例演示如何制作交互式动画和应用程序。
最后,我们将介绍Flash CS5的高级应用技巧,包括ActionScript编程、多媒体整合、导出和发布等,帮助读者进一步提升Flash制作的技能水平。
通过学习本教程,你将能够全面掌握Flash CS5的功能和应用,快速提升自己
的动画制作技能,成为一名优秀的Flash设计师和动画师。
希望本教程能够帮助到你,祝你学习愉快,创作成功!。
中文版Flash CS5多媒体课件制作案例教程
03
三、简 答题
03
项目三 动态演示课件制作
项目三 动态演示 课件制作
学习目标
任务一 逐帧动画的制作——制 作动态按钮
知识要点 制作步骤
一、了解动画原理 二、认识帧 三、创建逐帧动画和影片剪辑 四、创建按钮元件
任务二 补间动画与传统补间动画——水分子构成动画
知识要点
制作步骤
补充学习——传统补间 与补间动画的区别
项目三 动态演示 课件制作
项目总结
项目实训
一、制作运动与静止的相对性课 件 二、制作分子的分裂与组合课件
三、制作能量转换的损失课件 四、制作古诗课件
项目三 动态演示课 件制作
项目考核
01
一、选 择题
02
二、判 断题
03
三、简 答题Biblioteka 04项目四 应用声音和视频
项目四 应用声音 和视频
学习目标
任务一 应用声音——制作诗 歌朗诵课件
项目总结
项目四 应用声音和 视频
项目实训
1
一、为“古诗”课件添加声音
2
二、制作“海洋资源”课件
项目四 应用声音和视频
项目考核
一、选择 题
二、判断 题
三、简答 题
05
项目五 制作简单交互课件
项目五 制作简单 交互课件
学习目标
任务一 掌握ActionScript基础知识
一、ActionScript 语言简介
知识要点 制作步骤
一、创建“背景”图形元件 二、创建“小房子”图形元件 三、创建“小河”图形元件 四、创建“烟”和“小花”图形元件 五、输入文本
任务五 处理位图——制作小 学语文课件封面
知识要点 制作步骤
中文版FlashCS5基础培训教程
本章简介:
本章本章将介绍Flash CS5 绘制图形的功能和编辑图形的 技巧,还讲解了多种选择图形 的方法以及设置图形色彩的技 巧。读者通过学习,要掌握绘 制图形、编辑图形的方法和技 巧,能要独立绘制出所需的各 种图形效果并对其进行编辑, 为进一步学习Flas
颜色面板
选择“窗口 > 颜色”命令,弹出“颜色”面板。
自定义纯色
在“颜色”面板的“类型”选项中,选择“纯色”选项。在面板下方 的颜色选择区域内,可以根据需要选择相应的颜色。
自定义线性渐变色
在“颜色”面板的“类型”选项中选择“线性”选项 。将鼠标放置 在滑动色带上,在色带上单击鼠标增加颜色控制点,并在面板下方为新增 加的控制点设定颜色及明度。
效果图
调整向量线条和色块
选择“选择”工具,将鼠标移至对象,鼠标下方出现圆弧。拖 动鼠标,对选中的线条和色块进行调整。
部分选取工具
选择“部分选取”工具,在对象的外边线上单击,对象上出现多个节点。 拖动节点来调整控制线的长度和斜率,从而改变对象的曲线形状。
改变对象的曲线形状
套索工具
“套索”工具
选择“套索”工具,用鼠标在位图上任意 勾选想要的区域,形成一个封闭的选区,松开
样本面板
在样本面板中可以选择系统提供的纯色或渐变色。选择“窗口 > 样本”命 令,弹出“样本”面板。在控制面板中部的纯色样本区,系统提供了216种纯 色。
“样本”面板
课堂练习——绘制花店标志
使用选择工具和套索工具删除笔画,使用钢笔工具和画笔工具绘制曲线和 螺旋效果,使用变形面板制作图形旋转效果,使用椭圆工具绘制椭圆形制作底 图效果。
课堂学习目标
基本线条与图形的绘制 图形的绘制与选择 图形的编辑 图形的色彩
《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—与源属性匹 配〔高质量〕〞选 项。
Flash CS5中文版标准实例教程配套全册教学课件
1.2.4 绘图工具箱
使用Flash CS5进行动画创作,必须绘制各种图形和对象,这就必须 使用到各种绘图工具。绘图工具箱中包含了10多种绘图工具,用户可 以使用这些工具对图像或选定区进行操作。单击工作区右侧的工具箱 缩略图标,即可展开工具箱面板,如图所示。
Flash CS5为了方便用户的使用,将一些使用频率比较高的菜单命令 以图形按钮的形式放在一起,组成了工具栏,如图所示。工具栏中的 按钮可用来快速开始一个新的项目,用户只需单击工具栏上的按钮, 就可以执行该按钮所代表的操作。
通过执行“窗口”/“工具栏”/“主工具栏”命令,可以在Flash CS5的 工作界面显示或隐藏工具栏。
1.2.1 标题栏
标题栏在整个屏幕的最上方。与以往版本相比,Flash CS5对界面进 行了优化,把菜单栏与标题栏合在一起,使得界面整体感觉更为人性 化,工作区域进一步扩大。窗口栏的右侧新增的搜索栏,可以使用户 很方便地搜索到官网上有关的帮助信息。
在Flash CS5中,工作区预设外观模式增加到了七种(动画、传统、 调试、设计人员、开发人员、基本功能、小屏幕),方便不同的用户 群的喜好选择。单击标题栏右上角的“基本功能”按钮,可以快速更 换工作区外观模式。
1.2.5 时间轴
Flash CS5的时间轴窗口默认情况下位于工作区的下方,它是处理帧 和层的地方,而帧和层则是动画的主要组成部分。当选择某一层,然 后在舞台上绘制内容或者将内容导入到舞台中时,该内容将成为这个 层的一部分,因为它是当前所选的内容。时间线上的帧可根据时间改 变内容。舞台中所出现的每一帧的内容表示该时间点上出现在各层上 的所有内容的反映。可以移动、添加、改变和删除不同帧的各层上的 内容以创建运动和动画。在时间线上使用多层层叠技术可将不同内容 放置在不同层,从而创建一种有层次感的动画效果。
FlashCS5中文版动画制作基础教学大纲
《Flash CS5中文版动画制作基础》教学大纲Flash是由Adobe公司开发的网页动画制作软件,功能强大、易学易用,深受网页制作者和动画设计人员的喜爱,已经成为这一领域最流行的软件之一。
目前,我国很多高等职业学校的数字艺术类专业都将Flash列为一门重要的专业课程。
一、课程概述本课程是高职院校计算机、电子商务和广告设计专业的主干课程,也是前面几个专业的一门专业必修课,计划课时为每周4课时共计72课时,实践课时比例约占60%左右。
通过Flash动画制作学习,主要使学生掌握Flash的操作方法和动画制作技巧,使学生掌握Flash的基本操作、舞台对象的创建、对象的编辑与调整、创建简单的动画、图层的操作与动画应用、调整声音文件、Actions编程、动画的交互控制以及Flash动画的优化及发布等。
目的在于使学生熟练掌握现代化的矢量动画设计工具Flash的使用技巧,提高设计效率,适应社会要求,能够顺利的走上社会。
二、课程教学目标理论基础知识方面,要求学生掌握动画的原理和分类,掌握Flash动画的作用和特点,掌握时间轴与帧的操作,掌握逐帧动画、补间动画的创建与使用,掌握图片、声音、视频等对象的应用,掌握ActionScript脚本基础应用。
技能培养方面,要求学生能够熟练使用Flash软件进行常用动画特效的制作,通过实验培养学生使用Flash开发制作故事动画、电子贺卡、网页广告条、简单互动网站等有一定实用价值的动画作品的能力。
(一)知识教学目标1.了解动画原理,理解与传统动画相比Flash动画的优势。
2.了解Flash动画的特点与应用范围。
3.理解Flash文档、Flash影片的作用,掌握Flash动画测试方法,掌握Flash动画的优化的方法。
4.掌握Flash动画发布方法,了解Flash播放器,掌握Flash动画播放方法。
5.了解矢量图形的特点,理解Flash形状图形的绘制特点,掌握工具箱中各工具的使用方法。
中文版Flash CS5工作过程导向标准教程项目09
图9-63 素材
—76—
项目09 制作简单的骨骼动画
图9-64 参考效果
—77—
图9-43 创建传统补间动画
—47—
项目09 制作简单的骨骼动画
图9-44 调整杯子的位置
—48—
项目09 制作简单的骨骼动画
图9-45 第45帧处的动作
—49—
项目09 制作简单的骨骼动画
图9-46 【时间轴】面板
—50—
项目09 制作简单的骨骼动画
9.4 知 识 延 伸
知识点一:骨骼动画的创建
任务分析 首先绘制出水蛇的形状,然后添加骨骼,骨骼要添加的
多一些,使动画尽量平滑。另外,为了增加视觉效果,还可
以添加上背景,并制作出水波的动画效果。 任务素材 光盘位置:光盘\项目09\实训,素材如图9-63所示。 参考效果
光盘位置:光盘\项目09\实训,参考效果如图9-64所示。
—75—
项目09 制作简单的骨骼动画
—23—
项目09 制作简单的骨骼动画
图9-20 创建躯干与臀部之间的骨骼
—24—
项目09项目09 制作简单的骨骼动画
图9-22 创建右腿的骨骼
—26—
项目09 制作简单的骨骼动画
任务三:导入图片
图9-23 【时间轴】面板
—27—
项目09 制作简单的骨骼动画
—4—
项目09 制作简单的骨骼动画
图9-1 动画参考效果
—5—
项目09 制作简单的骨骼动画
任务一:绘制火柴人
图9-2 绘制头部
—6—
项目09 制作简单的骨骼动画
图9-3 【转换为元件】对话框
—7—
项目09 制作简单的骨骼动画
中文版FlashCS5工作过程导向标准教程项目02
项目02 绘制一个动漫角色
图2-11 描绘眉毛
—15—
项目02 绘制一个动漫角色
图2-12 调节控制柄
—16—
项目02 绘制一个动漫角色
图2-13 描绘眉毛
—17—
项目02 绘制一个动漫角色
图2-14 创建的闭合路径
—18—
项目02 绘制一个动漫角色
图2-15 绘制的路径—19—Leabharlann 项目02 绘制一个动漫角色
项目02 绘制一个动漫角色
图2-36 填充衣服部分
—40—
项目02 绘制一个动漫角色
图2-37 填充领口等部分
—41—
项目02 绘制一个动漫角色
图2-38 填充棍子的暗部
—42—
项目02 绘制一个动漫角色
图2-39 绘制的圆形
—43—
项目02 绘制一个动漫角色
图2-40 绘制眼睛的高光
—44—
项目02 绘制一个动漫角色
任务素材 该实训项目没有素材,属于徒手绘画,绘制步骤示意如 图2-73所示。
—84—
项目02 绘制一个动漫角色
图2-73 绘制步骤
—85—
项目02 绘制一个动漫角色
参考效果 光盘位置:光盘\项目02\实训,参考效果如图2-74所示。
—86—
项目02 绘制一个动漫角色
图2-5 创建新图层
—9—
项目02 绘制一个动漫角色
图2-6 放大显示人物头部
—10—
项目02 绘制一个动漫角色
图2-7 【属性】面板
—11—
项目02 绘制一个动漫角色
图2-8 创建的锚点
—12—
项目02 绘制一个动漫角色
图2-9 创建的锚点
Flash CS5界面_从零开始——Flash CS5中文版基础培训教程_[共2页]
图1-1 Flah CS5操作界面
Flash CS5的操作界面主要包括系统菜单栏、场景与舞台、时间轴、工具、属性面板、库 以及对齐、变形等功能面板。下面对各部分的功能进行简要介绍,使大家对它们有一个整体 的感性认识。其具体应用方法将在后面的各讲中结合实例详细介绍。
一、 系统菜单栏 系统菜单栏中主要包括【文件】、【编辑】、【视图】、【插入】、【修改】、【文 本】、【命令】、【控制】、【调试】、【窗口】和【帮助】等菜单,每个菜单又都包含了 若干菜单项。它们提供了包文件操作、编辑、视窗选择、动画帧添加、动画调整、字体设 置、动画调试和打开浮动面板等一系列命令。 二、 场景和舞台 在当前编辑的动画窗口中,我们把动画内容编辑的整个区域叫做场景。在电影或话剧 中,经常要更换场景。通常,在Flash动画中,为了设计的需要,也可以更换不同的场景,每 个场景都有不同的名称。可以在整个场景内进行图形的绘制和编辑工作,但是最终动画仅显 示场景中白色(也可能会是其他颜色,这是由动画属性设置的)区域内的内容,我们就把这 个区域称为舞台。而舞台之外的灰色区域的内容是不显示的,我们把这个区域称为后台区, 如图1-2所示。 舞台是绘制和编辑动画内容的矩形区域,动画内容包括矢量图形、文本框、按钮、导入
5
第1讲 Flash CS5概述
体创作工具,能够设计包含交互式动画、视频、网站和复杂演示文稿在内的各种网络作品。 2010年4月,Adobe推出了Flash CS5版本。
1.2.1 Flash CS5界面
中文版Flash CS5工作过程导向标准教程项目01
1. 矩形工具和基本矩形工具
—75—
项目01 绘制一个网页动画场景
图1-63 绘制的矩形、圆角矩形和正方形
—76—
项目01 绘制一个网页动画场景
图1-64 【属性】面板
—77—
项目01 绘制一个网页动画场景
图1-65 不同边角半径的效果
—78—
项目01 绘制一个网页动画场景
2. 椭圆工具和基本椭圆工具
项目01 绘制一个网页动画场景
项目01
绘制一个网页动画场景
1.1 1.2 1.3 1.4 1.5
项目说明 项目分析 项目实施 知识延伸 项目实训
—1—
项目01 绘制一个网页动画场景
1.1 项 目 说 明
小王在一家网页设计公司工作,公司最近接到一个网站
建设项目,其中首页需要插入一个宽幅广告,设计尺寸为 800像素 × 300像素。为了提高工作效率,加快项目进度, 公司采用分工合作制度。
任务一:设置舞台大小及背景
图1-2 创建新文档
—6—
项目01 绘制一个网页动画场景
图1-3 【文档设置】对话框
—7—
项目01 绘制一个网页动画场景
图1-4 绘制的矩形
—8—
项目01 绘制一个网页动画场景
图1-5 【属性】面板
—9—
项目01 绘制一个网页动画场景
图1-6 【颜色】面板
—10—
项目01 绘制一个网页动画场景
—55—
项目01 绘制一个网页动画场景
图1-46 Flash开发的多媒体作品
—56—
项目01 绘制一个网页动画场景
知识点二:如何新建文件
图1-47 Flash CS5的欢迎画面
—57—
动画制作基础与应用教程Flash CS5 (8)
8.2.3 课堂案例——飞舞的蒲公英
使用铅笔工具绘制路径,使用添加传统运动引导层命令制作蒲 公英飞舞效果。
效果图
8.3 遮罩层
1.创建遮罩层 在“时间轴”面板中,用鼠标右键单击要转换遮罩层的图层,在弹出的菜 单中选择“遮罩层”命令。选中的图层转换为遮罩层,其下方的图层自动转 换为被遮罩层,并且它们都自动被锁定。 2.将遮罩层转换为普通图层 在“时间轴”面板中,用鼠标右键单击要转换的遮罩层,在弹出的菜单 中选择“遮罩层”命令,遮罩层转换为普通图层。
8.1.2 图层文件夹
1. 创建图层文件夹 2. 删除图层文件夹
8.2 引导层与运动引导层的动画制作
普通引导层 运动引导层 课堂案例——飞舞的蒲公英
8.2.1 普通引导层
1. 创建普通引导层 用鼠标右键单击“时间轴”面板中的某个图层,在弹出的菜单中 选择“引导层”命令,该图层转换为普通引导层,此时,图层前面的 图标变为 。 2. 将引导层转换为普通图层 用鼠标右键单击“时间轴”面板中的引导层,在弹出的菜单中选 择“引导层”命令,引导层转换为普通图层,此时,图层前面的图标 变为 。
8.2.2 运动引导层
1. 创建运动引导层 选中要添加运动引导层的图层,单击鼠标右键,在弹出的 菜单中选择“添加传统运动引导层”命令,为图层添加运动引 导层。此时,引导层前面出现图标 。 2. 将运动引导层转换为普通图层 将运动引导层转换为普通图层的方法与普通引导层转换的 方法一样,这里不再赘述。
分散到图层的过程
8.4.2 课堂案例——风吹字效果
使用分散到图层命令将文字分散到多个图层。使用转换为元件命令将文字 转换为图形元件。使用变形面板将文字进行水平翻转。
效果图
课堂练习——发光效果
《FlashCS5多媒体课件制作案例教程》教学课件 008
音〞选项,然后在弹出的对话 框中单击“确定〞按钮。
下面通过一个实例介绍保护课 件的具体方法。
1.翻开“鸟类知识.fla〞文档, 然后选择“文件〞>“发布设置 〞菜单,在翻开的“发布设置 〞对话框中选择“Flash〞选项 卡,再勾选“防止导入〞复选 框,并在“密码〞编辑框中设 置导入时所需的密码。
2.单击“发布设置〞对话框底部的 “发布〞按钮,即可在课件源文件所 在文件夹中生成一个EXE文件。
设置发布格式
通过Flash的发布功能,可以快捷地将Flash课件发布为HTML文件,发布 HTML文件的具体步骤如下:
1.翻开Flash课件后,选择“文件〞 >“发布设置〞菜单,在翻开的“发 布设置〞对话框中选择“HTML〞选 项卡,然后设置课件尺寸、画面品 质和播放方式等参数。
Flash本身自带了很多有用的素材,它们被放置在“公用库〞中,并被分 为“学习交互〞、“按钮〞和“类〞3种类型。下面以使用“公用库〞中的按钮为 例,为读者介绍“公用库〞的使用方法。
按钮的公用库
1.翻开或新建Flash文档后,
选中要添加按钮的图层和 关键帧,然后选择“窗口〞 >“公用库〞>“按钮〞菜单, 翻开“按钮〞的“公用库〞。
将按钮拖到舞台
2.双击展开“库〞 面板中的各文件夹, 即可看到Flash提供 的各种按钮,选中
需要的按钮,将其 拖入到舞台即可。
只能在ActionScript版本为或 的Flash文档中使用行为。下面通
过制作一个小实例,为读者介绍 行为的应用。
行为应用
首先准备实例所需的素材,具体步骤如下:
1.新建一个Flash文档,并将舞台颜色设为深绿色 〔#006600〕,在舞台上绘制一个宽240像素、高320 像素的矩形,并将其转换为名为“显示区〞的影片剪 辑,注意要将注册点调整到左上角。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
项目08 弹出式Flash广告
图8-54 【时间轴】面板
—58—
项目08 弹出式Flash广告
图8-55 【库】面板
—59—
项目08 弹出式Flash广告
图8-56 变形牛皮纸图片
—60—
项目08 弹出式Flash广告
图8-57 【时间轴】面板
—61—
项目08 弹出式Flash广告
—83—
项目08 弹出式Flash广告
图8-77 创建运动引导层
—84—
项目08 弹出式Flash广告
图8-78 将动画对象吸附到引导线的开始端点
—85—
项目08 弹出式Flash广告
图8-79 将动画对象吸附到引导线的结束端点
—86—
项目08 弹出式Flash广告
知识点四:遮罩动画 在Flash中制作遮罩动画必须通过至少两个图层才能完
—90—
项目08 弹出式Flash广告
知识点五:逐帧动画 逐帧动画是一种比较传统的动画形式,这种动画中只有
关键帧而没有过渡帧,因此制作起来较为繁琐。动画师需要
在每一帧中都进行绘画或者修改舞台中的内容,由若干个连 续关键帧组成动画序列,使用这种方法可以表现出比较细腻、 复杂的动画效果。一般来说,逐帧动画的大小比补间动画的 大小要大得多。
图8-70 不同的匹配效果
—75—
项目08 弹出式Flash广告
知识点二:套索工具的使用 “套索工具” 主要用于选择图形或位图中的任意一
部分,它的使用方法与Photoshop中的套索工具基本一致。
选择工具箱中的“套索工具” 现三个基本选项,如图8-71所示。 后,工具箱的下方将出
—76—
项目08 弹出式Flash广告
图8-71 套索工具的选项
—77—
项目08 弹出式Flash广告
图8-72 选择任意形状的区域
—78—
项目08 弹出式Flash广告
图8-73 选择多边形区域
—79—
项目08 弹出式Flash广告
图8-74 选择位图的背景并删除
—80—
项目08 弹出式Flash广告
图8-75 【魔术棒设置】对话框
图8-35 绘制引导线
—39—
项目08 弹出式Flash广告
图8-36 调整中心点的位置
—40—
项目08 弹出式Flash广告
图8-37 对齐
—41—
项目08 弹出式Flash广告
图8-38 【时间轴】面板
—42—
项目08 弹出式Flash广告
图8-39 第60帧的删除效果—43—Leabharlann 项目08 弹出式Flash广告
项目08 弹出式Flash广告
项目08
弹出式Flash广告
8.1 项目说明
8.2 项目分析
8.3 项目实施 8.4 知识延伸
8.5 项目实训
—1—
项目08 弹出式Flash广告
8.1 项 目 说 明
一家功夫学校要对外扩大宣传,提高知名度,广揽生源,
于是想在一家门户网站上做一个弹出式Flash广告,即打开 指定的网页时,弹出一个Flash广告动画,播放完毕后自动 关闭或人工关闭。于是委托网页设计公司的Flash设计师来 完成这个项目,要求画面简洁,视觉效果好。
图8-7 提示对话框
—11—
项目08 弹出式Flash广告
图8-8 【将“功夫1.ai”导入到舞台】对话框
—12—
项目08 弹出式Flash广告
图8-9 导入的图片
—13—
项目08 弹出式Flash广告
图8-10 【时间轴】面板
—14—
项目08 弹出式Flash广告
图8-11 变形导入的图片
图8-25 导入的图片
—29—
项目08 弹出式Flash广告
图8-26 【魔术棒设置】对话框
—30—
项目08 弹出式Flash广告
图8-27 删除后的效果
—31—
项目08 弹出式Flash广告
图8-28 缩小后的效果
—32—
项目08 弹出式Flash广告
图8-29 导入的图片
—33—
项目08 弹出式Flash广告
图8-16 【将“功夫2.ai”导入到舞台】对话框
—20—
项目08 弹出式Flash广告
图8-17 调整导入图形的大小和位置
—21—
项目08 弹出式Flash广告
图8-18 【时间轴】面板
—22—
项目08 弹出式Flash广告
图8-19 【属性】面板
—23—
项目08 弹出式Flash广告
图8-20 【属性】面板
—6—
项目08 弹出式Flash广告
图8-3 【属性】面板
—7—
项目08 弹出式Flash广告
图8-4 【对齐】面板与对齐后的效果
—8—
项目08 弹出式Flash广告
图8-5 【时间轴】面板
—9—
项目08 弹出式Flash广告
图8-6 绘制的矩形
—10—
项目08 弹出式Flash广告
任务二:制作剪影动画
图8-49 插入空白关键帧
—53—
项目08 弹出式Flash广告
图8-50 输入的文本
—54—
项目08 弹出式Flash广告
任务四:制作文字信息动画
图8-51 【时间轴】面板
—55—
项目08 弹出式Flash广告
图8-52 【属性】面板
—56—
项目08 弹出式Flash广告
图8-53 输入的文字
—15—
项目08 弹出式Flash广告
图8-12 【时间轴】面板
—16—
项目08 弹出式Flash广告
图8-13 【属性】面板
—17—
项目08 弹出式Flash广告
图8-14 【属性】面板
—18—
项目08 弹出式Flash广告
图8-15 【时间轴】面板
—19—
项目08 弹出式Flash广告
—91—
项目08 弹出式Flash广告
图8-83 逐帧动画示意
—92—
项目08 弹出式Flash广告
图8-84 信息提示框
—93—
项目08 弹出式Flash广告
8.5
项 目 实 训
弹出式广告的覆盖面比较广,它迫使广大网民不得不浏
览广告内容,从而获得较好的广告效果。使用Flash制作弹 出式广告时没有尺寸的限制,可以根据实际情况进行设定。 下面制作一个摄影活动宣传的弹出式广告。
—2—
项目08 弹出式Flash广告
8.2 项 目 分 析
功夫类的广告一般要求动感强、视觉效果好,风格上可 以向功夫电影的风格靠近,也可以采用古代卷轴的效果,使
其看起来像武功秘籍一般。本项目在制作的技术上,主要运
用了传统引导线动画、遮罩动画、逐帧动画。
—3—
项目08 弹出式Flash广告
8.3 项 目 实 施
本项目涉及了多种Flash动画技术,既有最新的补间动
画,也有传统补间动画、逐帧动画、遮罩动画等,另外还涉 及了位图的编辑、套索工具的使用、对齐与分布等。本项目 的效果如图8-1所示。
—4—
项目08 弹出式Flash广告
图8-1 动画参考效果
—5—
项目08 弹出式Flash广告
任务一:制作背景
图8-2 导入的图片
—70—
项目08 弹出式Flash广告
图8-66 【对齐】子菜单
—71—
项目08 弹出式Flash广告
图8-67 【对齐】面板
—72—
项目08 弹出式Flash广告
图8-68 各种对齐效果
—73—
项目08 弹出式Flash广告
图8-69 分布前后的效果对比
—74—
项目08 弹出式Flash广告
—66—
项目08 弹出式Flash广告
图8-63 制作的按钮
—67—
项目08 弹出式Flash广告
图8-64 【属性】面板
—68—
项目08 弹出式Flash广告
图8-65 【时间轴】面板
—69—
项目08 弹出式Flash广告
8.4 知 识 延 伸
知识点一:对齐与分布
在制作网站、相册或者其他动画作品的时候,为了使界 面看上去严谨整齐,往往需要将若干对象进行严格的对齐与 分布,Flash为用户提供了多种对齐工具,使用它们可以轻 松地完成这项工作。
—95—
项目08 弹出式Flash广告
图8-85 素材
—96—
项目08 弹出式Flash广告
图8-86 参考效果
—97—
—81—
项目08 弹出式Flash广告
知识点三:引导线动画 在日常生活中,物体的运动并不是作简单的直线运动,
通常是沿着一定的轨迹运动。在Flash中制作这种动画时,
需要创建一个运动引导线(也称为运动路径),控制对象的运 动轨迹。
—82—
项目08 弹出式Flash广告
图8-76 运动引导层与被引导层
成,处于上面的图层称为遮罩层,而下面的图层称为被遮罩
层,一个遮罩层下可以包括多个被遮罩层。
—87—
项目08 弹出式Flash广告
图8-80 遮罩动画效果
—88—
项目08 弹出式Flash广告
图8-81 通过快捷菜单选择【遮罩层】命令
—89—
项目08 弹出式Flash广告
图8-82 【图层属性】对话框
—48—
项目08 弹出式Flash广告
图8-45 第106帧的删除效果
—49—
项目08 弹出式Flash广告