zoukankan      html  css  js  c++  java
  • 学习已经被淘汰的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

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

  • 相关阅读:
    Linux安装ntp同步时间
    Linux安装ntp同步时间
    Python的中文处理
    Python的中文处理
    Python的中文处理
    Sudo环境变量继承
    Sudo环境变量继承
    dataguard 日志传输服务
    Dataguard Content
    Oracle 10g DataGuard手记之基础配置
  • 原文地址:https://www.cnblogs.com/lovebing/p/8006692.html
Copyright © 2011-2022 走看看