分享

用Flash制作动画课件

 雪竹倩影 2012-04-18

【教学目标】了解用Flash制作课件的优势与不足,学会用Flash制作演示型 动画课件和交互型课件。

【重点难点】重点是Flash动画基本技法及其综合运用,难点是交互性 的实现。

【教学策略】教师实例演示,学生上机操作,教师辅导和点评。

【媒体选择】主要采用Flash示范课件和实际操作讲解相结合,并辅以文字教材 、网上学习资源和教学光盘。

【教学内容】

    Flash 是由 Macromedia 出品的、优秀的矢量动画编辑软件,它支持动画、声音以及交互,具有强大的多媒体编辑功能,尤其适合制作用于在网络上传输的交互型课件。在主页制作、影视动画创造、网上广告(企业或个人简历、产品展示)、娱乐( MTV 、网络游戏)、电子贺卡、软件教程(多媒体光盘)制作等众多领域有着广泛的应用。

    学习内容与要求:

    第一节 Flash 基础:了解 Flash 的特点,掌握 Flash 的基本概念,熟悉 Flash 的界面。初步掌握图形绘制工具的设置和使用,体会“帧”的概念,了解“帧”的一般操作。

    第二节 Flash 动画基本技法:掌握元件、元件库的概念和使用,理解层的概念,掌握引导层、蒙板层的使用, 掌握“元件+层+时间轴+关键帧技术”基本原理, 学会帧帧动画、运动过渡动画(包括位置、缩放、旋转、色彩、亮度、透明度变化,路径动画和蒙板动画等)和形变过渡动画的制作方法与注意事项。

    第三节 初步掌握交互性 Flash 动画的制作,即利用帧动作、按钮动作和电影剪辑动作制作行为动画,实现基本的交互效果,掌握作品发布方法,了解 Flash 辅助工具软件,会利用网上丰富的 Flash 学习资源。  

、 Flash的十大特点

( 1 )小而精。

( 2 )作品任意缩放不变形,可满屏播放、右键实现播放控制,使用方便。

( 3 )作品创作容易上手。

( 4 )元件库技术先进,作品修改非常方便。

( 5 )多媒体集成:可导入文本、表格、图片、声音、视频、 gif 动画、 Flash 动画等多种媒体。

( 6 )交互性强。

( 7 )多用户端播放: Flash Player 单独播放、独立运行和 Web 浏览器播放。

( 8 )流媒体,支持 MP3 数据流式音频,动画播放非常流畅。

( 9 )低开发建设成本和高开发建设效率。

( 10 )可应用到 Authorware, Director, Dreamweaver, FrontPage 中。因此, Flash 动画已经成为网上交互式矢量动画的标准,在中小学教学中应用非常广泛,已成为一项教学基本功。

二、 Flash MX 的工作环境

    1. 舞台:也叫工作区,是绘图和编辑动画的矩形区域,也是动画中“演员”表演的前台。

    2. 绘图工具栏:包括绘图工具 16 个,查看工具 2 个,颜色工具 5 个,工具选项若干个。

    3. 时间轴( Timeline ):好像导演手中的剧本,它决定了各个场景的切换以及演员出场、表演的时间顺序,即什么时候、哪位演员上场、说什么台词、做什么动作以及各位演员之间应该如何配合等等。时间轴线记录了全部的动画信息,是控制动画流程最重要的手段。

    4. 面板: Flash MX 新工作环境的一大特色。调出 / 关闭面板的方法有以下几种:

    ( 1 )点“窗口 / …”,即从“窗口”菜单中调出( 2 )右击舞台中的对象,在出现的快捷菜单中选择“面板”

    ( 3 )点“窗口 / 面板设置 / 默认布局”( 4 )“窗口 / 关闭所有面板”( 5 )单击面板窗口右侧的“ X ”。

    5. 库窗口(元件库):把在电影中多次出现的对象定义成“元件”( symbol ),存储在库中,在场景中引用其“实例”( instance )即可,可以大大减少文件的体积,提高开发效率和元件的共享性。调出元件库的方法:

    ( 1 )窗口 / 库( Ctrl+L 或 F11 ):打开当前电影的元件库。

    ( 2 )窗口 / 公用库:打开 Flash MX 提供的 3 种类型的共享元件库(按钮、声音、学习交互)。

    ( 3 )文件 / 作为库打开:打开、共享和使用其他动画源文件( .fla )中的元件库。

    ( 4 )文件 / 导入或导入到库:导入外部以独立媒体文件形式存在的多媒体元件。

    6. 电影播放控制器:窗口 / 工具栏 / 控制栏。回车或 Ctrl+ 回车或文件 / 发布预览。

    7. 其他:标题栏 , 菜单栏,标准工具栏,滚动条,状态栏,网格 , 标尺,属性面板等。

