分享

项目5 动画素材的制作技能训练

 笑对人生书馆 2012-09-11

模块三 多媒体素材的采集与制作

 


用 ImageReady 制作文字 GIF 动画   用 Ulead GIF Animator 制作 GIF 动画

用 Flash 制作时间轴特效动画       Flash MX 2004 时间轴特效

用 Flash 制作 逐帧动画   用 Flash 制作 渐变动画

引导层的应用(引导层动画)  Flash 遮罩动画制作     其它学习

项目5 动画素材的制作技能训练

 

一、学习目标

  1.对动画及其收集、采集方法有基本的了解。

  2.学会用 Ulead GIF Animator ImageReady 制作动画 。

  3.能用 Flash 制作时间轴特效动画、逐帧动画、渐变动画。

二、训练任务

  利用 Ulead GIF Animator ImageReady Flash 动画制作软件制作教学所需的动画素材, 为课件制作准备图片素材。

三、操作环境

  多媒体电脑。

  操作系统: Windows XP/2000/2003

  工具软件: Ulead GIF Animator ImageReady Flash 软件。

四、训练步骤

  1.用 ImageReady 制作文字 GIF 动画

  2.用 Ulead GIF Animator 制作 GIF 动画

  3.用 Flash 制作动画

  Flash 启动和界面介绍

  (1) Flash MX 2004 时间轴特效

  (2)用 Flash 制作 逐帧动画

  (3)用 Flash 制作 渐变动画

  (4) 引导层的应用(引导层动画)

  (5 Flash 遮罩动画制作

  (6)场景的管理

五、训练指南

  动画素材简介

   动画在多媒体教学和课件制作的应用越来越广泛。动画和电影一样,是利用人类眼睛的视觉暂留现象,而使一副副静止的画面连续播放,看起来像是在动。

  动画有平面动画和三维动画之分。前者如目前网络上流行的 gif 动画、 Flash 动画、 SVG 动画。后者如用 3DS Max 3DS4 Vector3D 制作的三维动画。此外,动画还有位图动画和矢量动画之分。前者如 Flash 动画、 SVG 动画,后者如 gif 动画。

  动画素材的特点

  制作课件、网页或网站,往往需要动画的点缀和衬托,起到美化、活化(增加动感、生机),甚至画龙点睛的作用(突出教学重点、突破教学难点,化抽象为具体等)。

  准备动画素材的方法

  自行创作:常见的动画创作工具有 Flash Animator Pro Flash Director 3DS Max 3DS4 Vector3D 等。

  购置动画素材库光盘。

  从网上或现成课件的文件夹中搜集。

  1.用ImageReady 制作文字GIF 动画(附:简单教程

 

   

 

  上图为 ImageReady 主界面。 gif 动画以其容量小、简单易学等优点受到青睐,是标准的网上动画格式之一。下面介绍如何用 ImageReady 制作一个有四段文字的 GIF 动画。

  (1)先准备一张图片,作为动画的背景。然后在 ImageReady 7.0 中打开该图片。这时在它的动画窗口中出现了第一帧的图标。利用复制帧按钮,将当前帧复制成四帧。注意:在每个帧图标的左上角都有一个数字,表示这是当前帧数。

  (2)制作第一帧动画

将光标定位在第一帧上,然后激活图像编辑窗口,从工具箱中选中文字工具( T ,在图像上输入汉字,设置字体、字号(例如华文隶书 30 号字)。

  (3)制作第二帧动画

  打开 Imageready 7.0 图层菜单,将其子菜单传播帧 1 的更改( 1 前面的 “√” 去掉。

  在动画窗口将光标定位在第二帧上。这时,图像窗口、动画窗口均与步骤二相同。这时,首先要将文字图层前眼睛图标去掉,即在第二帧上将该图层隐藏。接下来,再利用文字工具在图像上输入另一段文字。

  (4)制作第三、四帧动画

  参照制作第二帧动画的方法制作第三、四帧。在添加该帧的文字时,要将其它图层的文字隐藏。即将光标定位在哪一帧上时,只显示一层文字,其他图层文字隐藏。(也可显示两层,只是两层文字不要重叠)。

  (5)预览动画

  此时点击动画窗口下方箭头向右的按钮(即播放或停止动画按钮)即可播放。不过此时,播放的速度非常快,各帧之间没有停留。要想延迟各帧时间,需要做如下设置:点击动画窗口中 “0 右边向下的箭头,选择你所要设置的秒数。将每一帧设置完后,再播放看一下效果,若不满意可再重新设置。

  (6)输出动画

  现在的文件格式还不是 .gif 格式,不能直接插入课件或网页中,需要进行优化输出。优化输出时需经过以下步骤:

  步骤 1 ImageReady 软件的优化窗口中进行参数设置,按默认设置即可。

  步骤 2 设置完毕,打开文件菜单,点击输出优化结果,即可将动画文件输出。

  试一试

  从网上下载一个 gif 动画,用 ImageReady 将此动画打开,利用动画面板进行修改,例如修改其中的汉字或者其他内容,使合乎自己制作课件或网页的要求,最后优化输出。

  2.用 Ulead GIF Animator 制作 GIF 动画     

  熟悉 Ulead GIF Animator 界面

  首先,让我们先熟悉一下 GIF Animator 界面。

   

 

  (1)菜单栏,包括文件、编辑、查看、图层、滤镜、视频 F/X 和帮助七个菜单分别完成从图像创建导入到图层滤镜和视频特殊效果的功能。

  在 GIF Animator 中,层的概念大致等同于帧,在图层的菜单中,添加层即是向 GIF 中添加帧,这些层可以是空白的图像、导入的图像和相应的视频文件,也可以是包含注释信息的帧。在视频 F/X 菜单中集成了23 种动画效果,其功能如下表:

效果

功能

3D

Gate-3D (三维立体)

在动画中实现两个帧之间的动画 3D 过渡效果,可以在对话框中设置过渡方向、填充颜色和柔化过渡边界的参数。

Build

Diagonal-Build (倾斜过渡)

按照不同的倾斜对角线路径,逐渐的按照不规则块的方式实现两个帧之间的过渡

Clock

Sweep Clock (时钟式过渡)

按照顺时针和逆时针方式实现过渡效果

F/X

Diamond F/X (菱形 F/X 动画)

菱形效果

Iris F/X (彩虹 F/X 动画)

十字心形的彩虹效果

Mosaic F/X (马赛克 F/X 动画)

马赛克元素效果

Power off F/X (关机 F/X 动画)

显示器关机效果

Film

Flap B-Film (分割的倾斜翻页效果)

将原来的帧分为四份,分别从中心开始倾斜的实现与目标帧的过渡

Progressive Film (前进式翻页效果)

也是将原来的帧分为四份,分别从中心开始以前进式的方式实现到目标帧的过渡

Turn Page-Film (整页翻页效果)

整页翻页效果来实现两个帧之间的过渡,同时可以设置翻页的方向等参数

Peel

Turn Page-Peel (整页翻页的剥落效果)

以剥落的效果实现两个帧之间的过渡,与上一个翻页效果略有不同。

Push

Run and Stop Push (移动到停止间的推动效果)

为了消除两个帧之间生硬的动画元素移动,使用这种效果可以将这种效果作成好看动态效果

Roll

Side Roll (整面翻转效果)

整面翻转效果

Slide

Bar-Slide (条状滑动效果)

可以从不同的方向用两个条状的滑动实现过渡

Stretch

Cross Zoom-Stretch (交叉缩放拉伸效果)

交叉缩放拉伸效果

Wipe

Star Wipe (星形擦除效果)

星形擦除效果

2D mapping

Crop …(修剪效果)

修剪效果

Camera Len

Gradient (倾斜效果)

在原帧中加入模糊的镜头,可以设定移动方向等参数

Mirror (镜象效果)

对原帧中的明显的对象加以处理,实现两个帧之间的过渡

Zoom Motion (缩放动作效果)

缩放效果

Darkroom

Hue&Saturation (色调饱和)

设置图像中的颜色的变化效果

Nature Painting

Charcoal (木炭效果)

木炭效果

Special

Add Noise (加入噪音)

在原帧中加入噪音干扰效果

Wind (风)

风的效果

  (2)工具栏,可以通过点击按钮实现对文件的操作、撤消和重做、填加图像、动画和注释以及对每个图层的上移和下移操作,还有将编辑好的 GIF 动画在 IE Netscape 中预览。

  (3)参数设置区,在这个区域中设计者可以设定动画的每一幅图像的标题、移动方式、高和宽以及是否使用交错效果、透明索引、延迟时间等参数,在右上角的按钮改变全局属性。

  (4)层面板,在第一次启动程序时,层面板显示为列表形式,可以点击缩略图和胶片标签查看每一幅图像的缩略图和相应的位置顺序。在导入多幅图像时,列表中列出了每个图像的标题(每幅图像的文件名,在参数设置区可以进行修改)。

  (5)工作区,在这个区域中可以查看 GIF 动画的结构,还可以针对每一幅 GIF 动画图像进行编辑。在选择工作模式中有结构编辑优化预览,其中最强大的是 GIF 的优化功能,在 GIF Animator 中预设了七个方案,可以将图像优化成色彩数不同的 GIF 动画,相应的优化后的质量也是不同的。同时还可以对优化的各种参数进行设置,在优化后程序还会报告优化的效果

  (6)调色板,在 GIF Animator 中使用的是非标准的 Windows 调色板。在层面板中选择一帧,然后在调色板中将出现在这个帧中的出现的色彩,但是不可能用到所有的 256 中色彩,我们可以通过点击加号和减号来管理色彩的种类,并且可以将配置好的配色方案以调色板文件的方式进行导出和导入操作。同时,我们可以通过点击更改色彩按钮,在标准的 Windows 调色板可以更改选中的色彩。调色板分为局部调色板和全局调色板,全局调色板中定义的是最常用的 16 种颜色,而局部调色板将可以显示全部的 256 种颜色。

  制作实例

  制作一个由多幅图像按照一定的顺序出现的动画。

  步骤 1:使用动画向导,在文件菜单中选择动画向导( Animation Wizard

  步骤 2:在弹出的对话框中点击添加图像按钮。

  步骤 3:在弹出的选择文件对话框中选择多个文件。

  步骤 4:点击打开按钮,在默认状态下,在选择的文件中按照文件名的先后次序排定在动画中的出现次序。可以拖动文件名调整出现次序。

  步骤 5:经过对图像抖动和延迟时间的设置后,动画中的各个文件会出现在层面板中,可以点击缩略图胶片标签查看每个图像的效果,同时点击预览标签预览动画。

  步骤 6:在第一幅图像和最后一幅图像的过渡很生硬,所以我们要应用一些效果。在层面板中选择最后一个层,点击视频 F/X ”菜单,在“ Darkroom ”中选择“ Hue&Saturation (色调饱和)

  步骤 7:在弹出的提示框中询问添加的图层数,在这里我们选择20 ”

  步骤 8:点击确定按钮,在弹出的设置框中将“ Hue (色调)设置为较大的数值

  步骤 9:点击新添加最后一个图层,然后再点击视频 F/X ”菜单,在“ Stretch ”中选择“ Cross Zoom-Stretch (交叉缩放伸展)

  步骤 10:在设置窗口中将延迟时间设为4 ” ,点击确定按钮

  步骤 11:点击优化标签,按照默认的方案,点击立即优化

  点击“ OK ”按钮后,点击预览标签预览效果。

  Ulead GIF Animator 5 教程 http://www./eschool/zhuanti/uga/  

  3.用Flash 制作动画                                   

  Flash 启动和界面介绍(点击此处观看视频

  Flash MX 视频教程http://www./eschool/includes/zhuanti/flash1130/

  (1) Flash MX 2004 时间轴特效

  时间轴特效( Timeline effects )是 Flash MX 2004 Flash MX Professional 2004 都拥有的新功能。使用 Flash 内建的时间轴特效,可以快速创建复杂的动画,和 Swish 有些类似。

  时间轴特效可以应用于以下对象:文本、图形(包括矢量图、组合对象和图符)、位图、按钮图符。

  添加时间轴特效

  给一个对象添加时间轴特效时, Flash 会新建一个层,然后把该对象传送到新建的层。该对象被放置在特效图形中,特效所需的所有过渡和变形存放在新建层的图形中。新建层的名称与特效的名称相同,后加一个编号,表示特效应用的顺序。添加时间轴特效时,在图符库中会添加一个以特效名命名的文件夹,内含创建该特效所用的元素。

  给一个对象添加时间轴特效的步骤如下:

  步骤 1:按常规方法,在编辑区中添加一个对象(本例添加一个文本框)。

   

 

  步骤 2:在编辑区中选取要添加时间轴特效的对象,然后选择 Insert>Timeline Effects (插入 > 时间轴特效),再从其下级菜单中选择一种特效。本例选择 Insert>Timeline Effects>Effects>Blur (插入 > 时间轴特效 > 特效 > 模糊),给文本框对象添加模糊特效。

   

   提示 :也可以在选取的对象上右击,然后从右键快捷菜单上选择 Timeline Effects ,再从其下级菜单中选择一种特效。

  步骤 3:在自动显示的特效设置对话框中预览基于默认设置的特效。如果需要,可以修改这些设置(详细的设置方法请参阅下一节),然后单击右上角的 Update Preview (更新预览)按钮,预览新的设置的效果。

   

 

   步骤 4:如果感觉效果满意,单击 OK 按钮, Flash 自动在时间轴中添加创建特效所需的帧。

   

 

  步骤 5:选择 Control>Test Movie (控制 > 测试动画),即可测试时间轴特效。下面我们仔细说明几种特效的参数及其设置方法。

  设置时间轴特效

  每个时间轴特效都以特定的方式来处理图形或图符。你可以通过改变特效的各个参数,以获得理想的特效。在特效预览窗口,你可以修改特效的参数,快速预览修改参数后的变化,选择满意的效果。

  Flash MX 2004 内建的时间轴特效有: Copy to grid (拷贝为网格)、 Distributed duplication (分布复件)、 Blur (模糊)、 Drop shadow (阴影)、 Expand (扩展)、 Explode (爆炸)、 Transform (变形)和 Transition (过渡)。通过设置不同的参数,可以获得不同的效果。

  下面分别说明这几种特效的参数及其设置方法。

  ◆ Copy to Grid (拷贝为网格)

  选择 Insert>Timeline Effects>Assistants>Copy to grid (插入 > 时间轴特效 > 辅助 > 拷贝为网格),可以给选定对象添加拷贝为网格特效。

  Copy to Grid (拷贝为网格)特效的作用是按列数复制选定的对象,然后按照行数。

      

    Copy to Grid 窗口可设置的参数有:

  ⊙ Grid Size (网格大小)
  rows (行):设置网格的行数。
  columns (列):设置网格的列数。 

  ⊙ Grid Spacing (网格间距)
  rows (行):设置行间距(以像素为单位)。
  columns (列):设置列间距(以像素为单位)。

  ◆ Distributed Duplication (分布复件)

  选择 Insert>Timeline Effects>Assistants>Distributed duplication (插入 > 时间轴特效 > 辅助 > 分布复件),可以给选定对象添加分布复件特效。

  Distributed Duplication (分布复件)特效的作用是根据设置的次数复制选定对象。第一个元素是原对象的复件,然后按一定的增量修改该对象,直至最后的对象反映设定的参数。

     

 

  在 Distributed Duplication 窗口可设置的参数有:
  ⊙ Number of Copies (复件数):设置要拷贝的复件数。
  ⊙ Offset distance (偏移距离):

  x 位置: x 轴方向的偏移量(以像素为单位)。 y 位置: y 轴方向的偏移量(以像素为单位)。

  ⊙ Offset rotation (偏移旋转):设置偏移旋转的角度(以度为单位)。
  ⊙ Offset start frame (偏移开始帧):设置偏移开始的帧编号。
  ⊙ Scale( 缩放 ) :设置缩放的方式和百分数。

  在其右边的文本框中可以设置缩放的百分数,在其上面的下拉列表中可以选择缩放的方式。可选的缩放方式有:

  Exponential scaling (指数缩放):按 delta 百分数在 x y 方向同时缩放。 Linear scaling (线性缩放):按 delta 百分数在 x y 方向同时缩放。

  ⊙ Change color (改变颜色):勾选此复选框将改变复件的颜色;取消此复选框的选择,不改变复件的颜色。
  ⊙ Final color (最后的颜色):单击此按钮,可以指定最后复件的颜色 ( RGB16 进制值表示)。中间的复件逐渐过渡到这种颜色。
  ⊙ Final alpha (最后的 alpha 透明度):设置最后复件的 alpha 透明度百分数。可以在其右边的文本框中直接输入百分数,也可以左右拖曳其下面的滑块进行调整。

  ◆ Blur (模糊)

  选择 Insert>Timeline Effects>Effects>Blur (插入 > 时间轴特效 > 特效 > 模糊),可以给选定对象添加模糊特效。

  Blur (模糊)特效的作用是,通过改变对象的 alpha 值、位置或缩放比例,创建运动模糊特效。

   

 

  在 Blur 窗口可设置的参数有:

  ⊙ Effect duration (特效时长):设置特效持续的时间长度(以帧为单位)。

  ⊙ Allow horizontal blur (允许水平模糊):勾选此复选框,设置在水平方向产生模糊效果。
  ⊙ Allow vertical blur (允许垂直模糊):勾选此复选框,设置在垂直方向产生模糊效果。
  ⊙ Direction of Movement (运动方向):点选此图标中的方向按钮,可以设置运动模糊的方向。

  ◆ Drop shadow (阴影)

  选择 Insert>Timeline Effects>Effects>Drop shadow (插入 > 时间轴特效 > 特效 > 阴影),可以给选定对象添加阴影特效。

  Drop shadow (阴影)特效的作用是在选定的对象下面创建一个阴影。

   

 

  在 Drop shadow 窗口可设置的参数有:

  ⊙ Color (颜色):单击此按钮,可以设置阴影的颜色(用 RGB16 进制值表示)。
  ⊙ Alpha transparency alpha 透明度):设置阴影的 alpha 透明度百分数。可以在其右边的文本框中直接输入百分数,也可以通过拖曳其下面的滑块进行调整。
  ⊙ Shadow offset (阴影偏移):设置阴影在 x y 轴方向的偏移量(以像素为单位)。

  ◆ Expand (扩展)

  选择 Insert>Timeline Effects>Effects>Expand (插入 > 时间轴特效 > 特效 > 扩展),可以给选定对象添加扩展特效。

  Expand (扩展)特效的作用是扩展、收缩或扩展与收缩对象。对两个或多个组合在一起或组合在一个电影剪辑或图形图符中的对象应用本特效效果最好。对包含文本或字母的对象应用本特效效果也不

   

 

  在 Expand 窗口可设置的参数有:

  ⊙ Effect Duration (特效时长):设置扩展特效持续的时间(以帧为单位)。

  ⊙ Expand squeeze both (扩展、收缩、二者):设置特效的运动形式。
  ⊙ Direction of Movement (运动方向):点选此图标中的方向按钮,可设置扩展特效的运动方向。
  ⊙ Shift group center by (偏移组合对象中心):设置运动在 x y 方向的偏移量(以像素为单位)。
  ⊙ Fragment Offset (碎片偏移):设置碎片(如文本中的每个中文字或字母)的偏移量。
  ⊙ Change fragment size by (改变碎片的大小):通过改变 height (高度)和 width (宽度)值来改变碎片的大小(以像素为单位)。

  ◆ Explode (爆炸)

  选择 Insert>Timeline Effects>Effects>Explode (插入 > 时间轴特效 > 特效 > 爆炸),可以给选定对象添加爆炸特效。

  Explode (爆炸)特效的作用是产生对象爆炸的幻觉。文本或复杂组合对象(图符、矢量图或视频剪辑)的元素被打散、旋转和向外抛撒。

  

 

  在 Expand 窗口可设置的参数有:

  ⊙ Effect duration (特效时长):设置爆炸特效持续的时间(以帧为单位)。

  ⊙ Direction of explosion (爆炸方向):点选此图标中的方向按钮,可设置爆炸特效的运动方向。
  ⊙ Arc size (弧的大小):设置 x y 方向的偏移量(以像素为单位)。
  ⊙ Rotate fragments by (旋转碎片):设置碎片的旋转角度(以度为单位)。
  ⊙ Change fragments size by (改变碎片的大小):设置碎片的大小(以像素为单位)。
  ⊙ Final alpha (最后的 alpha 透明度):设置爆炸特效最后的 alpha 透明度百分数。可以在其右边的文本框中直接输入百分数,也可以通过拖曳其下面的滑块进行调整。

  ◆ Transform (变形)

  选择 Insert>Timeline Effects>Transform/Transition>Transform (插入 > 时间轴特效 > 变形 / 过渡 > 变形),可以给选定对象添加变形特效。

  Transform (变形)特效的作用是调整选定对象的位置、缩放比例、旋转角度、 alpha 透明度和色彩。使用 Transform 可以应用单个特效或组合特效,创建淡入 / 淡出、飞进 / 飞出、膨胀 / 收缩和左旋 / 右旋特效。

  

 

  在 Transform 窗口可设置的参数有:

  ⊙ Effect duration (特效时长):设置变形特效持续的时间(以帧为单位)。

  ⊙ Move to position (移动到指定位置):设置 x y 方向的偏移量(以像素为单位)。
  ⊙ Change position by (改变位置为):设置 x y 方向的偏移量(以像素为单位)。
  ⊙ Scale (缩放比例):锁定时, x y 轴使用相同的比例缩放(以百分数表示);解锁时,可以分别设置 x y 轴的缩放比例(以百分数表示)。
  ⊙ Rotate (旋转):设置对象的旋转角度(以度为单位)。
  ⊙ Spin (旋转):设置对象的旋转次数。
  ⊙ Change color (改变颜色):勾选此复选框将改变对象的颜色;取消此复选框的选择,不改变对象的颜色。
  ⊙ Final color (最后的颜色):单击此按钮,可以指定对象最后的颜色( RGB16 进制值表示)。
  ⊙ Final alpha (最后的 alpha 透明度):设置对象最后的 alpha 透明度百分数。可以在其右边的文本框中直接输入百分数,也可以左右拖曳其下面的滑块进行调整。
  ⊙ Motion ease (运动变速):可以设置开始时慢速( Slow at Start ),然后逐渐变快;或开始时快,然后逐渐变慢( Slow at End )。

  ◆ Transition (过渡)
  选择 Insert>Timeline Effects>Transform/Transition>Transition (插入 > 时间轴特效 > 变形 / 过渡 > 过渡),可以给选定对象添加过渡特效。

  Transition (过渡)特效的作用是对选定对象进行擦除和淡入淡出处理,或二者组合处理,产生逐渐过渡的特效。

  

 

  在 Transition 窗口可设置的参数有:

  (特效时长):设置过渡特效持续的时间(以帧为单位)。

  ⊙ Direction (方向):选择 In (进)或 Out (出)和在图标中点选方向按钮,可以设置过渡特效的方向。
  ⊙ Fade (淡入淡出):选择此复选框和 In 选项,获得淡入效果;选择此复选框和选择 Out 选项,获得淡出效果;取消此复选框的选择 , 不对选定对象进行淡入淡出处理。
  ⊙ Wipe (擦除):选择此复选框和 In 选项,获得擦入效果(例如,文字逐渐显示出来);选择此复选框和选择 Out 选项,获得擦出效果(例如,文字逐渐消失);取消此复选框的选择 , 不对选定对象进行擦除处理。
  ⊙ Motion ease (运动变速):可以设置开始时慢速( Slow at Start ),然后逐渐变快;或开始时快,然后逐渐变慢( Slow at End )。

  编辑时间轴特效

  如果你对添加的时间轴特效不满意,可以利用特效设置对话框编辑特效。操作方法如下:

  在编辑区中选择要编辑特效的对象

  在属性检查器中单击 Edit (编辑)按钮,或在选定对象上右击( Windows )或按住 Control 键单击( Macintosh ),然后从右键快捷菜单上选择 Timeline Effects > Edit Effect (时间轴特效 > 编辑特效)。

  

 

  在打开的特效设置对话框中修改设置,然后单击 OK 按钮。

  删除时间轴特效

  在编辑区中选择要删除特效的对象并右击( Windows ),或按住 Control 键单击( Macintosh ),然后从右键快捷菜单上选择 Timeline Effects > Remove Effect (时间轴特效 > 删除特效)。

  更多内容请游览 http://w./html/200831/341523.html

  2)用 Flash 制作逐帧动画                  

  在逐帧动画中,必须创建每一帧中的图像

  逐帧动画更改每一帧中的舞台内容,它最适合于每一帧中的图像都在更改而不是仅仅简单地在舞台中移动的复杂动画。逐帧动画增加文件大小的速度比渐变动画快得多。在逐帧动画中, Flash 会保存每个完整帧的值。要创建逐帧动画,需要将每个帧都定义为关键帧,然后给每个帧创建不同的图像。每个新关键帧最初包含的内容和它前面的关键帧是一样的,因此可以递增地修改动画中的帧。

  创建逐帧动画:

  单击层名称使之成为当前层,然后在动画开始播放的层中选择一个帧。如果该帧不是关键帧,请选择插入 ”>“ 关键帧使之成为一个关键帧。

  在序列的第一个帧上创建插图。可以使用绘画工具、从剪贴板中粘贴图形,或导入一个文件。

  单击同一行中右侧的下一个帧,然后选择插入 ”“ 关键帧,其内容和第一个关键帧一样。

  在舞台中改变该帧的内容,开发动画接下来的增量。

  要完成逐帧动画序列,重复第和第,直到创建了所需的动作。

  实例请 点击此处逐帧动画 看视频,以加深其理解。                    

 

  3)用 Flash 制作渐变动画

  我们的教师在做课件时,常使用 Flash 制作一些形状渐变动画与文字颜色渐变动画效果。使用形状渐变与文字颜色渐变动画方式制作动画,动画制作对象是图形和文字、打散的图形、打散的文字等。形状渐变动画、文字颜色渐变动画和运动渐变动画的最大区别在于:动画对象的外观发生了变化——形状变了,而不是颜色、透明度、色调的改变,比如可以将一个人的图像变为一个大象的图像。

  下面我用两个例子介绍一下制作形状渐变动画与文字颜色渐变动画的方法。

  形状渐变动画与文字颜色渐变动画

  例一:我们来看看形状渐变动画实例:(字母变形)

  步骤 1:建一个 Flash 文件。

  步骤 2:按“ Ctrl+J ”,设定动画的大小为 50px × 100px ,背景白色。

  步骤 3:鼠标点在时间轴的第 1 帧上,选择文本工具,在属性面板中选择字体为 lmpact ,字体大小为 72 ,颜色为黑色。

  步骤 4:在舞台输入大写字母“ F ”

  步骤 5:选择箭头工具,选中字母“ F ”,然后按“ Ctrl+B ”,打散字母,可以看到字母变为灰色网格。这是很关键的一步。

  步骤 6:鼠标点在时间轴的第 15 帧,按“ F7 ”插入一空白关键帧。

  步骤 7:看到字母“ F ”消失,按绘图纸外观按钮,可以看见灰色的“ F ”字母有显示出来了。

  步骤 8:用文字输入工具在舞台上继续输入大写字母“ B ”,对齐覆盖在字母“ F ”上,并用“ Ctrl+B ”打散。

  步骤 9:同样的方法,分别在 30 帧、 45 帧、和 60 帧上输入大写字母“ A ”“ C ”“ H ”,并用“ Ctrl+B ”打散。

  步骤 10:用鼠标选中第 1 帧,然后按住“ Shift ”键,再用鼠标选中第 59 帧,在属性面板中设定补间类型为形状渐变

  步骤 11:作品完成,按“ Ctrl+Enter ”观看效果。

  例二:看看文字颜色渐变动画实例:

  步骤 1:新建一个 Flash 文件。

  步骤 2:在第 1 帧上用文字工具输入几个字,如“ 2008 北京赢了,选好字体颜色大小。

  步骤 3:并用“ Ctrl+B ”将文字打散 ( 变成图形 )

  步骤 4:在第 10 帧插入一关键帧。

  步骤 5:单击时间轴第 1 帧,选中第 1 帧后,选择属性补间里的形状

  步骤 6:单击时间轴第 10 帧并选中,改变字体颜色,并用“ Ctrl+B ”将文字打散 ( 变成图形 )

  步骤 7:已完成(如果需要其他变化,可调节第 10 帧缩放、旋转等)。

  步骤 8:按“ Ctrl+Enter ”观看效果。

  Flash Tweening 动画有两种类型: motion ,可做移动、缩放、旋转、自定义路径运动、色彩渐变、加速与减速运动的动画; shape ,可做出移动、缩放、开头渐变、色彩渐变、减速运动的动画。

  ② flash 移动渐变动画制作

  步骤 1:打开 Flash MX 2004 ,文档属性默认。
  步骤 2:单击 工具 栏里面的椭圆形工具,同时按 “Shift” 键绘制一个红色的正圆。
  步骤 3:单击此圆形,利用右键或者 F8 键,打开【转换为符号】面板,把它转换为图形元件。设置元件名称为红圆
  步骤 4:单击时间轴的第 30 帧,打开右键菜单,选择【插入关键帧】命令或者按快捷键 F6 插入一个关键帧。
  步骤 5:利用鼠标拖动或者按方向键移动红圆元件到右边的另外一个位置。
  步骤 6:在第 1 帧和第 30 帧之间任意一帧右击选择【创建补间动画】命令。
  步骤 7:第 1 帧和第 30 帧之间的所有帧变成蓝色,并有一个长箭头,这说明已经在第 1 帧至第 30 帧之间创建了一个移动渐变动画效果。
  步骤 8:【控制】 | 【播放】或者按 “Enter” 测试动画效果。
  步骤 9:保存,完成。

  影片剪辑按照一个定点环绕

  步骤 1:运行 Flash MX 2004 ,文档属性默认。
  步骤 2:单击【插入】 | 【新建元件】,或者按快捷键 “Ctrl+F8” 打开【创建新元件】面板。

    步骤 3:新建一个名称为正方形的影片剪辑。
  步骤 4:确认以后,进入此影片剪辑编辑区。单击工具栏的矩形工具,配合键盘中的 “Shift” 键,画出一个不带边框的红色正方形。
  步骤 5:单击【窗口】 | 【设计面板】 | 【对齐】命令,打开【对齐】面板,选择【垂直中齐】、【水平居中分布】和【相对于舞台】命令,使这个正方形处于舞台中央位置。
  步骤 6:单击时间轴上面的场景 1” 按钮,或者按返回箭头标志返回到场景 1 编辑区。
  步骤 7:单击【窗口】 | 【库】命令,打开【库】面板,或者按快捷键 “F 11” ,把正方形影片剪辑从面板拖动到舞台中的合适位置。
  步骤 8:单击舞台中的正方形影片剪辑,选择工具栏里面的自由变形工具,我们来改变这个影片剪辑的变形点。
  步骤 9:现在,影片剪辑是在被选中的状态下,四周会出现 8 个调节点和一个变形点,利用鼠标有意识的拖动,把这个变形点移动到影片剪辑的外部。
  步骤 10:制作这个影片剪辑的旋转效果。在时间轴上的第 30 帧,插入关键帧。
  步骤 11:在第 1 帧和第 30 帧之间任意一帧单击鼠标右键中的【创建补间动画】命令。
  步骤 12:单击第 1 帧,在舞台下面的属性面板中设置旋转的方向以及旋转参数。
  步骤 13:测试,发现影片剪辑的旋转中心并不是在影片剪辑的本身,而是在我们刚刚调节的那个变形点的位置,至此,我们就完成了影片剪辑的定点环绕效果。
  步骤 14:如果想加快影片剪辑的旋转速度,只要把属性面板中的旋转次数的值改变或者缩短时间轴的帧数,都可以达到目的。

  4)引导层的应用(引导层动画    

  引导层是什么呢?
  引导层就等于一个引路者,指引相关物体按着我们的想法来行动。
  引导层在导出的 SWF 文件中是不可见的,所以不会画面的美观造成影响。
  引导层一般是和补间一块用的,两者相辅相成。
  引导层怎么来的呢?
  在插入图层旁边的就是添加引导层按钮了。

   

 

  添加完引导层后,一般来讲,原来的图层就变成了被引导层,但有时候,也有引导不成功的时候,这时候怎么确定呢?那就看引导层的图标和被引导层是否与引导层错开来的。~

      

       
 

    那若是不想被引导的图层,一不小心也让引层了,怎么办?

  这时候,在不想被引导的图层上,右击,选择属性,类型选择一般就可以取消被引导了。

   

 

  实例制作:

  看看效果,要小球走过这个不算迷宫的迷宫,如果单纯用动画补间,虽说也可以,但要麻烦得多,这时候,只要加上一个引导层,一切就全解决了。下面我们就一起来做吧。

  新建一个空白 Flash 文档,把图层 1 重命名为迷宫,然后在这一个图层里画出一个简易迷宫,如下图。

   

 

  画好迷宫后,就不用管这一图层了,直接锁定起来,免得不小心破坏了。

  新添加一个图层,命名为小球,然后把笔触颜色设置为无,选择填充色里的渐变色,选那些圆的,这样,直接用圆就可以拉出一个小球,非常方便。

  

 

  把小球放好在迷宫的一端,按 Ctrl+G 组合下备用。

  

 

  好了,下面是这个小动画的重点,点添加引导层按钮,添加一个引导层,然后在这个引导图层中画出一条线,这条线,是从迷宫起始点到结束点的,如图,这也是等会小球要走过的路线。

  

 

  好了,把这个引层图层和刚才画的迷宫图层在第 250 帧插入帧,然后点回小球图层,第一帧的小球注册点和引层线对齐。

  

 

  然后在小球第 250 帧插入关键帧,在这一帧里,把小球移到引层线另一端,同样要把注册点和引层线对齐 , 最后在第 1 帧和 250 帧间任意一帖右击创建补间动画就可以了。

   

 

  PS :引导层补间动画,要注意的就是注册点要两端对齐,这样才能实现最终要的效果。

  最后呢 , 为了不让小球一到结束点就闪回来 ,可以在后面再插入些帧 , 在小球图层和迷宫图层第 300 帧插入帧。

   

 

  好了,一个简单的引导层动画就做好了,有兴趣的试下。  

  5 Flash 遮罩动画制作

  遮罩动画是 Flash 中的一个很重要的动画类型,很多效果丰富的动画都是通过遮罩动画来完成的。在 Flash 的图层中有一个遮罩图层类型,为了得到特殊的显示效果,可以在遮罩层上创建一个任意形状的视窗,遮罩层下方的对象可以通过该视窗显示出来,而视窗之外的对象将不会显示。

  实例——要学做闪客

  实例简介

  ,伴着这声音,一道白光迅速掠过一排文字,这是我们经常在广告和电视中看到的效果,如图 1 所示。

你想不想知道它们是怎么制作出来的呢?其实很简单,利用前面学过的知识就可轻易地做出这个效果,下面,让我们动手试一试。

   

            图 1 本例运行效果

  知识要点

  字体的二次打散

  将字体转为形状

  创建遮罩动画

  创建影片文档

  执行【文件】 | 【新建】命令,在弹出的对话框中选择【常规】 | Flash 文档】选项后,单击【确定】按钮,新建一个影片文档,在【属性】面板上设置文件大小为 550 × 400 像素,【背景色】为黑色(在教程中,我们为了更好地显示场景中的内容,背景色设为了深绿色) , 如图 2 所示。

   

           图 2 文档属性  

  创建元件

  步骤 1:创建我要学做闪客元件,执行【插入】 | 【新建元件】命令,新建一个图形元件,名称为我要学做闪客。单击工具箱中的【文字工具】 ,在场景中输入我要学做闪客六个字,在【属性】面板中,设置文字参数如图 3 所示。

    

               图 3 “我要学做闪客文字

  选中字体,执行【修改】 | 【分离】命令二次,把字体打散,再选择【颜料桶工具】,把字体中心填充成红色。各个步骤的文字效果如图 4 所示。

  

            图 4 文字效果

  步骤 2:创建辉光元件

  执行【插入】 | 【新建元件】命令,新建一个图形元件,名称为辉光。执行【窗口】 | 【设计面板】 | 【混色器】命令,打开【混色器】面板,设置【填充样式】为线性,将三个色标全部设置为白色,第一和第三个的【 Alpha 】值为零,中间的为 74% (你可按需设置),设置完后,在场景中画一个无边矩形,大小为 40 × 230 ,如图 5 所示。

   

              图 5 【混色器】面板和图形

  创建动画

  单击时间轴右上角的【场景 1 】按钮,切换到主场景。

  本例的主场景 1 中共有四个图层,我们从下向上一层一层的做。

  步骤 1:创建【底层文字】层将【图层 1 】重新命名为【底层文字】。

  从库里把我要学做闪客的元件拖到场景中,在第 60 帧处添加普通帧,这一层起显示文字的作用。

  步骤 2:创建被遮罩层

  新建一个【辉光】图层,从库里把辉光元件拖到场景中,放在我要学做闪客元件实例的左边。选择工具栏上的【任意变形工具】,单击【选项】中的【旋转与倾斜】按钮,将鼠标放在辉光元件实例的任意一个角,拖动鼠标旋转一定有角度,使辉光元件实例产生一定的倾斜度。在第 30 60 帧处添加关键帧,在第 30 帧处把辉光元件实例拖到我要学做闪客元件实例的右边,在第 1 帧和第 30 帧处建立动作补间动画,如图 6 所示。  

  

                图 6 “辉光元件在场景中的位置

  

    步骤 3:创建遮罩层

  新建一个【遮罩层】图层,复制【底层文字】层的第一帧中的元件实例,选择【遮罩层】的第 1 帧,执行【编辑】 | 【粘贴到当前位置】命令,用鼠标右键单击【遮罩层】,选择【遮罩层】,设置此层为遮罩层,这一层的作用是用字体做遮罩元素,用它来控制辉光在场景中出现的大小和位置。

  至此,我们就已经创建好了我要学做闪客这个动画,时间轴面板如图 7 所示。

  

               图 7 时间轴面板上的图层                

  6)场景的管理

  添加场景

  添加场景的方法有以下两种:

  方法一:选择【插入】 / 【场景】命令。

  方法二:选择【窗口】 / 【其它面板】(或设计面板) / 【场景】命令或按“ Shifit+F2 ” 键,打开场景面板(如图8 所示),单击其中的【添加场景】按钮,如图 9 所示。

        

       图 8 场景面板          图 9 添加场景
 

  切换场景

  切换场景的方法也有两种:

  方法一:单击编辑栏中的【编辑场景】按钮,在弹出的下拉菜单中选择要切换的场景。

  方法二:选择【视图】 / 【转到】命令的子命令,进行场景的选择。

  以下为Flash制作动画的其它基础技能:帧的操作图层操作色彩动画变形动画精确变形动画制作按钮导入声音补间动画

  更为全面的学习请参照 FLASH 学习视频     Flash 8专业版实例视频教程  以及参考资料中的网站。

  Firework视频教程 : http://www./eschool/zhuanti/fireworks/

  3D Maxs 三维动画制作在线教程 :http://www./eschool/zhuanti/3dmax/

六、思考与练习题

  1.用 Flash 制作简单的移动动画和引导动画

  2.请比较 ImageReady Photoshop 有什么区别?                     

  实作练习:1  2  3  4  5  6  7  8  9  10  优秀作业  

 

         

    参考资料:

  [1] http://www./f/edu/057/11/141927.htm

  [2] http://www.art./html/web/web8_11.html

  [3] http://design.yesky.com/flash/mx/

[4] http://www./eschool/zhuanti/flashhot/ 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多