Flash-8-引导路径动画详解及实例
Flash 8 引导路径动画详解及实例
单纯依靠设置关键帧,有时仍然无法实现一些复杂的动画效果,有很多运动是弧线或不规则的,如月亮围绕地球旋转、鱼儿在大海里遨游等,在Flash中能不能做出这种效果呢?
答案是肯定的,这就是“引导路径动画”。
将一个或多个层链接到一个运动引导层,使一个或多个对象沿同一条路径运动的动画形式被称为“引导路径动画”。这种动画可以使一个或多个元件完成曲线或不规则运动。
1.创建引导路径动画的方法
(1)创建引导层和被引导层
一个最基本“引导路径动画”由二个图层组成,上面一层是“引导层”,它的图层图标为,下面一层是“被引导层”,图标同普通图层一样。
在普通图层上点击时间轴面板的“添加引导层”按钮,该层的上面就会添加一个引导层,同时该普通层缩进成为“被引导层”,如图3-6-1所示。
图3-6-1 引导路径动画
(2)引导层和被引导层中的对象
引导层是用来指示元件运行路径的,所以“引导层”中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。
而“被引导层”中的对象是跟着引导线走的,可以使用影片剪辑、图形元件、按钮、文字等,但不能应用形状。
由于引导线是一种运动轨迹,不难想象,“被引导”层中最常用的动画形式是动作补间动画,当播放动画时,一个或数个元件将沿着运动路径移动。
(3)向被引导层中添加元件
“引导动画”最基本的操作就是使一个运动动画“附着”在“引导线”上。所以操作时特别得注意“引导线”的两端,被引导的对象起始、终点的2个“中心点”一定要对准“引导线”的2个端头,如图3-6-2所示。
图3-6-2 元件中心十字星对准引导线
在图3-6-2中,我们特地把“元件”的透明度设为50%,使你可以透过元件看到下面的引导线,“元件”中心的十字星正好对着线段的端头,这一点非常重要,是引导线动画顺利运行的前提。
2.应用引导路径动画的技巧
(1)“被引导层”中的对象在被引导运动时,还可作更细致的设置,比如运动方向,把【属性】面板上的【路径调整】前打上勾,对象的基线就会调整到运动路径。而如果在【对齐】前打勾,元件的注册点就会与运动路径对齐,如图3-6-3所示。
图3-6-3 路径调整和对齐 (2)引导层中的内容在播放时是看不见的,利用这一特点,可以单独定义一个不含“被引导层”的“引导层”,该引导层中可以放置一些文字说明、元件位置参考等,此时,引导层的图标为。
(3)在做引导路径动画时,按下工具栏上的【对齐对象】功能按钮,可以使“对象附着于引导线”的操作更容易成功。
(4)过于陡峭的引导线可能使引导动画失败,而平滑圆润的线段有利于引导动画成功制作。
(5)被引导对象的中心对齐场景中的十字星,也有助于引导动画的成功。
(6)向被引导层中放入元件时,在动画开始和结束的关键帧上,一定要让元件的注册点对准线段的开始和结束的端点,否则无法引导,如果元件为不规则形,可以按下工具栏上的任意变形工具,调整注册点。
(7)如果想解除引导,可以把被引导层拖离“引导层”,或在图层区的引导层上单击右键,在弹出的菜单上选择【属性】,在对话框中选择“正常”作为图层类型,如图3-6-4所示。
图3-6-4 图层【属性】面板
(8)如果想让对象作圆周运动,可以在“引导层”画个圆形线条,再用橡皮擦去一小段,使圆形线段出现2个端点,再把对象的起始、终点分别对准端点即可。
(9)引导线允许重叠,比如螺旋状引导线,但在重叠处的线段必需保持圆润,让Flash能辨认出线段走向,否则会使引导失败。
实例:海底世界
实例简介
海底是很多人向往的神秘世界,今天,我们就用Flash来试着描绘这个世界。这个实例中包括了补间运动动画、补间形状动画、遮罩动画、引导路径动画等四种动画形式,制作上要比前面几课中的实例难度大一些,不过,它能综合复习前面学过的内容,操作原理也是我们熟悉的,相信你一定能顺利完成这个实例,其运行效果如图3-6-19所示。
图3-6-19 海底
知识提要
综合应用四种动画形式 创建透明水泡 创建多层遮罩
制作步骤
(1)创建影片文档
新建一个影片文档,舞台尺寸设置为450*300象素,【背景色】设置为深蓝色,如图3-6-20所示。
图3-6-20 文档属性
(2)创建元件
本例中的元件较前面的实例要多一些,我们把它们分成“水泡部分”、“海底部分”、“游鱼部分”三个部分来叙述。先来创建和水泡有关的部分。
1、 创建“单个水泡”元件
执行【插入】|【新建元件】命令,新建一个图形元件,名称为“单个水泡”。先在场景中画一个无边的园,颜色任意,大小为30*30,再设置混色器面板的参数,四个调节手柄全为白色,Alpha值从左向右依次为100%、40%、10%、100%,如图3-6-21所示,用油漆筒工具在画好的圆的中心偏左上的地方点一下,如对填充的颜色不满意,可以用填充变形工具 进行调整。
图3-6-21 水泡(放大400倍)、填充位置及混色器面板参数
2、 创建“一个水泡及引导线”元件
执行【插入】|【新建元件】命令,新建影片剪辑,名称为“一个水泡及引导线”。点击添加引导层按钮 添加一个引导层,在此层中用铅笔工具 从场景的中心向上画一条曲线并在第60帧处加普通帧。在其下的被引导层的第一帧,拖入库中的名为“单个水泡”的元件,放在引导线的下端,在第60帧加关键帧,把“单个水泡”元件移到引导线的上端并设置Alpha值为50%,如图3-6-22所示。
图 3-6-22 水泡及引导线
3、 创建“成堆的水泡”元件
执行【插入】|【新建元件】命令,新建一个影片剪辑,名称为“成堆的水泡”。从库里拖入数个“一个水泡及引导线”元件,任意改变大小位置,图3-6-23仅供参考。
图3-6-23 成堆的水泡(放大200倍)
4 、创建“鱼及引导线”元件
执行【插入】|【新建元件】命令,新建一个影片剪辑,名称为“鱼及引导线”。此元件只有引导层和被引导层二层,点击时间轴面板上的添加引导层图标,新建引导层,在引导层中用铅笔工具画一条曲线作鱼儿游动时的路径,在被引导层中执行【文件】|【导入到场景】命令,将本实例中的名为“鱼”的元件导入到场景中,在第1帧及第100帧中分别置于引导线的两端,在第一帧中建立补间运动动画,在【属性】面板上的【路径调整】、【同步】、【对齐】三项前均打勾,如图3-6-25所示。
图3-6-25鱼及引导线
下面我们来创建海底实例中“水波荡漾”效果所需的元件。
5、 创建“海底”元件
执行【插入】|【新建元件】命令,新建一个图形元件,名称为“海底”。选择第一帧,然后再执行【文件】|【导入到场景】命令,将本实例中的名为“海底.bmp”的图片导入到场景中。
6、创建“遮罩矩形”元件
执行【插入】|【新建元件】命令,新建一个图形元件,名称为“遮罩矩形”。在场景中画一个500*4的无边矩形,因为“遮罩层”中的图形在播放时不会显示,所以颜色任意。
复制并粘贴这个矩形,向下移一点位置,使其变成二个,再复制并粘贴这二个矩形,再向下移一点位置,使其变为四个,如此循环,直至创建出一个500*540的矩形,如图3-6-26所示。
图3-6-26遮罩矩形
7、创建“水波效果”元件
水波荡漾的效果是用遮罩动画的手法做的,看着挺漂亮,实际制作却很简单,只用三层就完成了,里面有二个小技巧,在下面的讲解过程中会着重介绍。
执行【插入】|【新建元件】命令,新建一个影片剪辑,名称为“水波效果”,如图3-6-27所示。
图3-6-27创建“水波效果”元件 先把最下面图层作为当前编辑图层,从库里拖入名为“海底”的图形元件,在【属性】面板上设置元件的X值为0,Y值为0,在时间帧上点一下右键,在弹出菜单中选择【复制帧】,在第100帧加普通帧。
然后新建一个图层,在这层的第一帧上点一下右键,在弹出菜单中选择【粘贴帧】,就把刚才的元件粘到第二层里了,在【属性】面板上设置此元件的X值为0,Y值为1,Alpha值为80%,在第100帧加普通帧。
注意:这里是一个技巧:第二层图片与第一层图片的位置差决定水波荡漾的大小!位置差越大,水波越大,其Alpha值的大小决定水波的清晰程度,Alpha值越大,水波越清晰,反之越模糊。
图3-6-28是第一层和第二层中两张图片在X,Y轴的位置的不同的对比。
图3-6-28两张图片在场景中的位置对比 要实现水波荡漾,光有二层图片是不行的,还要用遮罩动画实现光线的明暗变化才行,这样,才能产生水的流动感。
新建一层,在第1帧上拖入库中名为“遮罩矩形”的元件,注意下面的边缘对着“海底图片”的下边缘。在第100帧上加关键帧,拖动“遮罩矩形”,使其上边缘对着“海底图片”的上边缘,在第1帧创建补间动作动画。如图3-6-29所示。
图3-6-29遮罩层中矩形元件的位置
至此,这个动画所需的基本构件已经制作完成,大功告成,接下来还必需在场景中把各个构件“组装”起来。
在主场景中一共需要5个图层,我们由下而上一层一层地叙述,请随时参考图3-6-32。
(3)创建动画
1、 创建背景层
从库中把名为“水波效果”的元件拖到场景中,在第134帧加普通帧,该层命名为“背景”。 2、 创建水泡层
新建名为“水泡”的图层,在第1帧,第30帧从库里把名为“成堆的水泡”的元件拖到场景中来,数目、大小、位置任意,在第134帧加普通帧。
3、 创建游鱼层
新建名为“鱼”的图层,从库里把名为“鱼及引导线”的元件拖放到场景的左侧,数目、大小、位置任意,在第134帧加普通帧。
图3-6-31图片、鱼、水泡的位置
从场景中你是否发现,我们在制作过程中免不了会在场景外放置一些对象(图3-6-32所示在场景外就有一条鱼),这些“场外对象”在本地播放器中不会出现,而当你在网上发布swf文件时,由于网站(尤其各种论坛)默认的swf文件的尺寸不尽相同,有的会显示出“场外对象”,这好比一个舞台剧演出时,幕后候台演员的情况也暴露出来,非常不美观,怎么办呢?
记得在谈到“遮罩动画”时,我们曾提到过“遮罩”的另外一个作用是“用来遮罩全部场景或某个特殊区域”,那么,下面就试试用遮罩来为我们管理舞台界面!
步骤5 创建遮罩层
在场景中画一个无边矩形,大小为450*300,盖住全部场景,设此层为遮罩层,此时下面的声音层自动缩进被遮罩了,用鼠标左键分别按住下面的各层,向上略移一点点,松手,各层就会自动缩进被遮罩了,如图3-6-32所示。
这样,在播放时,我们就只能看到场景中的情形了,场景外的元件被遮罩了。
图3-6-32遮罩层遮住下面各层
FLASH8动画制作培训操作提纲(已修订)
FLASH 8动画制作培训
操 作 提 纲
一、运动补间动画(在一个关键帧上放置一个元件实例,然后在同一图层的另一个关键帧改变这个元件实例的大小、位置、角度、透明度、颜色等,FLASH根据二者之间的差值自动生的动画被称为运动补间动画)
1、小球位移动画(横向位移)
(1)先用椭圆工具在舞台的左侧画一个红色小球,选中小球按F8键,将它转换成图形元件。
(2)点图层1的第20帧,按F6键插入一个关键帧,将小球元件拖至舞台的右侧。
(3)选图层1的第1帧,打开下面的“属性”面板,在“补间”下拉列表中选“动画”,再按“CTRL + ENTER”键测试动画。最后以“运动小球”为文件名保存动画。
2、弹性小球动画
(1)在舞台下面画一个矩形,填充色为棕色,将它转换为图形元件并调整好矩形的位置。选中图层1的第36帧按F6键插入一个关键帧,让矩形从1~36帧全部可见。
(2)点“新建图层”按钮新建图层2,再用椭圆工具在舞台上画一个红色小球,选中小球按F8键,将它转换成图形元件。再把小球移到舞台的上端的中央处。
(3)选中图层2的第18帧和第36帧,按F6键各插入一个关键帧。选中图层2的第18帧,按SHIFT + ↓将小球平稳移至舞台的下方和矩形相接。选中图层2的第1帧复制该帧至图层2的第36帧。再点图层2的第1帧和第18帧,点右键“创建补间动画”。
(4)选中图层2的第1帧和第36帧,打开“属性”面板,在“缓动”值中分别输入“-100”和“100”。按“CTRL + ENTER”键测试动画。最后以“弹性小球”为文件名保存动画。
二、形状补间动画(是指一个形状成变另一个形状的动画)
矩形变成圆形
(1)在图层1的第1帧,在舞台的左侧好一个无边框的绿色矩形。
(2))点图层1的第30帧,按F7插入一个空白关键帧,然后在第30帧帧上画一个无边框的红色圆形,将圆形移至舞台的右侧。
(3)点第1帧,调出“属性”面板,在“补间”下拉列表中选动画类型为“形状”。 按“CTRL + ENTER”键测试动画。最后以“矩形变圆形”为文件名保存动画。
实验五 利用Flash制作运动轨迹动画
实验五 利用Flash制作运动轨迹动画
实验目的
1.理解轨迹动画的制作原理。
2.学会创建、设计轨迹动画。
实验学时
2学时
实验原理
1.什么叫轨迹动画
将一个或多个层链接到一个运动引导层,使一个或多个对象沿同一条路径运动的动画形式被称为轨迹动画,或又称为引导动画。这种动画可以使一个或多个元件完成曲线或不规则运动。
2.创建轨迹动画的方法
(1)创建引导层和被引导层
一个最基本引导动画由两个图层组成,上面一层是引导层,它的图层图标为,下面一层是被引导层,图标同普通图层一样。
在普通图层上点击时间轴面板的“添加引导层”按钮,该层的上面就会添加一个引导层,同时该普通图层缩进成为被引导层。
(2)引导层和被引导层中的对象
引导层是用来指示元件运行路径的,所以引导层中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。
被引导层中的对象是跟着引导线走的,可以使用影片剪辑、图形元件、按钮、文字等,但不能应用形状。
由于引导线是一种运动轨迹,不难想象,被引导层中最常用的动画形式是动作补间动画,当播放动画时,一个或数个元件将沿着运动路径移动。
(3)引导线上对象的要求
引导动画最基本的操作就是使一个运动动画“吸附”在“引导线”上。被引导的对象的中心一定要紧紧吸附在引导线的两个端点上。
实验内容与步骤
轨迹动画的制作
实例:月球绕着地球转
(1)新建文档,设置为默认。
(2)导入光盘中的素材 “星空背景.jpg” 图片和“自转的地球.swf”的flash动画。
(3)创建元件:按插入/新建元件命令或按Ctrl+F8,创建“月球”图形元件。选取工具栏中的椭圆工具,将“笔触色”设置为“无色”,将“填充色”设置为黄色,在编辑窗口中画一个椭圆,并使其相对于舞台居中。
(4)进入场景1编辑窗口,建立两个图层,由下到上分别命名为“背景”、“地球”、“月球”,然后给“月球”图层添加运动引导层。如果要查看图层的属性,则可以选中图层,单击鼠标右键,选中“属性”,即可查看。
flash制作第5课实例纸飞机绕引导线运动
flash制作第5课实例纸飞机绕引导线运动
flash制作第5课实例《引导路径动画》前面几课里,大家已经知道动画效果,如跳动的小球、不知你注意到没有,这些动画的运动轨迹都是直线的,可是在生活中,有很多运动是弧线或不规则的,如月亮围绕地球旋转、鱼儿在大海里遨游等,在Flash中能不能做出这种效果呢?答案是肯定的,这就是“引导路径动画”。将一个或多个层链接到一个运动引导层,使一个或多个对象沿同一条路径运动的动画形式被称为“引导路径动画”。这种动画可以使一个或多个元件完成曲线或不规则运动。
纸飞机绕引导线运动
一、新建影片(点此处欣赏)
新建一个电影文件,在属性对话框中,设定尺寸400*300,背景颜色为蓝色。
二、制作小飞机组件:
1、利用矩形工具在舞台上拖一矩形,用箭头工具向外拖一角,再将另一对角向内拖动,用直线工具连接刚拖过的两个角,利用漆桶工具改变两三角的颜色。
2、利用箭头工具选中整个飞机,执行“插入/转换为元件”,飞机外沿有蓝色边框。
三、制作动画:
1、创建飞机运动图层:
(1)单击第一层的第1帧,将飞机拖放在场景中的左上角。用变形工具调整飞机大小方向,你满意为止。
(2)选择第40桢,按F6键插入关键桢。
(3)找到属性面板,建立1--40桢之间的小飞机运动动画。在“调整到路经”上打勾.
2、单击时间轴窗口上的“添加引导图层”按钮,或在时间轴图层名字处点下,在浮动窗口选择执行“插入/运动引导层”,这时在第一图层上就增加一个引导图层。在导层第1帧点下,在工具栏中选择铅笔工具,并选
铅笔工具的附属选项“平滑”。然后用铅笔工具在场景中画一个平滑曲线(就是飞机的运动轨迹)。
3、选择第一层的第1帧。拖动第1帧上的飞机到曲线左端点上,注意一定要把
飞机上注册点“0”与线左端对准。
4、选择第一层的第40帧。用同样的方法将飞机拖动到曲线的右端点上飞机注册点“0”与线右端对准。(这很重要,否则飞机不在线上运动。
引导线动画示例教程
FLASH中的引导线
实例一:沿引导线运动的小球
步骤1:制作一个小球元件,并让小球从左到右运动30帧。然后在小球图层点右键,选择【添加引导层】
步骤2:然后在引导线图层画出小球的运动路线。选中第一帧的小球,把小球的中心点位置移动到运动路线的起点。
选中最后一帧的小球,把小球的中心点位置移动到运动路线的终点。注意,一定要注意小球的中心点位置是否在运动路线上,这是引导线运动成功的关键!
引导线在动画编辑的时候可以看到,当你测试影片的时候,是看不到引导线的,除非新建一个图层,让引导线显示出来
接下来,我们可以把小球换成其他任何东西,比如蝴蝶,蜜蜂,月球
思考,如果物体是做圆周运动,该怎么做呢?
实例二:月球绕着地球运动
我们可以利用人眼睛的特点,把一个完整的圆去掉一点点周长,这样人为的给圆定义一个起点和终点,就可以利用引导线来引导动画运动了。 你注意到椭圆的断裂处了吗?那就是起点和终点了
试一试:
如果还要做一个月球的卫星绕着月球转,同时月球和它的卫星又同时围绕地球转的动画该如何做呢?
这里,我们学习到【插入】-【新建元件】里的影片剪辑了
我们先做一个月球卫星绕着月球旋转的影片剪辑元件。然后在这个影片剪辑里制作卫星绕着月球转的动画。注意,卫星和月球都要自己建立图形元件哦。如图
接下来回到场景1,然后把【月球和卫星】这个影片剪辑当做一个图形元件来制作它们围绕地球转的引导线动画(特别提醒,在影片剪辑里动画运行的时间,在场景中必须大于这个时间,影片剪辑里的动画才能顺利运行,也就是说,如果你的影片剪辑动画有30帧,那么在场景里你必须让这个影片剪辑播放30帧或者更长时间),最后的FLASH时间轴如图,在图中,月球和它的卫星是作为一个整体出现的,但是实际上他们内部有环绕动画。在这个动画中,各个元件的关系可以用这个图来表示:
场景1
月球和卫星
(影片剪辑)
月球卫星(图形元件 月球(图形元件 地球(图形元件)
flash8[1].0入门教程
1.11.11.11.1Flash8Flash8Flash8Flash8工作环境工作环境工作环境工作环境Flash以便捷、完美、舒适的动画编辑环境,深受广大动画制作爱好者的喜爱,在制作动画之前,先对工作环境进行介绍,包括一些基本的操作方法和工作环境的组织和安排。1.1.11.1.11.1.11.1.11111.开始页.开始页.开始页.开始页运行Flash8,首先映入眼帘的是“开始页”,“开始页”将常用的任务都集中放在一个页面中,包括“打开最近项目”、“创建新项目”、“从模板创建”、“扩展”以及对官方资源的快速访问。如图1-10所示。图1-10开始页如果要隐藏“开始页”,可以单击选择“不再显示此对话框”,然后在弹出的对话框单击“确定”按钮。如果要再次显示开始页,可以通过选择“编辑”|“首选参数”命令,打开“首选参数”对话框,然后在“常规”类别中设置“启动时”选项为“显示开始页”即可。2222.工作窗口.工作窗口.工作窗口.工作窗口
在“开始页”,选择“创建新项目”下的“Flash文档”,这样就启动Flash8的工作窗口并新建一个影片文档。如图1-11所示。图1-11Flash8的工作窗口Flash8的工作窗口由标题栏、菜单栏、主工具栏、文档选项卡、编辑栏、时间轴、工作区和舞台、工具箱以及各种面板组成。窗口最上方的是“标题栏”,自左到右依次为控制菜单按钮、软件名称、当前编辑的文档名称和窗口控制按钮。“标题栏”下方是“菜单栏”,在其下拉菜单中提供了几乎所有的Flash8.0命令项,通过执行它们可以满足用户的不同需求。“菜单拦”下方是“主工具栏”,通过它可以快捷的使用Flash8.0的控制命令。“主工具栏”的下方是“文档选项卡”,主要用于切换当前要编辑的文档,其右侧是文档控制按钮。在“文档选项卡”上右击,还可以在弹出的快捷菜单中使用常用的文件控制命令。如图1-12所示。
图1-12文档选项卡“文档选项卡”下方是“编辑栏”,可以用于“时间轴”的隐藏或显示、“编辑场景”或“编辑元件”的切换、舞台显示比例设置等。如图1-13所示。“编辑栏”下方是“时间轴”,用于组织和控制文档内容在一定时间内播放的图层数和帧数。时间轴左侧是图层,图层就像堆叠在一起的多张幻灯胶片一样,在舞台上一层层地向上叠加。如果上面一个图层上没有内容,那么就可以透过它看到下面的图层。Flash中有普通层、引导层、遮罩层和被遮罩层4种图层类型,为了便于图层的管理,用户还可以使用图层文件夹。图1-13时间轴“时间轴”下方是“工作区”和“舞台”。Flash8扩展了舞台的工作区,可以在上面存储更多的项目。舞台是放置动画内容的矩形区域,这些内容可以是矢量插图、文本框、按钮、导入的位图图形或视频剪辑等。如图1-14所示。
引导路径动画教案
引导路径动画教案
一、教学目标:
1. 让学生了解引导路径动画的概念和作用。
2. 培养学生运用Flash软件制作引导路径动画的能力。
3. 提高学生创新设计和动手实践的能力。
二、教学内容:
1. 引导路径动画的定义和特点
2. Flash软件的基本操作
3. 制作引导路径动画的步骤
4. 引导路径动画的应用场景
三、教学重点与难点:
1. 教学重点:制作引导路径动画的步骤和技巧。
2. 教学难点:如何调整引导路径和对象的属性。
四、教学准备:
1. 教师准备Flash软件和教学素材。
2. 学生准备笔记本电脑或平板设备。
五、教学过程:
1. 引入新课:通过展示引导路径动画的实例,引发学生兴趣,导入新课。
2. 讲解概念:介绍引导路径动画的定义和特点,让学生了解其基本原理。
3. 演示操作:教师使用Flash软件演示制作引导路径动画的步骤,讲解相关操作技巧。
4. 实践操作:学生动手实践,按照教师讲解的步骤制作引导路径动画。 5. 问题解答:教师针对学生在制作过程中遇到的问题进行解答和指导。
6. 创意设计:学生根据所学知识,发挥创意,设计自己的引导路径动画。
7. 作品展示:学生展示自己的作品,互相评价和交流。
8. 总结讲解:教师总结本节课的重点内容,强调注意事项。
9. 课后作业:布置相关作业,巩固所学知识。
10. 教学反思:教师根据学生的表现和反馈,总结教学效果,调整教学策略。
六、教学评价:
1. 学生完成引导路径动画作品的质量和创意性。
2. 学生在实践操作中的问题解决能力和协作能力。
3. 学生对引导路径动画知识的掌握程度和运用能力。
七、教学拓展:
1. 引导学生探索更多的Flash动画制作技巧,如遮罩动画、补间动画等。
2. 学生可以尝试将引导路径动画应用于实际项目中,如网站导航、教学演示等。
八、教学资源:
1. Flash软件安装包和教程。
2. 引导路径动画素材库。
flash8教程
flash8教程
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-8-遮罩动画详解及实例
Flash-8-遮罩动画详解及实例
2 Flash 8 遮罩动画详解及实例
在Flash8.0的作品中,我们常常看到很多眩目神奇的效果,而其中不少就是用最简单的“遮罩”完成的,如水波、万花筒、百页窗、放大镜、望远镜……等等。
那么,“遮罩”如何能产生这些效果呢?
在本节,我们除了给大家介绍“遮罩”的基本知识,还结合我们的实际经验介绍一些“遮罩”的应用技巧,最后,提供二个很实用的范例,以加深对“遮罩”原理的理解。
在Flash8.0中实现“遮罩”效果有二种做法,一种是用补间动画的方法,一种是用actions指令的方法,在本节中,我们只介绍第一种做法。
1.遮罩动画的概念
(1)什么是遮罩
“遮罩”,顾名思义就是遮挡住下面的对象。
3 在Flash8.0中,“遮罩动画”也确实是通过“遮罩层”来达到有选择地显示位于其下方的“被遮罩层”中的内容的目地,在一个遮罩动画中,“遮罩层”只有一个,“被遮罩层”可以有任意个。
(2)遮罩有什么用
在Flash8.0动画中,“遮罩”主要有2种用途,一个作用是用在整个场景或一个特定区域,使场景外的对象或特定区域外的对象不可见,另一个作用是用来遮罩住某一元件的一部分,从而实现一些特殊的效果。
2.创建遮罩的方法
(1)创建遮罩
在Flash8.0中没有一个专门的按钮来创建遮罩层,遮罩层其实是由普通图层转化的。你只要在要某个图层上单击右键,在弹出菜单中把“遮罩”前打个勾,该图层就会生成遮罩层,“层图标”就会从普通层图标变为遮罩层图标,系统会自动把遮罩层下面的一层关联为“被遮罩层”,在缩进的同时图标变为,如果你想关联更多层被遮罩,只要
4 把这些层拖到被遮罩层下面就行了,如图3-5-1所示。
图3-5-1 多层遮罩动画
(2)构成遮罩和被遮罩层的元素
遮罩层中的图形对象在播放时是看不到的,遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等,但不能使用线条,如果一定要用线条,可以将线条转化为“填充”。
Flash8.0__基础及实例教程
.
. 《Flash8基础与实例教程》
第一课 FLASH8工作环境 ............................................................................................................................. 3
第一节 工作环境简介 ................................................................................................................................................ 3
第二节 面板 .................................................................................................................................................................. 6
本课小结 熟悉FLASH8的操作界面主要包括系统菜单、绘图工具栏、舞台、时间轴、属性面板各其他一些浮动面板。 ..................................................................................................................... 错误!未定义书签。
第三节 范例简介 ......................................................................................................................................................... 8
flash基本动画制作教案
《Flash动画制作》授课计划
页脚内容
第7章 Flash 8基础与实例(2)——
常见动画的制作
知识点:
1、 逐帧动画的制作。
2、 形状补间动画的制作。
3、 动作补间动画的制作。
4、 遮罩动画的制作。
5、 引导路径动画的制作。
学时分配:2学时
教学内容:
1、 逐帧动画的制作。
2、 形状补间动画的制作。
3、 动作补间动画的制作。
4、 遮罩动画的制作。
5、 引导路径动画的制作。
教学重点:
1、 形状补间动画的制作。
2、 动作补间动画的制作。
3、 遮罩动画的制作。
4、 引导路径动画的制作。
教学难点:
形状补间动画与动作补间动画的区别。
教学方法与手段:讲授法,多媒体展示
教学过程:
(一)创设意境,导入新课(设疑法、提问法) 《Flash动画制作》授课计划
页脚内容 导入:
教师展示几个Flash实例,然后引导学生一个一个亲自动手制作。
引入新课程:
(二)新课教学(讲解法、提问法、示范法、实验法)
本次课开始学习用Flash制作动画效果,在Flash中共有5种动画形式:逐帧动画、形状补间动画、动作补间动画、遮罩动画、引导路径动画。
逐帧动画的制作
逐帧动画是一种常见的动画手法,它的原理是在“连续的关键帧”中分解动画动作,也就是每一帧中的内容不同,连续播放而成的一种动画。
优点:与电影播放模式相似,适合于表演很细腻的动画,如3D动画、人物或动物急剧转身等效果。
缺点:每一帧的序列内容都不一样,增加制作负担,文件存储容量过大。
一、逐帧动画的概念和在时间帧上的表现形式
在时间帧上逐帧绘制帧内容称为逐帧动画,由于是一帧一帧的画,所以逐帧动画具有非常大的灵活性,几乎可以表现任何想表现的内容。
逐帧动画在时间帧上表现为连续出现的关键帧,如图7-3-1所示。
图 7-3-1 逐帧动画