三、位图与矢量图

    矢量图放大后仍然能够保持原清晰度,这是因为矢量图是用包含颜色和位置属性的直线或曲线(称为矢量)来描述的,具有独立的分辨率。而位图经过缩放后图形显示质量大为下降,这是因为位图是通过对每一个图形栅格内不同颜色的点即像素来描述,分辨率不是独立的,缩放时因为像素重新分配而导致图形边缘粗糙变模糊,降低输出(显示)质量。

三、绘图与上色

    绘图与上色是 Flash 基本功。以 画一片树叶为例,其步骤包括两步:首先是绘图,( drawing )即画出树叶的轮廓(叶子的脉络);其次是上色( painting )即在被轮廓线包围的区域填充绿色。通常把绘图( draw )操作完成的结果称为“线”(直线和曲线),上色( paint )操作完成的结果称为“填充区域”或“形”,合起来即为图形。

四、图形构成、组合与分割

    线条 + 填充区域 = 完整图形;点“矩形工具”,在舞台上绘制 2 个矩形,点“箭头”工具,用鼠标画框的方法选中其中一个,点“修改 →组合 ”,使它成为组合对象,点“线条”工具,分别在组合的矩形和未组合的矩形中间画一条交叉的线条。注意观察:组合图形和与之交叉的直线均未被分割,而未组合的矩形和与之交叉的线条均被分割成 2 段。尝试用线条分割的方法将一个圆分成六个等份,然后分别填充不同的颜色,再删除所有多余的线条,做成一个彩色盘。

五、理解对象与选择对象

    3只鸟共同组成 1 个组合对象, 1 只鸟为 1 个基本对象,鸟的眼睛是 1 个子对象。使用箭头工具和套索工具,配合单击、双击、拖曳和 shift 键选择对象:单击选中一条线,双击选中相连的所有线条,单击选中填充区域,用鼠标拖曳出一个矩形选择对象,按 shift 键选择多个对象。

六、滴管、墨水瓶和油漆桶

    滴管工具用于拾取工作区中已经存在的某种笔触或填充样式。注意滴管工具在拾取某种笔触后自动变为墨水瓶工具(用于改变图形的线条轮廓即笔触),在拾取某种填充样式后自动变为油漆桶工具(用于改变图形的填充区域即色块)。

七、填充缺口、渐变填充与位图填充

    选油漆桶工具,“选项”栏有 4 个选项:不封闭、封闭小空隙、封闭中等空隙和封闭大空隙。这些选项适合在所绘制的图形未完全封闭、有大小不等的缺口时封闭填充图形。

    选油漆桶工具,点“油漆桶颜色”下拉箭头,选中一种放射状即中心渐变色,再点“填充变形”工具,点击填充区域,调整渐变中心位置,渐变圆大小和方向,使变成合适的模样。

    用油漆桶填充一种线性渐变色,点“填充变形”工具,点击填充区域,调整渐变中心位置,渐变大小和方向,使变成合适的模样。

    点“文件 → 导入”,选中一幅位图(例如 c:\windows\circles.bmp2 )。选中位图,点“修改 → 分离”。点选滴管工具,点击图形内部,油漆桶工具的填充颜色自动变为刚才用滴管工具拾取的打散了的位图的填充样式。分别用椭圆和矩形工具画图,画出来的图形内部以导入的位图来填充。

八、直线变曲线、调整图形轮廓

    “箭头”工具除了用于选中和移动对象外,还可以用来调整图形轮廓:不按 ctrl 键,将鼠标定位到图形某个顶点或拐点位置,鼠标变成直角形状,拖拽鼠标可以移动顶点或拐点的位置,图形自动作相应变化。定位到图形其他位置,鼠标变成弧线,拖拽鼠标可以将直线或曲线拉成弧形。按 ctrl 键不放,拖拽鼠标可以强拉出一个尖角。

    点“查看 / 网格 / 显示网格”,再点“查看 / 网格 / 对齐网格”。点放大镜工具,可进行多倍放大或缩小显示。

    点矩形工具,在舞台上绘制 3 个矩形,点箭头工具,将鼠标指向矩形右上角的顶点,当变成直角形状时,垂直向下拖拽至与矩形右下角的顶点重合后释放鼠标,矩形变成直角三角形。将鼠标指向直角顶点,当变成直角形状时,拖拽一小段距离后释放鼠标,直角三角形变成锐角三角形或钝角三角形。

    将鼠标指向矩形上边线中点,当变成弧形时,垂直向上拖拽一小段距离后释放鼠标,发现原来的直线线段被拉成弧线,用同样的方法将矩形的右、下、左边线拉成弧线,使矩形变成椭圆。将余下的矩形改造成任意形状。

九、运动对象的几何重心与注册点

    Flash 中每个元件、实例和组合对象(包括文本)都有一个注册点,在移动、旋转对象或实施变形操作时都要用到它,例如缩放或旋转时,基准点就是该对象的注册点(通常就是对象的几何中心)。线条和填充区域没有注册点,它们旋转、缩放或定位的基准点就是它们的左上角顶点。修改注册点的方法:双击对象,在编辑状态下,用鼠标将对象移动到合适的位置(相对于舞台中央的“ + ”注册点)。创建、编辑元件时最好使对象的几何中心与舞台上的默认注册点重合。使用“信息”面板可以用数值进行精确调整。

