学习已经被淘汰的flash

一、基本知识介绍

网站动画的分类:二维动画和三维动画

 

二维动画分类:

1.GIF动画

2.flash动画

flash软件:是矢量软件

 

选中带有点,并且可以任意变形的对象,叫形状

逐帧动画:在时间帧上逐帧绘制帧内容

帧的分类和作用:

 

1.普通帧(延时帧):延长画面的停留时间(F5)

2.关键帧:原地复制上一帧所有内容(F6)

3.空白关键帧:插入一个空帧(F7)

 

flash文件保存格式:

1. fla可以编辑的源文件格式

2. swf导出的影片格式,用于网站

 

 

 

 

运动补间动画:

使同一个对象大小、位置、颜色和不透明度发生改变而产生的动画效果.

如果做运动补间动画,参与动画的对象必须是"元件"

 

注意:

1.形状不能做运动补间动画

2.图形元件里不能做动画,做完动画也看不到效果

 

库面板:存放元件的地方

场景:演员表演的舞台(所有的动画最终都需要放到场景)

库:演员的化妆室(后台化妆,修改元件的地方)

 

重点:

·运动补间动画的制作

·做运动补间动画,都加关键帧,加的帧数越多,动画播放越慢

元件

  • 元件是做运动补间动画的必备条件;
  • 可以重复使用元件,而不会增加flash文件大小。

创建元件的两种方法:

  • 直接在库面板新建元件,快捷键Ctrl+F8
  • 将场景里的对象转换为元件,快捷键F8

 

 

 

 

二、图层的应用

 

帧的编辑技巧

综合实例

运动补间动画的概念

  • 在一个关键帧上放置一个元件,然后在另一个关键帧上改变这个元件的大小、颜色、位置和透明度等,flash在两个关键帧之间创建的动画被称为运动补间动画。
  • 动作补间动画建立后,时间帧面板的背景色变为淡紫色,在起始帧和结束帧之间有一个长长的箭头。
  • 运动补间动画只对单一的对象有效,如果想让多个对象同时运动,必须将它们放在不同的层上,分别制作运动补间动画。
  • 构成运动补间动画的元素是元件(包括影片剪辑、图形元件、按钮),不能是形状。

形状补间动画的概念

  • 形状补间动画:是在一个关键帧上绘制一个形状,然后在另一个关键帧上更改该形状,或在空白关键帧上绘制另一个形状等,Flash将自动根据二者之间的帧的值或形状来创建的动画,它可以实现两个图形之间颜色、形状、大小、位置的相互变化。
  • 形状补间动画建立后,时间帧面板的背景色变为淡绿色,在起始帧和结束帧之间有一个长长的箭头。
  • 构成运动补间动画的元素是形状。

 

形状补间动画(变形动画):可以使两个不同对象之间产生变化

加帧分两种情况:

1.不同对象之间,加空白关键帧

2.相同对象之间,加关键帧

做形状补间动画的对象,必须是"形状"

影片剪辑元件:在这个元件里可以做任何动画

注意:影片剪辑做完动画,必须拖拽到场景,然后"ctrl+回车"测试

 

 

影片剪辑可以包含图形元件

跳动的红心---运动补间动画---图形元件

我需要文件里有若干颗心在同时跳动,所以要做影片剪辑

场景里---影片剪辑(动画)---图形元件(演员)

 

引导层动画:

 

使某个对象沿着一条特殊的路径运动而产生的动画效果。

引导层动画的条件:

1.必须是两个图层,引导层在被引导对象层上方;

2.引导层必须是线;

3.被引导对象必须是元件,做运动补间动画。

 

 

引导层动画都是用运动补间动画做的:一个引导层可以同时引导多个图层

 

遮罩层动画:蒙板

 

条件:

必须是两个图层,遮罩层在被遮对象层上方

遮罩层上的对象本身看不见,线不能做遮罩

遮罩层上可以做任何动画

 

·逐帧动画

·运动补间动画

·形状补间动画

·引导层动画

·遮罩层动画

 

 

三、动作面板(action)

 

添加action的位置:

1.给按钮加命令

2.给帧加命令

 

加命令的步骤

 

1.如果想让画面先停止,那么在场景(任意哪个图层都可以)第一帧加停止命令stop();

2.让按钮控制动画的播放,给按钮加播放命令(如果给按钮加命令,必须先加鼠标事件)

on(press){play();} 按下鼠标播放

3.在场景最后一帧加停止命令的

 

4.给重播按钮加命令:

on(press){gotoAndPlay(2);} 按下鼠标跳转到场景的第2帧播放

on(rollOver){play();} 鼠标经过播放

press按下

release释放鼠标

on(press){命令}

 

鼠标拖拽

1.在场景里给按钮起名字(属性面板)

2.给按钮加命令

on(press){startDrag(a);} 按下鼠标开始拖拽(起的名字)

on(release){stopDrag();} 释放鼠标停止拖拽

 

 

洋葱皮效果

duplicateMovieClip(a,b,0); 复制影片剪辑

setProperty(a,_alpha,100); 设置影片剪辑的属性

 

 

文章来源:刘俊涛的博客

地址:http://www.cnblogs.com/lovebing

欢迎关注,有问题一起学习欢迎留言、评论。

原文地址:https://www.cnblogs.com/lovebing/p/8006692.html