(完整版)flash教学示例

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

目的:

1、画图工具的使用;

2、动画制作的基本过程;

3、引导层的使用;

4、遮罩层的使用;

5、帧帧动画的使用;

6、变形动画的实现。

例1 运动的光碟

一.建立新动画:

1.运行 Flash MX。这时系统启动并自动建立了一个新文件。

▲执行:“文件/新建”菜单命令或按可以新建一个的影片文件。

2.设置舞台属性:执行“修改/文档”菜单命令(或按 Ctrl+J )。其实Flash MX提供了“属性提示器”见下图1。

图1 影片属性设置

再点开“大小”可以设置文档属性见图2:(1)播放速度(帧频)(2)舞台尺寸(尺寸)(3)背景颜色(4)选用何种标尺单位等。

一般每秒12帧的播放速度比较合适。这里我们设定一个尺寸为300*100的蓝色背景舞台。

图2 文档属性

二.建立组件:

1.新建光碟元件(创建一个图符)。

执行“插入/新建元件”菜单命令(或按Ctrl-F8键)进入建立元件的对话框窗口,给元件起名(最好是取拼音名或数字名,比如guang),选择类型是图形。然后按确定按钮。马上就进入到创建新元件的编辑状态。

2.在绘图工具栏中选椭圆工具。并将其下的属性提示器参数设置为下图3所示。

图3 椭圆工具的属性提示器(边框色和填充色)

3.在工作区里拖动鼠标绘制一个圆(在拖动鼠标的同时按下shift键不松手,画出来的是正圆)。

注意:圆的中心一定要和舞台中心的“+”对准。最好从查看中调出标尺和网格。

4.利用直线工具画一园的直径,选中此直径,调出窗口下边的“变形面板”(见图4)旋转设45度,在右下边的旋转复制按钮(向右小箭头),连按三次,就会出现四条直径,把圆分为8叶。

图4 变形面板

5.再在一边利用椭园工具画一小的正园,选中拖入大圆的正中心,记住一定要中心对齐。

6.利用漆桶工具,分别在8叶中充入不同的好看的颜色,这样元件就做好了。

三.建立运动动画:

1.设置起始位置:(1)元件做好后,点击时间轴右上角的“场景1”回到主场景。

(2)按 Ctrl-L 打开图库,发现里面已经有一个做好了的名为 guang的的元件。在预览窗口中把该元件拖动到工作区中的中央,此时时间轴的第1帧上的小圆圈已经由空心变成了实心,表明该帧不再为空,变为关键帧。

2.设置目的位置:

(1)在时间轴第10帧单击鼠标左键,该帧变蓝表示被选,在此处按 F6 键插入一个关键帧,第10帧也变为实心小黑点。

(2)单击选中时间轴上的第1帧,下边出现帧的属性面板,点开“补间”和“旋转”的向下箭头选择如图5。

5 在帧面板中设置运动动画

▲小球运动建好后的时间轴状态如图6:

这时时间轴窗口的状态如图6所示,第1帧和第10帧之间出现了一个实线箭头,且背景变成淡紫色,表示这两帧之间有一段运动渐变动画。如果两帧之间出现了虚线,表示过渡不成功,需要重新查看每一个关键帧及其属性。

3.测试效果:

执行“窗口/工具栏/控制栏”菜单命令,打开控制面板,按播放钮播放动画,或者按下Ctrl+Enter 预览窗口,以全屏预览动画,可以看到本页上面的左边的动画效果。

4.如果想让光蝶向前滚动,可以点一下时间轴的第一帧,光蝶放到舞台左边,再在第10帧把光蝶放到舞台右边,就会出现滚动效果。

5.如果想让光蝶向前动,可以点一下时间轴的第一帧,去掉旋转,再把光蝶放到舞台左边,再在第10帧把光蝶放到舞台右边,就会出现滚动效果。(移动对象可以用shift+ ↑↓→←)

四.存盘:

用Flash做动画不难吧。做好了动画不要忘记存盘,执行“文件/保存”菜单命令(或按Ctrl+S键),在弹出的对话框中输入存档文件名,确定。这时系统会把源文件用.fla 格式存档。如果这时在Flash中再次按下Ctrl+Enter键,则系统会自动生成.swf的电影文件,可以用Flash 5电影播放器直接观看。

例2 相片的运动

一.新建动画文件

1 新建/文件。

2设置影片属性:或按ctrl+F3 550*400,帧频12 ,背景颜色自定。

二.导入你的相片

1点文件/导入,找到相片的位置,点打开,这时在舞台和图库中都有了你的相片了

2 相片转化为元件。点一下舞台上的相片,点插入菜单下“转化为元件”,组件起名“pic”,类型或行为“图形”此时相片上出现一个“+”表示已为元件,你可以删掉他,此时组件库中已保存此元件。

三.制作动画

A.运动效果

1)制作第一个关键帧:回到场景1,选择箭头工具,将pic从图库中拖放到舞台的左上角的外侧。

2)制作第二个关键帧:用鼠标单击第15帧。此时帧变成蓝色。按f6键添加关键帧。将相片拖动到舞台右下角。

3)创建动画:单击第一帧。在下边的帧面板上找到“补间”点开下拉条,找到“运动渐变”,设置为运动,如是想让相片旋转,再点下边的“旋转”下拉条,设为顺时针,次数为“1”按回车键看一下播放效果。

B.放大效果

1)在30帖处按F6插入关键帧,此时把相片拖入舞台中央。

2)点工具栏中的任意变形工具,此时在相片周围出现八个方块,拖运,可使相片变大,变形,变成你想要的样子。你可以让相片放大的和舞台一样的大。

3)再在回到15帧,在帧面板上设置运动动画。点回车看一下播放效果。

C.淡出且变小效果

1)在45帖处按F6插入关键帧,点工具栏中的任意变形工具,此时在相片周围出现八个方块,拖运,可使相片变小。

2)再点一下此时舞台上的相片组件,下边的属性提示器会出现相应的提示,找到“颜色”点开下拉条,找到“透明度或”“Alpha”再在其后的方框中设为20%,此时相片变的透明且淡.

3)再在回到30帧,在帧面板上设置运动动画。点回车看一下播放效果。

D.推进效果

同理,在60帧插入关键帧,使相片再放大,调透明度100%,回到45帧建立运动动画,回车会看到相片向前变清晰且向前推进的效果。

E.由正面到反面的渐变效果

1)在75帧按f6插入关键帧,找到窗口下边的“变形”,点一下“倾斜”再在后边

相关文档
最新文档