十、缩放、旋转、 翻转与变形

    点选“任意变形”工具,点选图形对象,或点“修改 / 变形 / 任意变形”。拖拽图形对象上的控点进行缩放、旋转、翻转与变形。也可右击对象,选“面板 / 变形”,在“变形面板”中输入缩放的宽度和高度比例(如 50% )、旋转的角度(如 30 °)以及水平和垂直倾斜的角度,实现精确变形。

十一、把线条转换为填充区域

    1. 用铅笔或椭圆工具画图,删除填充区域 2. 选中线条,点“修改 / 形状 / 将线条转换为填充” 3. 用渐变色填充 4. 尝试制作五环奥运标志

十二、制作中空字和变形字

    文本未分离(打碎)前,可以编辑它的内容,进行整体移动、旋转、缩放,但不能用墨水瓶、油漆桶等工具对文本进行加工。把文本分离(打碎)为图形,就可以象一般图形一样进行任意修改。

    1. 点选文本工具,先在属性面板中设置字体、字号、颜色等,然后在舞台上点鼠标,输入文本

    2. 点选箭头工具,点“修改 / 分类”,打散文本

    3. 用墨水瓶添加轮廓线

    4. 用箭头工具拖动文字的轮廓线,改变文字形状

    5. 删除文字中的填充区域

十三、将导入的位图矢量化和去背景

    1. 点“文件 / 导入”,选择要导入的位图文件(后缀一般是 bmp 、 jpg 、 gif 等)。

    2. 点“插入 / 新建元件”,输入名称,在“行为”栏选“图形”,确定。

    3. 按 F11 调出库窗口,将库中的位图拖放到舞台中,选中它,点“修改 / 转换位图为矢量图”,确定。

    4. 点套索工具,在选项区中点选“魔术棒”,点击位图中的背景,按 Delete 删除它。如果用魔术棒不能很好地点选背景,也可以在选项区中点选“多边形套索”,选中要保留下来的部分,复制,按 Ctrl+A 全选,按 Delete 删除,右击,选“粘贴到当前位置”。

十四、理解元件与实例

    1. 元件是指一个可重复使用的图形、图片、动画或按钮,实例就是指元件在工作区的实际应用 ( 引用 ) 。把电影中多次使用的元素做成元件可以:简化动画的编辑,简化时间轴;使动画文件的体积大大缩减;加快电影的播放速度。

    2. 元件的种类及用途

    ( 1 )图形元件:主要用来制作静态图形、不具有交互性的动画以及与等时线紧密联系的主电影。

    ( 2 )电影剪辑元件:用来制作独立于主电影等时线的动画。它就像主电影中的小电影片断,它可以包括交互性控制、声音甚至其他电影剪辑的实例。也可以把电影剪辑的实例放在按钮的等时线中,从而实现动画按钮。有时为了实现交互性,单独的图像也要做成电影剪辑。电影剪辑图符的动画和交互性在编辑时不能直接看到效果,必须选择“控制 / 测试电影”或“控制 / 测试场景”

    ( 3 )按钮元件:它可以在电影中创建交互按钮,响应标准的鼠标事件(如单击)。首先要为按钮分配用于不同状态的外观,然后为按钮的实例分配动作。

    创建元件的方法有:插入 / 新建元件;按 Ctrl-F8 ; 点库窗口左下角的“ + ”按钮;右击图片,选“转换为元件”。在弹出的“ 创建新元件”对话框中输入元件名称, 在 [ 行为 ] 栏中指定元件类型,确定。

十五、文本的种类和处理

    Flash MX 中的文本有 3 类:静态文本、动态文本和可编辑文本。

    静态文本在电影播放时不能改变和编辑,分为固定行宽文本(可自动换行,文本框右上角有方形手柄标志)和延伸文本(不会自动换行,文本框右上角有圆形手柄标志),双击方形手柄、拖曳圆形手柄可以转换。

    动态文本框用来存放动态变化的文本,可以通过指定一个文本变量,并且利用动作语句给文本变量赋值的办法实现文本的动态变化。

    可编辑文本,主要用来创建电影的交互性,用户在可编辑文本框中输入内容, Flash 对其进行处理,如判断输入是否正确输入了预设的文本,制作用户登录界面和填空题等。

十六、制作立体按钮外形

1. 制作一个渐变圆(细黑线,线性渐变色,按 shift 画正圆),点“修改 / 组合”。

2. 用油漆桶和变形 3. 在舞台空白处制作一个小渐变圆(无轮廓线,线性渐变色,按 shift 画正圆)。

4. 用油漆桶和变形填充调整小圆的渐变方向,使与大圆正好相反,点“修改 / 组合”。

