Flash8.0-动画制作实例教材
- 格式:doc
- 大小:2.66 MB
- 文档页数:97
flash8.0教程Flash 8.0教程引言:Flash 8.0 是由 Adobe 公司开发的一种动画制作软件,广泛应用于网页设计、游戏开发、多媒体制作等领域。
它具有强大的动画制作能力和交互功能,适用于初学者和专业人士。
本文档旨在为初学者提供一份简明的 Flash 8.0 教程,帮助他们快速入门并掌握基本的应用技巧。
第一章:Flash 8.0 入门与界面介绍1. 安装与启动 Flash 8.02. Flash 8.0 主界面介绍2.1 菜单栏2.2 工具栏2.3 时间轴2.4 舞台2.5 属性面板2.6 库面板2.7 动作面板第二章:基本动画制作1. 创建新文档2. 绘制基本图形2.1 线段工具2.2 椭圆工具2.3 矩形工具2.4 铅笔工具3. 利用关键帧创建动画3.1 关键帧的概念3.2 在时间轴上创建关键帧3.3 对象的属性动画4. 动画的保存与导出第三章:交互与动作脚本1. 按钮的制作与交互1.1 制作按钮1.2 按钮的状态(正常、鼠标经过、按下等)1.3 为按钮添加交互功能2. 触发器与动作2.1 触发器的概念2.2 触发器的类型(按钮触发器、帧触发器等)2.3 动作脚本的编写与应用3. 基本的动画过渡效果3.1 渐变效果3.2 缩放效果3.3 旋转效果3.4 移动效果第四章:高级动画制作与多媒体应用1. 帧动画的制作2. 形状的变形与插值2.1 形状插值的概念2.2 形状插值的应用3. 音频与视频的嵌入与控制3.1 导入音频与视频3.2 控制音频与视频的播放3.3 嵌入其他媒体元素(图片、动画等)4. 利用 ActionScript 扩展 Flash 的功能4.1 ActionScript 的概念与基本语法4.2 在 Flash 中应用 ActionScript4.3 利用 ActionScript 实现高级交互功能结语:通过本教程,读者可以了解 Flash 8.0 的基本操作和核心功能,并能够独立制作简单的动画和交互效果。
FLASH 动画制作实例教材熟悉Flash 界面图2-2中飞机位于图片的最左边, 图2-3中飞机位于图片的中间,图2-4中飞机位于图片的最右边。
当我们将这三幅画面依次按照一定速度播放的时候,给我们的视觉效果就是看上去感 觉飞机在从左向右飞行,如图2-5所示。
动画就是由一系列近似的画面按照一定的顺序和速度进行播放而产生,它是欺骗人视觉效果的一种把戏。
三、帧/关键帧/空白关键帧由动画的原理我们知道,动画就是画面的连续播放所产生的,电影是每秒播放24幅画面,电视则每秒播放25幅画面, Flash 默认每秒播放12幅画面(可以修改)。
每一幅画面我们都称它为一个帧, 记住: 一个帧就是一幅画面(暂不管这个画面是真实的还是虚幻的)-ura岂 立字巳 細a ⑥ 查尊汐 环世 瞬妣D 立利五 腔B4© ®n (w Wfth (H )IH I "上J工作区丄1j [屁性栏]ZJrl«h U1 Campooefits® CheckBo«LiftBDK』CooiboBoM_J Push&uttonwLmtrniing ■寸omBJUMIsF Hhbw r^ia Fla»h HX碌超栏三車严<■ I 當|心| .1 [・】忙■ I2JD fps OX)3)厶二丨 口1 |诂尢|3女档 尺寸无疑EiHft>XB!吕50直400諒索Fl<Eh Player feTiitiWiriilt|IOD1tiE扳动画的原理如图2-6所示上面的每个小格子就是一个帧,每个格子都分别代表着一幅画面,播放时按照帧的先后顺序由左向右进行。
你也许会问:“上面帧怎么还不一样啊?”对了,正是因为它们不一样才有了帧、关键帧、空白关键帧(也叫白色关键帧)这些名词。
空白关键帧我们先看第一个小格子,它里面有一个白色的小圆圈,它就是空白关键帧,里面什么内容都没有,一片空白。
Flash 8.0教程简介Flash 8.0 是由Adobe公司推出的一款流行的多媒体和动画制作软件。
它允许用户创建各种动态图像,交互式应用程序和网页元素。
本教程将介绍如何使用Flash 8.0创建动画和交互式内容。
1. Flash 8.0的安装和配置在开始学习Flash 8.0之前,请确保已经按照官方网站上的指示将软件安装到您的计算机上。
安装完成后,您需要进行一些基本的配置,如选择语言、设置默认文件保存位置等。
2. Flash 8.0的界面导览Flash 8.0的用户界面由菜单栏、工具栏、时间轴等组成。
菜单栏提供了各种功能选项,工具栏包含了常用的工具,而时间轴用于动画的制作和编辑。
在了解这些基本组件后,您将可以更好地理解并使用Flash 8.0。
3. 创建和编辑动画Flash 8.0具有强大的动画制作功能。
您可以使用它来创建各种类型的动画,如帧动画、补间动画等。
本节将介绍如何创建新的动画场景,添加和编辑关键帧,以及应用过渡效果和缓动。
4. 使用图形和形状Flash 8.0提供了丰富的图形和形状工具,可以帮助您创建各种图形元素。
您可以使用这些工具绘制自定义形状,添加颜色、渐变和纹理,以及进行变换和调整。
本节将向您演示如何使用这些工具来设计和编辑图形。
5. 添加声音和视频Flash 8.0不仅可以创建动画,还可以添加声音和视频元素。
您可以导入音频文件和视频文件,并使用Flash 8.0编辑和控制它们的播放。
本节将教您如何添加声音和视频,调整它们的属性,以及与其他元素进行交互。
6. 创建交互式内容Flash 8.0还提供了丰富的交互式设计工具,可以创建各种交互式内容。
您可以添加按钮、链接、表单,以及动作脚本来实现用户与内容的交互。
本节将介绍如何创建交互式按钮、添加超链接,以及使用动作脚本来控制交互行为。
7. 发布和导出项目在完成Flash项目的制作后,您需要将它们发布或导出为不同的格式,以便在不同的平台上播放和使用。
Flash8.0简单动画制作(经典版)一.制作遮罩动画或逐帧动画实例:制作心电脑图动画(1)设置舞台大小和背景:打开Flash8.0程序,设置舞台大小为200px*150px,背景色为#000000(黑色)/回车,确定。
(2)创建元件:展开右侧的库面板,单击库面板下方的“新建元件…”命令,输入元件的名称为“心电图”,选择类型为影片剪辑,确定。
单击线条工具,在属性面板中,设置线条颜色为白色,选择笔触高度为6,单击舞台,绘制心电波形,如图5-14所示。
单击时间轴上的“场景”,回到场景。
(3)将心电图元件放入到图层1中:单击图层1的第1帧,在库面板中单击心电图元件,并将其拖入到舞台上,使用变形工具,调整其至合适大小。
展开“对齐”面板,激活“相对于舞台”按钮,分别单击“水平中齐”和“垂直中齐”按钮,使心电图元件相对于舞台居中。
用指针工具选择心电图元件,选择“修改”菜单/分离,将其转化为形状。
(4)方法1,创建遮罩动画:单击图层1中的第40帧,右击/插入关键帧,单击层面板中的“插入图层”按钮,插入图层2,双击图层2,输入新名“遮罩”,此时,图层面板中从上到下的排列顺序为“遮罩、图层1”,如果顺序不对,可直接拖动图层进行调整。
单击库面板中的新建元件按钮,新建一个元件,输入元件的名称为“矩形”,用工具栏上的矩形工具在舞台上绘制一个很窄的矩形,用指针工具框选矩形,设置矩形的宽度为5px,高度为150px。
回到场景,单击遮罩层中的第1帧,将元件矩形拖入到舞台上,放置于最左边,选择修改菜单/分离,单击遮罩层中的第40帧,插入关键帧,单击工具组中的“任意变形”工具,拖动矩形使其变宽并覆盖整个心电图。
单击遮罩层中的第1帧,在属性面板上,选择补间/形状。
右击遮罩层名/遮罩层。
右击图层1的第50帧/插入帧。
方法2(选做,建议先把两部分的实验做完,登记成绩后,还有时间再选做),创建逐帧动画:单击图层1中的第1帧,然后按住Shift键在40帧处单击鼠标,选中第1帧到第40帧处,按F6键在第2帧到第40帧插入关键帧,如图5-17所示。
《Flash8基础与实例教程》第一课F LASH8工作环境 (3)第一节工作环境简介 (3)第二节面板 (6)本课小结熟悉F LASH8的操作界面主要包括系统菜单、绘图工具栏、舞台、时间轴、属性面板各其他一些浮动面板。
.................................................................................................... 错误!未定义书签。
第三节范例简介 (8)1.2.2制作步骤 (8)本课小结........................................................................................................ 错误!未定义书签。
第二课FLASH 8.0基础绘图工具 (11)1.绘制和处理线条 (12)2.实例演练——画一片树叶 (13)3.【刷子工具】的用法 (17)4.画一个树枝 (18)第三课情人节贺卡 (21)1.绘制“烛焰”元件 (22)2.绘制“烛身”元件 (23)3.绘制“烛光”元件 (24)4.组装“蜡烛”元件 (25)5.绘制“心”元件 (26)6.绘制“珍珠”元件 (29)7.制作“项链”元件 (30)8.制作“情人节”元件 (30)9.完成整个画面制作 (32)第四课逐帧动画 (32)1.逐帧动画的概念和在时间帧上的表现形式 (32)2.创建逐帧动画的几种方法 (32)3.绘图纸功能 (33)4.奔跑的豹子 (34)第五课形状补间动画 (37)1.形状补间动画的概念 (37)2.认识形状补间动画的属性面板 (38)实例:庆祝国庆 (38)使用形状提示 (42)实例:添加形状提示练习 (43)第六课动作补间动画 (45)1.动作补间动画的概念 (45)2.认识动作补间动画的属性面板 (46)实例:网站B ANNER (47)第七课遮罩动画 (52)1.遮罩动画的概念 (52)2.创建遮罩的方法 (53)3.应用遮罩时的技巧 (53)实例:红星闪闪 (54)第八课引导路径动画 (59)1.创建引导路径动画的方法 (59)2.应用引导路径动画的技巧 (60)实例:海底世界 (61)第九课自定义缓入/缓出动画范例――逼真弹跳的球 (66)第十课按钮元件 (70)影片剪辑在按钮元件中的应用范例-放电按钮 (70)第十一课在F LASH中应用声音 (72)1.将声音导入F LASH (73)2.引用声音 (73)3.声音属性设置和编辑 (74)4.给按钮加上声效 (77)5.压缩声音 (78)第十二课在F LASH中应用视频 (79)3.13.1支持的视频类型 (79)3.13.2导入视频 (80)3.13.3渐进式下载播放外部视频 (85)3.13.4导出FLV视频文件 (89)第十三课行为和行为面板 (90)第十五课滤镜应用范例――水波荡漾 (103)第十五课混合模式应用范例――动画片头 (106)第十六课时间轴特效应用范例――满天花雨 (113)第十七课综合应用范例――幻彩图片 (116)17.1导入图片并制作元件 (116)17.2用“复制到网格”时间轴特效制作百页窗元件 (117)17.3用混合模式制作图片颜色变化效果 (118)17.4用滤镜制作边框 (118)第一课 Flash8工作环境Flash以便捷、完美、舒适的动画编辑环境,深受广大动画制作爱好者的喜爱,在制作动画之前,先对工作环境进行介绍,包括一些基本的操作方法和工作环境的组织和安排。
FLASH动画制作实例教材一、熟悉Flash界面二、动画的原理看下面几幅画面:图2-2 图2-3 图2-4 图2-5图2-2中飞机位于图片的最左边,图2-3中飞机位于图片的中间,图2-4中飞机位于图片的最右边。
当我们将这三幅画面依次按照一定速度播放的时候,给我们的视觉效果就是看上去感觉飞机在从左向右飞行,如图2-5所示。
动画就是由一系列近似的画面按照一定的顺序和速度进行播放而产生,它是欺骗人视觉效果的一种把戏。
三、帧/关键帧/空白关键帧由动画的原理我们知道,动画就是画面的连续播放所产生的,电影是每秒播放24幅画面,电视则每秒播放25幅画面,Flash默认每秒播放12幅画面(可以修改)。
每一幅画面我们都称它为一个帧,记住:一个帧就是一幅画面(暂不管这个画面是真实的还是虚幻的)!如图2-6所示上面的每个小格子就是一个帧,每个格子都分别代表着一幅画面,播放时按照帧的先后顺序由左向右进行。
你也许会问:“上面帧怎么还不一样啊?”对了,正是因为它们不一样才有了帧、关键帧、空白关键帧(也叫白色关键帧)这些名词。
空白关键帧我们先看第一个小格子,它里面有一个白色的小圆圈,它就是空白关键帧,里面什么内容都没有,一片空白。
用鼠标单击一下该空白关键帧,结果我们在下面的场景里看到的是一片空白区域如图2-7所示:关键帧第二个小格子里面是个实心的小黑点,它就是关键帧,里面有实际存在的内容,用鼠标单击该关键帧(或用鼠标按住帧上面红色滑块向后拖动到该帧),我们看到了一个黑色的圆,如图2-8所示:看来,关键帧和空白关键帧的区别就在于关键帧有实际的内容而空白关键帧没有。
空白关键帧+内容(比如画个圆)=关键帧。
可变形为:空白关键帧=关键帧-里面所有内容。
读者不妨把图2-8中的圆删除(Ctrl+A,Delet),看它是不是变成了和它前面一样的空白关键帧?帧关键帧后面的灰色部分都是普通帧,普通帧里面没有实际的内容,但是它却能将离它最近的关键帧的内容显示出来。
用鼠标点击第三帧,如图2-9所示。
看起来它似乎有内容,实际上这一帧是没有内容的,3、4、5帧只不过是把前面离它最近的关键帧(第二帧)的内容显示出来了而已,由此可见普通帧尽管没有实际内容但它却可以用来延续一幅画面的存在时间。
说明:图2-9的第五帧代表普通帧的结束,另外还有一种叫过渡帧,暂时不用知道,后面会结合具体实例讲。
这几个概念在Flash制作中非常重要,使用的频率也最高,希望读者一定要弄明白。
移除帧与清除帧的区别:用鼠标对着帧点击鼠标右键,在弹出的菜单中有“移除帧”和“清除帧”命令。
移除帧就是删除帧,用来将帧连同帧上的内容(如果是关键帧的话)一起删除,而清除帧则是只把帧上的内容清空,帧仍然存在。
图形元件和移动渐变按照正常习惯,此时应该讲工具的使用了,但是考虑到读者刚刚理解完上面关于帧的一些枯燥的概念,我讲顺序做了调整。
下面我们就放松一下来做一个小动画。
一、制作矩形的变化启动Flash软件,鼠标单击第一帧,然后点击左边工具箱中的矩形工具,边框选择没有颜色如图2-6所示,填充选择自己所喜欢的颜色如图2-7所示。
在工作区按住鼠标左键拖动绘制矩形,如图3-8所示。
我们用选取工具单击一下矩形,执行【插入】菜单下的【转换成元件】命令,将弹出一对话框,在名称中输入“动作渐变”,选择【图形】如图3-9所示。
然后确定。
此时画面应为图3-10所示。
鼠标放在25帧处,点击右键,在弹出的菜单中选择“插入关键帧”,如图3-11。
用鼠标单击缩放工具,将矩形调小,如图3-12所示。
鼠标点击1到25之间的任何一帧(不能是最后一帧,所以25除外),然后选择下面的“移动”,如图3-13。
到此为止一个简单的动画就做成了,按Ctrl+回车进行预览。
源文件的位置:光盘\源文件\移动渐变演示.fla说明:1)图3-11中,在25帧处插入关键帧的意思是复制了前面和它最近的关键帧(此处为第1帧),所以此时第25帧和第1帧完全一样:是关键帧,里面都右一个矩形,连同矩形的大小位置等都一样。
2)图3-13中,2到24帧像普通帧一样看似有内容,其实没有,它们是从第1帧到25帧的一个过渡,所以叫做过渡帧。
3)以前每次讲这个例子的时候,学生总会问:“图3-10为什么要转换成图形元件?”这个问题后面会讲到,暂时只需要记住当转换成图形元件后,下面要选择“移动”,就可以了。
4)在绘制矩形时我们选择边框为无色,这并不是说一定不能要边框,因为一旦要了边框在将矩形转换成图形元件的时候就必须把它和它的边框一起转换,而初学者一般都容易把边框给漏掉。
所以,如果要了边框,边框和填充都必须都要选中后再一起转换为图形元件,具体做法是选择箭头工具用鼠标点击一下填充部分,然后按住Shift键不放双击边框即可(按住Shift代表可以选择多个,双击边框表示把边框给选中)。
读者可以试试有边框的情况。
5)变化的快慢可以控制,Flash默认为每秒播放12帧,所以可以计算出应该在什么地方插入关键帧。
如果你做成功的话,相信你对Flash已经有了一定的兴趣,如果你觉得上述例子太麻烦而没有做成功的话,也不要紧,因为我们还没有讲工具的使用,下面我们举个更简单的来加以巩固。
二、制作照片的出现效果1.启动Flash软件,打开【文件】下拉菜单,选择【导入】命令,在弹出的对话框中选择你的一张照片,如图3-14所示。
2.用选取工具单击图片,然后按F8,出现了图3-15所示的对话框。
然后单击确定按钮。
如图3-16所示。
将鼠标放在20帧处,点击鼠标右键,选择【插入关键帧】命令,将出现图3-17。
用鼠标单击第1帧,然后单击按钮,图片周围出现8个控制点,我们用鼠标拖动右下角的控制点,将图片缩小。
如图3-18所示。
用鼠标点第1帧,在下面属性栏选择移动,如图3-19所示。
此时就可以Ctrl+回车进行预览了。
我们看到了一张图片由小变大的效果,下面我们接着做让这张照片变大之后再渐渐向右上角消失的效果。
在40帧处插入关键帧,移动图片到右上角,如图3-20所示。
用鼠标选中图片,在属性栏调整透明度,如图3-21所示。
用鼠标点击20到40之间任何一帧,选择属性栏上面的移动,其结果如图3-22所示。
好了,此时再按Ctrl+回车试试。
源文件的位置:光盘\源文件\我的照片.fla通过以上两个例子,我们已经感觉到Flash功能的强大,只需要给一个起始状态和一个结束状态,中间的那些状态都交给Flash去做。
工具简介1、箭头工具箭头工具主要用来选取对象,以便对该对象进行操作如:删除,移动等。
如图4-1,鼠标单击选择该对象后,可用Delet 删除,图4-2用鼠标按住不松开,然后拖动到所需要的位置。
另外它还具有切割和变形的功能。
当我们用工具箱中的工具绘制出圆、矩形、线条等形状时,用鼠标可以将他们切割。
按住鼠标拖动,将不需要的部分选中,如图4-3所示。
当鼠标接近我们绘制的图形时,会出现图4-4,这时可按住鼠标拖动来改变它的外形,如图4-5所示。
重新绘制一个矩形,当按住Ctrl键拖看有什么变化,撤消(Ctrl+Z)后再次按住Ctrl键拖看又有什么不同,请读者朋友试一试。
2、次选取工具它用来修改由铅笔或钢笔所绘制的线条。
当用次工具选取所绘曲线时上面会出现一些节点,如图4-6所示,当鼠标点击节点时,节点上会有控制柄出现,如图4-7,拖动控制柄上的点便可修改线条的形状。
3、直线工具使用直线工具用来绘制从起点到终点的直线,在按下鼠标左键进行拖动时如果按住了Shift键,则可绘制水平、垂直或以45度角度增加的直线。
4、套索工具套索工具用来选取不规则的区域以便对所选部分进行操作,如图4-8所示。
5、钢笔工具选取钢笔工具,用鼠标左键单击起点,然后移动到下一个位置,按住鼠标左键不放拖出所需的线条,然后再用同样的办法绘出到下一点的线条,双击鼠标代表绘制结束。
如果绘制不满意,可用次选工具进行调整。
如图4-9所示。
6、文本工具文本工具是用来输入文字信息。
选择文本工具,再工作区按住鼠标拖出文本框,输入文字,如图4-10所示。
7、椭圆工具用来绘制椭圆,在绘制过程中按住Shift键可绘制正圆,如图4-11所示。
8、矩形工具用来绘制矩形,同椭圆工具一样在绘制过程中按住Shift键可绘制正方形。
9、铅笔工具它可以绘制任何形状的曲线,点击铅笔工具后,在工具箱下面有个图标,单击后可选择“平滑”绘出的线条比较平滑。
按住Shift键可绘制水平方向或垂直方向的直线。
10、画笔工具画笔工具也叫刷子工具,由此可见它用来“刷”一些具有刷子效果的曲线,如图4-11。
工具箱下面可以调整刷子的大小和形状。
11、缩放工具顾名思义,缩放工具用来改变对象的大小情况,包括长、宽、旋转、倾斜等。
下图中的小白点代表旋转的中心点,用鼠标可以改变其位置。
图4-12改变长图4-13改变宽图4-14 旋转图4-15 倾斜12、填充变形工具该工具用来对填充的方式进行调整,如图4-16所示。
对该图中的改变填充的控制点进行调整,分别得到了图4-17、图4-18、图4-19。
13、墨水瓶工具给已绘制好的几何图形添加边框或修改已有边框的颜色、粗细等属性。
14、颜料桶工具颜料桶工具也叫油漆桶工具,用来对封闭图形的内部进行填充或修改。
15、点滴器使用滴管工具可以从场景中选择线条、文本和填充的样式,然后创建或修改相应的对象。
从场景中导入一张图片,执行【修改】下的【分解组件】命令将图片打散。
此时用点滴器工具点击一下该照片,然后用椭圆工具去画椭圆我们发现我们导入的图片作为了椭圆的填充,如图4-20所示。
用填充变形工具进行修改,如图4-21所示。
源文件的位置:光盘\源文件\填充演示.fla说明:导入的图片只有打散才可以使用点滴器工具。
16、橡皮擦使用橡皮擦工具可以擦除当前场景中的对象,当选择橡皮擦后,工具箱下面还有擦除模式,各擦除模式效果如图4-22所示。
水龙头是用来擦除整块颜色的。
17、手形工具手形工具可以将文档窗口中的场景连同对象一起移动。
选择手形工具,在场景中按住鼠标左键拖动看有什么变化。
18、放大镜选择放大镜工具,用鼠标在场景中点击左键,发现场景以及里面的对象放大了,如果想缩小,按住Alt键的同时单击鼠标左键。
按住鼠标左键拖动将需要放大的部分匡住,然后松开鼠标即可。
19、笔触色按钮笔触色按钮用来改变线条或所绘几何图形边框的颜色。
20、填充色按钮用来改变填充的颜色。
形状渐变在第三章学习了图形元件,知道了图形元件需要用动作渐变,那么如果不转换成图形元件又是什么情况呢?启动Flash软件,用矩形工具在场景中绘制一矩形,如图5-1所示。
然后在25帧的地方鼠标右键插入关键帧,用缩放工具调整矩形的大小,如图5-2所示。
鼠标单击1到25之间单击任何一帧,在属性栏选择“形状”(因为该矩形没有转换成图形元件,所以它还是形状),如图5-3所示。