山东省高中信息技术学业水平考试试题网 - 数据与计算|信息系统与社会|数据与数据结构|网络基础|数据管理与分析|移动应用设计|三维设计与创意|开源硬件项目设计|算法初步|智能系统初步

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 407|回复: 0
收起左侧

第十五讲 使用时间轴和帧设计基本动画

[复制链接]

179

主题

560

帖子

214748万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
2147483647
QQ
发表于 2018-3-26 15:32:51 | 显示全部楼层 |阅读模式
第十五讲 使用时间轴和帧设计基本动画0 j  _( A. P6 k: T/ e. G
学习目标
    1.了解帧的基本操作方法;
3 O+ |2 G3 ?% {6 `( P8 U- o2 R) a    2.能熟练地制作运动渐变动画和形状渐变动画,并能清楚地区分其制作的异同点。
" b1 A9 f6 K, k/ z! F' @学习内容
& h) q$ w0 D; m3 x. f时间轴& W' r/ c6 s; v/ i3 p/ ]
    时间轴是用于组织和控制动画中的帧和层在一定时间内播放的坐标轴,显示在Flash工作界面的上部,是Flash编辑动画的主要工具。* D3 Q* |; [$ O2 u# ?$ s, a
$ X/ p2 j: }6 `" R0 J( }+ O
    影片中的每个画面在Flash中称为帧,帧是Flash动画制作中最基本的单位。在各个帧上放置图形、文字、声音等各种素材或对象,多个帧按照先后次序以一定速率连续播放形成动画。在Flash中帧按照功能的不同,可以分为三种:关键帧、空白关键帧和普通帧。
: n. t" N* E8 r4 J2 M. c帧的基本操作
6 {' z+ N" _( q. j    选择帧和帧列
' c3 p) }0 {7 h2 b- C    插入帧
& l$ n0 G6 W, Q& W( T0 P. R) ?    复制、粘贴与移动单帧, Q  Q% s  N4 E) s
    删除帧
7 c" W7 k0 a0 w: j    清除帧
/ a% B. ^2 A7 u    将帧转换为关键帧! Q% C/ v; ?; I" W1 Z4 w5 ]5 p; Z! i
    将帧转换为空白关键帧  b; `. p" B6 `7 v
基本动画  P/ r- i/ D& \# p  E  o
    Flash动画分为两大类型:逐帧动画和渐变动画。渐变动画又可分为运动渐变动画和形状渐变动画。5 \  x( z- H0 f* R2 I7 V  C9 J/ ^
    逐帧动画是由若干个连续的关键帧所组成的动画。由于在每一帧中的内容并不完全相同,在播放这种动画时,是按帧的顺序而播放,从而产生的连续动画效果。由于逐帧动画需要对每一帧中的内容进行逐个的制作和编辑,因此对动画的效果具有很强的控制能力,适合于制作较为复杂的动画。但是,由于该类动画数据量大,编辑工作既耗时又复杂艰巨,故应尽量避免采用。% f$ i7 ?" Q* n: ^8 _; [
创建逐帧动画的一般步骤如下。
; T  ]1 ]1 T2 f* s# E    (1)首先建立一个新图层,并确定逐帧动画开始的位置,在该位置上插入一个关键帧;4 A2 X$ [/ h- H. C
    (2)在该关键帧中制作动画对象的内容;
& T# [/ `7 r' F2 @: p1 U    (3)在该关键帧后面相邻处,再插入一个新的关键帧,并制作与前一关键帧稍有差别的动画内容;
3 ^+ {% A) M( S, g: T1 L* c; f& k/ n    (4)重复步骤(3)的操作,直至动画全部制作完毕;& R/ x* N0 k( T( _/ J
    (5)选择【控制】|【测试影片】命令,观看播放的效果。0 ?/ J; o) `) R

+ q5 R8 l4 M) l# H- \    与逐帧动画不同,渐变动画是由起始和终止两个关键帧,以及由这两个关键帧决定的若干个中间过渡帧所组成的动画。在制作渐变动画时不需要逐帧地进行编辑,只要将起始和终止这两个关键帧中的内容制作好,并在起始帧中定义渐变动画类型和属性,则Flash会自动制作出中间过渡帧的动画效果。7 V6 t, C  Z2 y& F! A
    创建形状渐变动画时,可以在动画的起始关键帧处绘制一种图形对象,然后在结束关键帧中改变它的形状,或在结束关键帧中另外再绘制另一种图形对象,动画对象必须分离。创建形状渐变动画后,两个关键帧之间会填充淡绿色并由带有箭头直线连接首尾关键帧,Flash可以自动完成这两种图形对象之间的过渡帧。4 `; ?* ]5 w: h; z
    创建形状渐变动画的一般步骤如下。5 e3 P) e+ Y% M6 v& [
          (1)首先建立一个新图层,并确定形状渐变动画开始帧的位置,在该位置上插入一个关键帧;
. a" R1 l: F& r! P: e           (2)在该关键帧中制作动画对象变形前的内容;1 a, C8 M. z' N2 Q
           (3)选中该动画结束处的位置,再插入一个新的空白关键帧,并在该空白关键帧制作动画对象变形后的内容;) S- M4 H2 e9 U9 K; A+ X! \2 B: U
          (4)选中形状渐变动画开始的关键帧,在【属性】面板的【补间】下拉列表中,选择【形状】选项,完成形状渐变动画的创建;
9 R: E9 O( e6 ~- y/ j, s$ I          (5)选择【控制】|【测试影片】命令,观看播放的效果。
  b. Y$ e/ u7 I3 ?8 w6 J& _    运动渐变动画的对象可以是实例、组合的图形对象或文字对象,其产生的效果有移动、缩放、旋转、色彩渐变、加速与减速运动等。创建该类型动画的条件是第1帧和最后1帧放置的是同一个对象,动画中的对象必须设为元件或将其组合,才能完成该动画的渐变。
) h& H  [5 _+ \% ^% N    创建运动渐变动画的一般步骤如下。
3 V6 a7 i* b8 k/ E4 b/ e          (1)首先建立一个新图层,并确定运动渐变动画开始的位置。在该位置上插入一个关键帧;
" Y  b! w+ B0 C' X" T          (2)在该关键帧中制作动画对象渐变前的内容,并将其组合或转换为元件;
. i& ^& r; Q# g7 |& ^' R          (3)选中该动画结束处的位置,再插入一个新的关键帧,动画开始的关键帧中对象内容延续到这一帧,改变动画对象的属性;6 ~4 P/ b0 Y* ]" d
          (4)选中运动渐变动画开始的关键帧,在【属性】面板的【补间】下拉列表中,选择【动作】选项,完成运动渐变动画的创建,此时在2个关键帧之间用淡蓝色填充并由带有箭头直线连接(如果运动渐变动画创建失败,则在2个关键帧之间用虚线连接);) e" [/ o% V0 U& N' r. ~
          (5)选择【控制】|【测试影片】命令,观看播放的效果。" ^- P( P+ T% O1 X+ N1 w
学习任务" r/ E  g3 c; R" O- y( d
    1.制作形状渐变动画,由一个红色径向渐变色的圆变成一个绿色径向渐变色的五角星。/ Z5 u! z& T; T, j1 b2 E$ `& m& v% e9 T

第十五讲 使用时间轴和帧设计基本动画

第十五讲 使用时间轴和帧设计基本动画

  [8 m  X& x+ M# F9 t

第十五讲 使用时间轴和帧设计基本动画

第十五讲 使用时间轴和帧设计基本动画

7 ^/ l$ z" A6 y! K" {. f+ e

第十五讲 使用时间轴和帧设计基本动画

第十五讲 使用时间轴和帧设计基本动画

( U2 N6 d- i+ f3 _# f    2.制作运动渐变动画,一个五角星由左侧旋转滚动到右侧,并放大至原先的两倍。
- P+ j7 `2 F6 H1 c8 h+ W

第十五讲 使用时间轴和帧设计基本动画

第十五讲 使用时间轴和帧设计基本动画
( n7 r% a- |$ h

第十五讲 使用时间轴和帧设计基本动画

第十五讲 使用时间轴和帧设计基本动画
2 s' M/ U- E' R$ i+ s# F

第十五讲 使用时间轴和帧设计基本动画

第十五讲 使用时间轴和帧设计基本动画

. v/ I( S+ [% t1 x5 P) c& t1 P6 ]1 i0 \, F4 Z' }
楼主热帖




上一篇:第十四讲 绘图与编辑工具
下一篇:第十六讲 制作轨迹动画与遮罩动画
+1
407°C
沙发哦 ^ ^ 马上

帖子地址: 

教书育人!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站务公告栏:
百度一下 百度二下 百度三下

QQ|Archiver|手机版|小黑屋|山东省高中信息技术学业水平考试试题网 ( 鲁ICP备16049757号 )|网站地图|申请友情链接

GMT+8, 2018-7-17 17:49 , Processed in 0.287569 second(s), 40 queries .

快速回复 返回顶部 返回列表

商品:约克纳米喷雾补水仪便携保湿蒸脸器脸部美容仪器冷喷机加湿器仪器
原价:19.90元 券后价:16.9元
购买链接:Click here!
推荐理由:【赠运费险】美女必备神器超高人气好评!美女必备神器!纳米喷雾,深层渗透,25ml大水箱,持续补水,带充电宝功能,多彩颜色,随心所选。 top100:49
淘宝优惠券领取处:Click here!
天猫优惠券推送群:Click here!