5. 移动小圆到大圆中央,得到一个有立体感的按钮外形。

注意:如果直接把小圆画在大圆里,移动小圆时就会出现空白。

十七、理解组合对象及其层次

    先画一个大圆,接着在舞台空白处画一个小圆,再将小圆拖到大圆上,最后拖开小圆,结果发现大圆被小圆挖去了两者重叠的部分。这说明后画的小圆会覆盖先画的大圆的部分。点 2 次撤消,用鼠标画方框的方法选中大圆,点“修改 / 组合”或按 Ctrl+G 使大圆变成组合对象,将小圆拖到大圆上,再拖开小圆,结果发现大圆并没有被小圆挖去了两者重叠的部分。

    各组合对象都浮在背景上,它们之间有层次关系。 Flash 的规则是后画的对象在上面,先画的对象在下面。可以通过“修改 / 排列”来更改重叠对象的层次关系。

十八、理解图层、熟悉图层的基本操作

1. 点“文件 / 新建( Ctrl+N )”,新建一个动画文件。

2. 在图层 1 中画一个矩形。

3. 点“插入 / 图层”(或点时间轴中的“ + ”),在图层 2 中画一个圆,使与矩形部分重叠。此时,圆在矩形上。

4. 用鼠标拖曳图层 1 到图层 2 上释放鼠标,则矩形变动圆的上面。

      5. 点图层 1 名称和铅笔右侧的与眼睛对应的 ·, 隐藏该图层,发现矩形不见了。隐藏图层 2 ,圆也不见了。点图层上方的“眼睛”按钮,全部取消隐藏。再点一次“眼睛”按钮,则所有的图层全部隐藏。

6. 锁定图层 1 或 2 ,则舞台中的矩形或圆虽然可见,但无法被选中、修改。

7. 轮廓显示图层 1 或 2 ,则矩形或圆只有线条显示,不显示填充区域。

十九、将工作区的动画转成电影剪辑元件

      当已经在工作区创建了一个动画,而又想在电影的其他地方重复使用,或者把它作为实例来操作,则可以将它转换成电影剪辑元件。方法如下:

      1. 点选最高图层的第一个帧,按 Shift 键不放,点选最低图层的最后一个帧。如果只有一个图层,则点动画起始帧,按 Shift 键不放,点选动画结束帧)。

2. 点“编辑 / 复制帧”或右击选中的动画帧,选“拷贝帧”。

3. 点“插入 / 新建元件”,选“电影剪辑”类别。这时工作区切换到元件编辑模式。

4. 右击时间轴图层 1 第一帧,选“粘贴帧”。

5. 点舞台左上角的“场景 1 ”,切换到场景1 ,按 F11(窗口 / 库),将库中的电影剪辑拖放到工作区适当位置。

二十、制作移动动画

    Flash 运行后,系统自动建立了一个扩展名为 fla 的动画文件,首先保存它。然后点“修改 - 文档” ( 或按 Ctrl-M) ,修改当前舞台的属性。可以修改播放速度 ( 帧速率,默认每秒 12 帧,比较适合目前的互联网网速 ) ,舞台尺寸,是否显示网格,网格点间距,网格色和背景色以及选用何种度量单位等。动画创作前,要先确定舞台尺寸和背景色。舞台尺寸默认为宽 550 点、高 400 点,设置时要与动画对象的尺寸匹配,舞台过大,动画对象太小,显得比例失衡、不协调,舞台小了,容纳不下动画对象。所以创作动画时,如果确实不需要默认宽 550 、高 400 的舞台大小,可以以左上角为准,安排动画对象的位置,动画制作完成后,在“文档属性”对话框中点“匹配”栏的“内容”按钮,这样 Flash 会根据动画对象的尺寸,自动调整舞台大小,使比较适合动画对象。  

1. 放大与缩小

A. 点选起始帧(第 1 帧),导入图片,右击图片,选“转换为元件”,输入元件名称,在 [ 行为 ] 处选 [ 图形 ] 。

B. 右击结束帧(第 20 帧),选“插入关键帧”。

C. 右击图片,选“面板 / 变形”,在“变形面板”中输入宽、高缩放比例。

D. 在起始帧与结束帧之间任一位置右击,选“创建补间动画”。注意,确认 帧属性面板中的“缩放”复选框一定要选中。 按 Ctrl+ 回车,预览。

     提示:运动渐变动画的标志是有一个实箭头将 起始帧与结束帧连起来 ,背景变为淡蓝色。如果出现的是虚线,则表明动画没有做成功,可能是 起始帧和结束帧中的对象不一致,或者是形状。因为形状是散的,不是整体,因而不能直接做运动动画,必须要先转换成组合对象或元件。

2. 添加旋转效果

    在起始帧与结束帧之间的任一位置单击左键,点下面属性面板 [ 旋转 ] 下拉箭头,选择旋转方向(顺时针或逆时针),输入旋转次数。

