Flash8动画制作应用基础教程
- 格式:doc
- 大小:47.50 KB
- 文档页数:4
第1课Flash 8入门基础♦本课要点♦具体要求♦本课导读♦上机练习本课要点♦摄制Flash 8工作界面♦管理Flash 8文档♦设置Flash 8动画制作环境♦了解Flash 8的应用领域。
♦认识Flash 8基本界面并掌握设置工作界面的方法。
♦掌握Flash 8中管理动画文档的基本操作。
♦掌握设置动画制作环境的基本操作。
本课导读Flash是目前功能最强大的矢量动画制作软件之一,利用Flash制作的动画作品被广泛应用于网页广告、动画MTV以及网站片头等领域中。
在学习Flash 8的过程中,首先需要对Flash 8的工作界面有所了解,并掌握文档管理以及设置动画制作环境等基本操作,为以后的学习做好必要的准备。
在正式学习Flash之前,首先对Flash 8的基本概念以及应用领域等知识进行了解。
1.1 常用的二维图形修改命令为了对Flash 8有一个更全面的了解,下面分别对Flash 8的基本概念、应用领域、学习方法以及启动和退出的方法进行简单的介绍1. 什么是Flash 8Flash是美国Macromedia公司出品的专业矢量图形编辑和动画创作软件,主要用于网页设计和多媒体创作。
利用Flash自带的矢量图绘制功能,并结合图片、声音以及视频等素材的应用,可以制作出精美、流畅的二维动画效果。
通过为动画添加Action动作脚本,还能使其实现特定的交互功能。
2. 使用Flash 8可以做什么利用Flash 8制作的动画作品,风格各异、种类繁多,若将其以作品目的和应用领域来划分,可将其归纳为以下几个方面。
⏹动画短片⏹网页广告⏹动态网页⏹交互游戏⏹多媒体教学3. 怎样学好Flash 8采用正确的学习方法,可以节约时间,提高效率。
为了能更合理、更快速地学好Flash 8,下面就介绍几点学习Flash 8的基本方法,以供参考。
⏹打好基础⏹通过实践练习⏹注意观察和思考⏹交流和学习4. Flash 8的启动与退出启动Flash 8启动Flash 8主要有以下三种方式:♦在Windows桌面中选择【开始】→【所有程序】→【Macromedia】→【Macromedia Flash 8】命令,启动Flash 8。
Flash8基础入门实例教程为了避免学习本软件枯燥无味,本教程按照flash动画类型进行讲解,在制作动画实例的过程中顺便学习flash工具的使用方法,flash8有以下四种基本动画类型:逐帧动画、形变动画、运动动画和路径动画(也叫引导动画),另外还有一个很重要的遮罩效果(有些教程里提到flash有5种动画,其实是把这招效果看做了一种动画,实质上遮罩只是一种效果,遮罩层类似于PS的蒙板),下面我们就结合实例,对每种动画进行讲解和演示。
一、逐帧动画在时间帧上逐帧绘制帧内容称为逐帧动画,由于是一帧一帧的画,所以逐帧动画具有非常大的灵活性,几乎可以表现任何想表现的内容。
逐帧动画在时间帧上表现为连续出现的关键帧,实例一:制作一个倒计时54321的动画。
步骤:1、点击图层第一帧,在舞台上输入数字5。
【小技巧】对齐对象。
点击选择工具,选中“5”,打开对齐工具面板【Ctrl+K】点击相对于舞台按钮,在纵向和横向上将文字对齐于屏幕中心点。
2、按F6快捷键,插入4个关键帧。
3、依次将2-5关键帧的数字改为4321.4、保存flash文档,CTRL+S,命名为逐帧动画,点击保存。
5、测试影片,CTRL+回车,或者用控制菜单的【测试影片】命令。
查看效果。
6、此时发现数字变化太快,我们可以用以下方法修改。
(1)方法一修改帧率,CTRL+J打开文档属性面板,看到帧率为12,也就是说每秒钟播放,可以调整为1,也就是每秒播放1帧,CTRL+K测试效果。
(2)方法二,延长帧,将每一帧拖至12帧长,最后一帧在需要延长到的帧格里俺F5插入帧。
(我们提倡用此方法,这样做出的动画适合web播放)二、形变动画(即形状渐变动画)就是从一个形状通过多帧变化为另一个形状的动画。
实例:圆形 方形步骤:1、在第一帧用椭圆工具,画一个圆,点中椭圆工具后可以调整笔触和填充颜色,这里我们笔触选择无,填充用红色,画圆的时候按下SHFIT拖动可以画出正圆。
2、利用选择工具,选中圆形,用对齐工具将圆对齐至屏幕中心点。
形状补间动画是Flash中非常重要的表现手法之一,运用它,你可以变幻出各种奇妙的不可思议的变形效果。
本节从形状补间动画基本概念入手,带你认识形状补间动画在时间帧上的表现,了解补间动画的创建方法,学会应用“形状提示”让图形的形变自然流畅,最后,提供了二个实例练手,帮助你更深地理解形状补间动画。
1.形状补间动画的概念(1)形状补间动画的概念在Flash的时间帧面板上,在一个时间点(关键帧)绘制一个形状,然后在另一个时间点(关键帧)更改该形状或绘制另一个形状,Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。
(2)构成形状补间动画的元素形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化,其变形的灵活性介于逐帧动画和动作补间动画二者之间,使用的元素多为用鼠标或压感笔绘制出的形状,如果使用图形元件、按钮、文字,则必先“打散”再变形。
(3)形状补间动画在时间帧面板上的表现形状补间动画建好后,时间帧面板的背景色变为淡绿色,在起始帧和结束帧之间有一个长长的箭头,如图3-3-1所示。
图3-3-1 形状补间动画在时间帧面板上的标记(4)创建形状补间动画的方法在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状,一般一帧中以一个对象为好,在动画结束处创建或选择一个关键帧并设置要变成的形状,再单击开始帧,在【属性】面板上单击【补间】旁边的小三角,在弹出的菜单中选择【形状】,此时,时间轴上的变化如图3-3-1所示,一个形状补间动画就创建完毕。
2.认识形状补间动画的属性面板Flash的【属性】面板随鼠标选定的对象不同而发生相应的变化。
当我们建立了一个形状补间动画后,点击时间帧,【属性】面板如图3-3-2所示。
图3-3-2 形状补间动画【属性】面板形状补间动画的【属性】面板上只有二个参数:(1)“简单”选项在“0”边有个滑动拉杆按钮,单击后上下拉动滑杆或填入具体的数值,形状补间动画会随之发生相应的变化。
Flash 8教程介绍Flash 8是一款由Adobe公司推出的多媒体软件,用于制作动画、交互式应用程序和网页。
它是一个非常强大且易于使用的工具,被广泛应用于游戏开发、广告制作和动画设计等领域。
本教程将介绍Flash 8的基本功能和操作步骤,帮助读者快速上手使用Flash 8。
安装和启动要使用Flash 8,首先需要将软件安装到您的计算机上。
您可以在Adobe官方网站或其他可靠的软件下载站点上下载Flash 8的安装程序。
安装完成后,双击桌面上的Flash 8图标或在开始菜单中找到Flash 8并点击打开。
软件启动后,您将看到Flash 8的主界面。
主界面Flash 8的主界面由各种工具和面板组成,用于创建和编辑Flash文档。
以下是主界面的主要组成部分:1.菜单栏:位于界面顶部,包含各种菜单和命令。
2.工具栏:位于界面左侧或顶部,包含常用的绘图工具和编辑工具。
3.时间轴:位于界面底部,默认显示在屏幕上。
用于控制动画的时间和帧。
4.资源面板:位于界面右侧,默认显示在屏幕上。
用于管理库中的元素和资源文件。
5.属性面板:位于界面右侧,默认显示在屏幕上。
用于编辑和设置选定对象的属性。
6.舞台:位于界面中央,是主要的工作区域。
您可以在舞台上创建和编辑动画、图形和交互式元素。
创建新文档在Flash 8中,您可以创建新的文档来开始制作动画。
以下是创建新文档的步骤:1.打开Flash 8并点击菜单栏上的“文件”菜单。
2.在下拉菜单中选择“新建”选项。
这将打开新建文档的对话框。
3.在对话框中选择文档类型和尺寸。
您可以选择创建空白文档、基本动画文档或交互式动画文档。
4.设置其他选项,如背景色、帧速率和宽高比。
5.点击“确定”按钮创建新文档。
绘制和编辑图形Flash 8提供了丰富的绘图工具,您可以使用这些工具在舞台上创建和编辑各种图形。
以下是绘制和编辑图形的基本步骤:1.选择绘图工具:在工具栏上选择适当的绘图工具,如铅笔工具、画笔工具或直线工具。
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所示上面的每个小格子就是一个帧,每个格子都分别代表着一幅画面,播放时按照帧的先后顺序由左向右进行。
你也许会问:“上面帧怎么还不一样啊?”对了,正是因为它们不一样才有了帧、关键帧、空白关键帧(也叫白色关键帧)这些名词。
空白关键帧我们先看第一个小格子,它里面有一个白色的小圆圈,它就是空白关键帧,里面什么内容都没有,一片空白。
FLASH8.0 基础教程 第一讲 【简 介】 FLASH 是 Macromedia 公司推出的一种优秀的矢量(矢量图形最大的优点是无论放大、缩小 或旋转等不会失真)动画编辑软件,FLASH8.0 是其最新的版本。
利用该软件制作的动画尺寸 要比位图动画文件﹙如 GLF 动画﹚尺寸小的多,用户不但可以在动画中加入声音,视频和 位图图像,还可以制作交互式的影片或者具有完备功能的网站。
通过本章的学习,读者应熟 悉 FLASH 动画的特点, FLASH8.0 的界面组成元素, 并通过制作实例了解 FLASH 动画的一 般步骤。
●内容提要 ●使用 FLASH 的背景知识 ●熟悉 FLASH 的工作环境 ●FLASH 的基本操作 FLASH 是 Macromedia 公司推出的一种优秀的矢量动画编辑软件, FLASH8.0 是其最新的版本。
利用该软件制作的动画尺寸要比位图动画文件﹙如 GLF 动画﹚ 尺寸小的多,用户不但可以在动画中加入声音,视频和位图图像,还可以制作交 互式的影片或者具有完备功能的网站。
通过本章的学习,读者应熟悉 FLASH 动画 的特点,FLASH8.0 的界面组成元素,并通过制作实例了解 FLASH 动画的一般步 骤。
什么是 Flash Flash 是一种创作工具, 设计人员和开发人员可使用它来创建演示文稿、 应用程序和 其它允许用户交互的内容。
Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程 序以及介于它们之间的任何内容。
通常,使用 Flash 创作的各个内容单元称为应用程序, 即使它们可能只是很简单的动画。
您可以通过添加图片、声音、视频和特殊效果,构建包含 丰富媒体的 Flash 应用程序。
Flash 特别适用于创建通过 Internet 提供的内容, 因为它的文件非常小。
Flash 是 通过广泛使用矢量图形做到这一点的。
与位图图形相比, 矢量图形需要的内存和存储空间小 很多,因为它们是以数学公式而不是大型数据集来表示的。
高一的学生,在前几章学习之后,对图层和时间轴的理解和运用有一定的体验。
在此基础上学生初步感受了库、图形元件、矢量图形、关键帧、普通帧、帧频,图层的概念,这些知识的接触为这节补间动画的学习做了很好的铺垫。
使上节课绘制的鱼可以在海水中游动起来也留给学生好奇心和动手欲,为本节课的主动学习创设了情境。
(六)教学方法与教学策略
教学过程主要采用演示操作法,任务驱动学习,课时一节课。
1、形成认知结构的策略:在设计过程中,课堂上使用两主线贯穿:“鱼”游动是第一条主线;标题字变图形是第二条主线。
2、促进信息加工的教学策略:从学习动机的确立到学习结果的反馈,即为学习愿望的产生到愿望的满足,掌握知识、形成技能和发展能力的过程。
教师把教学活动看作是一个完整的信息传输系统,以支持他们每一阶段的学习。
3、教学模式:组织教学→导入新课→讲授新课→巩固新课→课堂反馈评价→小结(七)教学环境与教学资源设计
1、学习环境选择:多媒体教室
2、学习资源类型: flash半成品源文件、演示课件
3、学习资源的简要说明:
①flash半成品源文件直接引用上节课的作品,在此基础上再学习,避免重复劳动,也能给学生一个学习的完整性。
②演示课件主要为教师用。
作为课堂教学的主线使用。
(八)教学过程
教学
环节
教师活动学生活动设计意图
复习引入1、直接打开flash源文件展示我
们第一节课的作品样貌,结合课件
复习知识点:关键帧、普通帧、矢
量图形、图形元件、文本对象
2、学生在讲台操作演示插入普通帧
使静止画面延续、插入关键帧改变
舞台中对象的起始状态
回忆:矢量图形与图形元件
普通帧和关键帧的作用
演示操作:
1、将静止画面时间延长,
在鱼图层的结束帧插入关键
帧,并移动鱼的位置
学生的操
作更能激
发兴趣,
师生互动
让学生参
与其中
初步体验+尝试制作1、演示、欣赏“fish.swf”动画作
品,请学生分析作品中的动画形
式;引出本节课的学习内容:补
间动画(动作补间、形状补间)
欣赏并分析动画——“鱼的世
界”
1、鱼的运动:从右向左的方向
游动
2、文字的形状变化:有文字
明确学习
内容
“鱼”渐渐变成一个鱼的图形
2、动作补间动画
教师演示必要步骤:
1)、开始和结束关键帧中“鱼”的位置
变化,设置过渡帧属性:动作2)、鱼的转身操作:修改/元件/水平翻
转
3)、鱼游远并且变小的动画设置1、打开flash源文件,给“鱼”加上运动效果,教师的演示完成
1)、“鱼”的位置变化
2)、给“鱼”加上方向、大小
等变化
3)、测试动画效果
2、完成快的同学辅助同座的同
伴反馈学生做好的动画,以激励更多的同学。
3、形状补间动画
教师演示必要步骤,讲述形状补间
要点
1)、在文字图层确定结束帧的位置,插
入空白关键帧
2)、将库里的鱼图形元件拖入舞台
3)、设置关键帧中的对象,转化为矢量图形
4)、设置过渡帧属性:形状
布置练习任务二进一步要求:尝试
完成拓展练习1、练习制作形状补间动画:
1)、在文字图层确定开始关键
帧和结束关键帧位置
2)、在结束关键帧处拖入鱼图
形元件
3)、在开始和结束关键帧处分
离文本对象和图形元件
4)、过渡帧属性:形状
2、完成快的同学进行拓展练习
留给学生
自我探索
的空间,
以解决学
生制作中
的共同问
题
反馈评价展示部分学生的作品;加以点评。
欣赏,评价相互取长
补短
小结一、两种补间动画及其特点
二、简单动画的具体实现
明确、回顾本节课学习要点
完成练习并提交作业
系统化总
结本节课
学习内容
(九)学习评价
1、评价学生是否积极参与学习活动。
即学生的学习态度。
课堂中两个基本学习任务的完成主要是学生的独立操作,邻座间的相互讨论,主动与老师交流都反应出学生的学习兴趣。
2、评价学生能否掌握补间动画的制作要点。
从提交的作品就可以分析出每个学生的学习点掌握情况,从动画的效果可以看出技术上有无操作错误;从整体作品的视觉感受可以评价学生的创新、构思能力。
3、通过拓展练习内容的学习,可以让学生进一步体会图层的基本操作。
4、通过欣赏班集体成员的作品,可以让学生得到自我学习情况的内化评价。
(十)教学反思与后记
1、形状补间和动作补间两种动画能否在一节课内学习完成是一种尝试。
通过实际课堂教学,将两种动画放在一节课还是有可行之处。
一般动作补间动画学生易理解,动画对象就从简单的位置改变开始。
在这一动画形成后即可介绍形成补间动画的三个必要条件。
拓展技术时可以将对象的缩放、旋转加入动画中。
接着怎样自然引入形状补间动画是关键。
最好还是在一个源文件上进行完整动画情节的创意。
2、活动组织进程上要注意把握时间。
难点是形状补间动画,因为牵涉到对象属性转换,所以在动作补间制作上不要拓展,理解基本就好,把更多的时间放在形状渐变。
3、让学生参与“教”的活动中。
学生的操作演示比教师躬身自行更能引起同伴的注意和学习欲望。
4、教师在活动中应注意及时归纳和小结,这将有助于同学们对知识目标的理解。
5、在巡视学生操作实践的过程中,发现少数学生对开始关键帧和结束关键帧相对应的舞台对象的状态仍不理解,出现鱼倒游的现象就不知错在哪里。
说明在教学中形成补间动画的三个关键点强调不够。
形状补间动画学生理解形状的改变显得先入为主,在位置变化或者其他状态改变上并没有或者也不敢去尝试。
反应出学生对于动作、形状的“动”的理解还是浮于表面,后面的课程中要及时强化。
从学生提交作品看,大部分学生对补间动画的制作思想还是掌握。
6、对于课课作品相关联的课程设计,每一节课的学生知识点掌握要到位。
本节课两类补间动画的教学效果与前面的课程内容息息相关,前面的铺垫一定要将时间轴,帧频和关键帧,元件、矢量图形交待清楚,否则影响补间动画的教学效果。
【评点】该教学设计通过“鱼的游动”和“标题字变图形”的演与练,使课堂生动、活跃,学生从初步体验到尝试制作,体现了教学“以生为本”的理念。
如果在设计中对教学时间进行合理分配,进一步优化对学习效果的评价,注意分层训练和个别辅导,这节课就更完善了。
(李雪春)。