3. 利用透明度属性实现淡入淡出效果

    点起始帧,点选图片,在属性栏选择 [ 颜色 ]/[ Alpha ] (透明度),改变为 0 ( 完全透明) 或 50 ( 半透明) 以下,这样就实现了淡入效果。

    右击结束帧后 20 帧处(如第 40 帧),选“插入关键帧”。点选图片,在属性栏选择 [ 颜色 ] —— [ Alpha ] ,改变为 100 。在第 20 帧 - 第 40 帧之间任一位置右击,选“创建补间动画”。这样就实现了淡出效果。

    以上操作把 缩放、旋转、透明度变化的效果都应用在同一个图片对象上,实际制作时要根据需要灵活运用。

4. 制作沿路径移动动画

    新建立一个动画文件,双击图层 1 ,改名为“图片”,按回车。从库中将图片元件拖入第 1 帧,在第 30 帧按 F6 插入关键帧。

    点“添加运动引导层”按钮,时间轴中的“图片”层 向右缩进,表示该层已与新建的 引导层建立了引导与被引导的 关联。 用铅笔工具画出一条曲线,即路径,点该层对应的锁按钮,锁住引导层。

    点选“图片”层第 1 帧,将鼠标移至图片对象的几何中心点即注册点,按下鼠标,拖到图片到曲线的起始位置后释放鼠标。拖动时, 图片中心出现小圆圈,当图片接近路径端点时,中心点会自动捕捉到该端点 。

    点选“图片”层第 40 帧,用拖动图片注册点的办法将图形吸到曲线的尾部。

    提示: Flash允许多个图层与同一个运动导向层关联,也就是说可以有多个对象沿同一个路径运动。建立导向层还有一种方法,即右击“图片”层(需要引导的图层),选“添加引导图”,则在“图片”层上出现新的导向层,“图片”自动缩进,显示二者关联。

    注意:要随时保存文件。点“文件 / 保存”(按 Ctrl-S ),在弹出的“另存为”对话框中输入文件名,确定,系统把源文件保存为 .fla 格式。按 Ctrl-Enter ,则系统会自动生成与源文件同名、扩展名为 swf 的电影文件。

5. 制作文字动画

    新建一个动画文件,在第 1 帧舞台的左上角输入文字,点箭头工具,右击文字,选选“转换为元件”,在 [ 行为 ] 处选 [ 图形 ] 。右击第 20 帧,选“插入关键帧”,将文字拖动到舞台的右下角。在第 1 — 20 帧之间任一位置单击鼠标右键,选择“创建补间动画”。参照前面介绍的方法可以实现文字的 缩放、旋转、色彩、亮度、透明度变化以及路径动画。

6. 让 gif 动画“动”起来

    目前,网上已有丰富的 gif 动画素材,这为 Flash 动画创作提供了宝贵的素材资源。在 百度关键词文本域中输入“ gif 动画库”,可以 从网上搜索、下载 大量种类齐全的 gif 动画。将 gif 动画直接导入到 Flash 时间轴,无需修改或稍加处理就可以制作成 帧帧动画。将 gif 动画导入到图形元件或电影剪辑中,可以制作成更复杂的动画效果。

    A .新建一个动画文件。按 F11 调出库窗口,点“新建元件”按钮,输入元件名称,在 [ 行为 ] 处选 [ 电影剪辑 ] ,确定。点 “文件 / 导入”,弹出“导入”对话框, 点工具栏“查看”菜单下拉箭头, 选“缩略图”,预览图片,双击要导入的 gif 动画文件。

    B .根据需要对电影剪辑元件时间轴中的帧以及帧中的图形进行修改,例如通过插入普通帧使帧帧动画适当变慢,通过删除普通帧使帧帧动画适当变快,去除关键帧图形中的背景部分,调整位置等。

    C .在库窗口中选中属于刚刚 导入的 gif 动画的位图,右击选中的位图,选“移至新文件夹”,在“新文件夹”窗口中输入合适的名称。双击文件夹,使其关闭。这样,库窗口依然简洁明了。

    D .用同法将其它 gif 动画导入到另外新建的电影剪辑元件中,并且将 gif 动画所属的位图移至新文件夹。

    E .切换到场景 1 ,将库中导入了 gif 动画的电影剪辑元件拖放到舞台上,成为实例。可以在舞台上添加多个电影剪辑实例。选中实例,点属性面板,展开它,修改实例的属性,如实例的名称、尺寸、位置、亮度、透明度、色调等。

    F .根据需要进一步制作动画效果,如平移、 缩放、旋转、色彩、亮度、透明度变化,路径动画等。

7 、制作蒙版动画

    蒙版动画又称为遮罩动画,是 Flash 动画技法中最富魅力、创意和挑战性的一种。运用得巧妙,可以制作出令人眩目的 动画效果。

    ( 1 )遮罩层(探照灯)“动”,被遮罩层(被遮罩对象)“不动”——美丽的图片现出来

    A .新建一个动画文件。按 F11 调出库窗口,点“新建元件”按钮,输入元件名称“探照灯”,在 [ 行为 ] 处选 [ 图形 ] ,确定。按 Shift 不放,用椭圆工具画一个标准圆。点圆的线条,按 Delete 删除它。点选圆,展开属性面板,将高、宽数值改为 80 )。

    B .切换到场景 1 ,双击图层 1 ,命名为“移动探照灯”。在第 1 帧拖入“探照灯”元件。右击第 12 帧,选“插入关键帧”,右击舞台中的探照灯图形,选“面板 / 变形”,在“变形面板”中输入缩放比例 800% ,回车。右击第 1 — 12 帧之间的任意帧,选“创建补间动画”。右击第 1 帧,选“拷贝帧”,右击第 24 帧,选“粘贴帧”,右击第 12 — 24 帧之间的任意帧,选“创建补间动画”。

    C .添加一个新图层,命名为“图片”。在第 1 帧导入图片,右击第 24 帧,选“插入帧”。

    D .右击“移动探照灯”层,选“遮罩层”。

    E .按 Ctrl+ 回车,预览。随着探照灯的放射性放大,被遮罩的被放射性地逐渐显现出来,随着探照灯的缩小,图片从外围向中心逐渐消隐。

    ( 2 )遮罩层(探照灯)不“动”,被遮罩层(被遮罩对象)“动”

A .新建一个动画文件。

B .双击图层 1 ,改名为背景。点“文件 / 导入”,选择背景图片,确定。

C .右击图片,选“属性”,查看图片大小(如宽 600px ,高 400px )。

D .点“修改 / 文档”,将舞台大小设置和图片大小相同(宽 600 ,高 400 )。

E .右击图片,选“转换为元件”。再次右击图片,选“属性”,点属性面板中的 [ 颜色 ] 下拉箭头,选 [ Alpha] (透明度),设置为 30 ( 半透明)。 在时间轴背景层处点击锁,将背景层锁定。

F .添加一个新层,双击层名称,重命名为“滚动文字”。在第 1 帧用文本工具输入要滚动显示的文字(如诗歌、课文)。在第 200 帧插入关键帧,将文字移动到合适的位置,右击第 1 — 200 帧之间的任意帧,选“创建补间动画”。

G .新建图层,将图层改名为“遮罩”,在第 1 帧中画一个大小合适的矩形,将图形调整到合适位置。右击该层,选“遮罩层”。

H .按 Ctrl+ 回车,预览。在变浅了的背景中,文字缓慢地滚动显示。

8. 制作运动过渡动画要点小结

( 1 )运动对象必须在独立的图层中绘制或导入。

( 2 )用于制作运动过渡动画的两个关键帧,必须是未打散的文本、组合对象和实例。

( 3 )运动过渡动画不仅可以表现运动对象位置变化,而且可以派生出许多分支:

  旋转动画:可选择顺时针或逆时针旋转,并可设置旋转次数,可原地转,也可边转边移动。

  缩放动画:两个关键帧一大一小即可。相当于摄影时的拉镜头和推镜头。

  色彩动画:用于表现物体的色彩渐变。注意两个关键帧中的对象必须是库中元件的引用实例。图形或组合对象不能直接制作色彩动画。

  路径动画:又称运动导引动画。

  蒙板动画:是一种比较特殊的运动动画。

  动中有动:使动态图形或动态电影剪辑作运动动画可以实现比较复杂的、比较特殊的动画效果。例如鸟儿振动翅膀向前或沿特定路径飞翔、汽车轮子转动并行进、大象向前行走等。

二十一、制作形状渐变动画

1. 自动延伸的直线

形状渐变动画是渐变动画的另一种形式,是一种常用的、重要的动画技法。

A .新建一个动画文件,按 Ctrl-M 对电影的属性作一个调整,将其设置为狭长的矩形 ( 如宽设为 400 ,高设为 50) ,将背景色设为蓝色。

B .点选第 1 帧,用铅笔或直线工具画一水平线(按 Shift 键画出笔直线),长度是动画结束时的最长状态。

C .在第 40 帧上按 F6 插入关键帧,实际上是把第 1 帧复制到第 40 帧。

D .点选第 1 帧,用鼠标画方框的方法选中除线条最左端以外的多余部分,按 Delete 删除,这样就只保留了线条的首端很短的一小段。点帧属性面板的“补间”下拉箭头,选“形状”渐变。这时在第 1 帧和第 40 帧之间出现一个实箭头,背景变为淡绿色,表明形状渐变动画制作成功。

提示 1 :如果出现的是虚线,则表明动画没有做成功,可能是 起始帧和结束帧中的对象是未打散的外部导入图片、文本、组合对象或实例。未打散的文本、组合对象或实例是整体,不是散的,因而不能直接做形状渐变,必须要先打散(分离)。打散(分离)的方法是选中对象后,点“修改 / 分离”或按 Ctrl+B 。

提示 2 :用 Flash MX 工具栏中的绘图工具(如线条、铅笔、钢笔、矩形、椭圆、墨水瓶、油漆桶工具)绘制的图形是形状,但转换成元件或组合对象后就不再是形状了。此外,用文本工具制作的未打散的文本是组合对象。

2 、老鼠变成猫

先用百度从网上搜索、下载 老鼠和猫的图片。

A .新建一个动画文件,按 Ctrl-M 对电影的属性作调整,将其设置为宽 100 ,高 100 。

B .点选第 1 帧,点“文件 / 导入”,在“导入”对话框中选择 老鼠图片。点选舞台中的老鼠图片,点“修改 / 分离”或按 Ctrl+B ,将图片转换成形状。必要时用套索工具中的魔术棒去除背景。

C . 点选第 20 帧,用同样的方法导入 猫的图片,转换成形状并去除背景。

D . 点选第 1 帧,点帧属性面板的“补间”下拉箭头,选“形状”渐变。

二十二、 按钮制作

1 .变色文字

A .插入 / 新建元件,选 [ 按钮 ] ,给按钮命名。

B .在 [ 弹起 ] 帧 输入文字“按钮”,在 [ 指针经过 ] 帧 ——插入关键帧( F6 )——改变“按钮”字体颜色。在 [ 按下 ] 帧 ——插入关键帧( F6 )——将“按钮”字体颜色再改变。

C .切换到场景 1 ,按 F11 打开库,把 [ 按钮 ] 元件拖动到场景 1 中。

D . Ctrl+ 回车,移动鼠标到文字按钮上并单击,查看文字变色效果。

2 .给文字添加变色背景

A .切换到 [ 按钮 ] 元件编辑窗口。

B .添加图层 2 ,将图层 2 拖动到按钮层(图层 1 )下。

C .在 [ 弹起 ] 帧 画个矩形或椭圆形;在 [ 指针经过 ] 帧 插入关键帧( F6 ),将图形颜色改变;在 [ 按下 ] 帧 插入关键帧( F6 ),将图形颜色再改变。

D .切换到场景 1 ,打开库,把 [ 按钮 ] 元件拖动到场景 1 中。按 Ctrl+ 回车,查看效果。

3 .场景交互

A .增加一个场景:场景二。在此场景中输入文字“场景二”,并制作一个简单的运动动画。

B .切换到场景 1 中,输入文字“场景一”。将库中已做好的按钮拖动到此场景中。

C .在场景 1 的第一帧处单击右键,选 [ 动作 ] ,展开 [ 动作 ] 面板,单击“ + ”,选“动作 - 影片控制 -stop ”。

D .将 [ 动作 -- 帧 ] 面板缩回,回到场景 1 。

E .右击 [ 按钮 ] 实例,选 [ 动作 ] ,展开 [ 动作 ] 面板,单击“ + ”,选“动作 - 影片控制 - go to ”。在右侧场景处选择 [ 场景 2] 。

F .按 Ctrl+ 回车,动画在场景 1 停下来,单击其中的按钮,跳转到场景 2 ,播放场景 2 中的动画。

二十三、导出影片与 发布作品

    1. 导出影片:点“文件 / 导出影片”。

    2. 发布作品: 点“文件 / 发布设置 ”。 Flash MX 有多种打包方式,分别生成 .swf , .html , .gif , .jpg , .png , .exe , .mov 文件。其中, .swf 是不带播放器的 Flash 动画,是最流行的标准网络动画格式,而 .exe 则是带播放器的、 windows 下独立可执行的 Flash 动画。要发布为 gif 动画,先在“格式”标签中选中“ gif 图像”复选框,再点“ gif ”标签,在“回放”栏中选“动画”(默认为“静态”),点“透明”下拉箭头,选“透明”。最后点“发布”。生成的 swf , html , gif , exe 文件保存动画源文件 .fla 所在的文件夹。

二十四、 Flash 辅助工具软件简介

    随着 Flash 动画的普及, Flash 辅助工具软件也越来越多。

  swfhacker 可以将 exe 格式的 Flash 动画转换为 swf 格式,可以解除导入保护,重新设置播放速度等。

  Flash 工具集 Flash Toolset Pro 提供从浏览、检查、资源提取、操控、查找到发布 swf/projector 文件的全部功能。有了它,不但能欣赏他人制作的精美 Flash 作品,还能从 Projector 文件中提取 Swf 或利用 Swf 生成 Projector 可执行文件,去除 swf 文件的导入保护,获取 Flash 属性( width, height, fps 以及 number of frames )。

  Flash 转换王可以将 Flash 的 SWF 动画转换为 VCD/SVCD/DVD/AVI 等标准视频格式的优秀转换工具,这样可让 Flash 动画在家庭电视机、移动 VCD/DVD 机和车载媒体系统上自由共赏。

  Flash 格式的幻灯片制作工具 SWFnSlide 可以利用任何数字图片和音频文件产生效果极好的幻灯片供演示使用的工具 , 输出格式有 Html 网页格式 ,SWF Flash 动画格式 ,QuickTime 视频格式,以及 zip 压缩文件格式 , 有多种图像和伴音效果提供。

  FlashCam 能把屏幕的操作行动录为 Flash 文件。而且还可以编辑或删除录下来的图片。它可以制作出相当棒的 SWF 格式的教学影片,可以将捕捉的影像单独帧连贯起来成为一个 SWF 文件,还可以插入标题文字、录制旁白声音、自订鼠标轨迹、制作出 HTML+SWF 文件,实在是软件教学的最佳选择!

二十五、 去除内置播放器

    Exe 格式的 Flash 动画虽然具有在 windows 下独立可执行、无须另配播放器等优点,但这种格式与 .swf 相比,却不利于网上教学、发布、进一步加工处理以及二次开发与利用。 exe2swf 是一个将已编译成 EXE 的 Flash 动画转换为 SWF 格式的工具软件。

1 )从网上下载 Exe 格式的 Flash 动画课件

2 )下载和安装 exe2swf

    打开网页 http://www./soft.php 或 http://www./~jwbos/floris/exe2swf-v0-01.zip ,下载 exe2swf.zip 。压缩包下载后双击它,启动 WinRAR 或 WinZip 进行解压,双击其中的 exe2swf.exe ,进入安装许可协议对话框,单击“ Ok , I agree ”,进入安装选项设置对话框,一般无须改变默认的设置,单击“ Install ”,最后单击“ Finish ”,完成安装。

3 )去除内置播放器

    右击 exe 文件,在弹出的快捷菜单中选“ Convert Flash EXE to SWF ”,在“ Select output file ”对话框中选择好保存 SWF 文件 的地址,确定好文件名,单击“保存”。

    也可将 swf 转成 exe :用 Flash 播放器打开 swf ,执行菜单命令“文件”→“创建播放器”,在“另存为”对话框中为课件命名,保证“保存类型”为“播放器( *.exe )。

二十六、去除“导入保护”

    “导入保护”是 Flash 在发布设置时的一个选项 。当用户试图通过菜单命令“文件”→“导入”或快捷键 Ctrl+R 将受保护的 SWF 动画 导入到 Flash 时间轴中时,会出现错误提示。

    DeFlash1.3 、 Swfhacker 等工具可以将受保护的 swf 动画解保护,方便用户在 Flash 环境中导入。 DeFlash1.3 支持 Flash3 、 Flash4 和 Flash5 。从 flashsun 网站( http://www./soft.php )下载这个 248KB 大小的 DeFlash13.exe ,双击运行它。单击“ Open file… ”,选择要破解保护的 swf 文件,单击“打开”,然后选择要保存经过破解处理的 swf 文件的路径,单击“保存”,很快 DeFlash13 给出已经破解成功的反馈信息“ ...Saved file is DEPROTECTED! ”,最后关闭程序。

二十七、“萃取”素材

    目前,网上提供的免费 Flash 课件资源越来越丰富,如果能够 “萃取”出这些 Flash 作品中的素材资源,对于丰富我们的素材库、进行二次开发、制作出更优秀的多媒体课件具有积极的意义。

    ( 1 )从 Flash 源文件中萃取素材: 如果手头上有 Flash 源文件即 .fla ,可以选 Flash 程序的菜单命令“文件”→“以库打开”,然后选择包含所要素材的 .fla 文件,单击“打开”。打开的素材库可以很方便地被其他 .fla 课件随时使用,真正做到资源共享。

    ( 2 )从 swf 文件中萃取素材: SWF 资源分解工具 SWF Decoder。

二十八、查看 Flash 源代码、进行学习研究

    闪客帝国:学堂(http://www./school/):提供最新 Flash 教程、精彩制作实例及源代码和 Flash 资源。源代码包括简单动画、在线游戏、复杂动画、特效等,是获取 Flash 创作技巧的捷径。

    闪盟在线(www./): 以软件 Flash 教学为中心,网页制作、平面设计技术交流站点。开设精彩动画欣赏、矢量图形、闪客培训中心等栏目。 提供 Flash 工具、教程、源代码等资源。

    闪客天地(www./):专业 Flash 资源与娱乐站点,荟萃大量精彩丰富的国内外优秀作品供在线欣赏和下载。有精品源程序下载、 Flash 矢量资源、 Flash 声音资源等栏目。

    闪吧(www.)。

二十九、在 Flash中导入和调用 swf 课件

    新建一个电影剪辑元件,点“文件 / 导入”,选中要 swf 课件。这样,就可以修改原课件的内容,利用其中的各种素材资源。也可以用动作语句 Fscommand , LOAD MOVIE , GETURL 等调用 swf 课件。

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

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多