创建第一个Flash动画

管理员01  发布于:2014-11-22  浏览:

摘要:创建自己的Flash动画前,需要对动画要表达的效果有一个基本的计划,一般的创建方式分为如下6步。 (1)规划动画效果,确定Flash动画的效果样式,以及要完成的基本任务。 (2)添加动画元素,在Flash软件中导入媒体元素,比如图像、声音、视频、文本等,也可以使用Flash的绘图面板绘制矢量图形动画。 (3)在舞台和时间轴中排列元素,确定动画在特定时间点的显示方式。 (4)应用特殊的效果,可以根据需要应用图形滤镜、混合和其他特殊的效果。 (5)使用ActionScript脚本控制动画元素的行为方式,包括这些元素对用户交付的响应方式。 (6)测试Flash动画,在测试无误后将FLA源文件发布为可以在网页上显示或使用Flash播放器进行播放的SWF文件。 为了更容易地理解一个Flash动画的创建过程,下面将创建一个简单的Flash动画。这个动画将演示如何在网页上显示一个运动
  创建自己的Flash动画前,需要对动画要表达的效果有一个基本的计划,一般的创建方式分为如下6步。
  (1)规划动画效果,确定Flash动画的效果样式,以及要完成的基本任务。
  (2)添加动画元素,在Flash软件中导入媒体元素,比如图像、声音、视频、文本等,也可以使用Flash的绘图面板绘制矢量图形动画。
  (3)在舞台和时间轴中排列元素,确定动画在特定时间点的显示方式。
  (4)应用特殊的效果,可以根据需要应用图形滤镜、混合和其他特殊的效果。
  (5)使用ActionScript脚本控制动画元素的行为方式,包括这些元素对用户交付的响应方式。
  (6)测试Flash动画,在测试无误后将FLA源文件发布为可以在网页上显示或使用Flash播放器进行播放的SWF文件。
  为了更容易地理解一个Flash动画的创建过程,下面将创建一个简单的Flash动画。这个动画将演示如何在网页上显示一个运动的小球,动画的规划部分假定这个小球可以按照
既定的轨道运动,并且能够通过按钮控制动画的停止和播放。在Flash软件中的实现步骤如下所示。
  (1)打开Flash软件,单击主菜单中的“文件I新建”菜单项,Flash将弹出如图15.4所示的“新建文件”对话框,切换到“常规”标签页,可以看到Flash软件提供的可以创建的Flash文件类型。选择ActionScript 3.0类别。
  可以看到当选中了AcrionScript 3.0之后,在右侧的面板中会显示一些Flash动画的配置参数,其中宽度和高度用来设置舞台的大小,标尺单位用来设置Flash设计面板中的标
尺所使用的单位。帧频指定动画播放的帧的数量,默认为24fps,表示每秒播放24帧,对于网站动画来说,一般8fps到12fps就能够满足需求。在这里命名用默认值,单击“确定”
按钮后,Flash就会创建一个未命名的动画。
  (2)为了让舞台背景变得丰富一些,可以在图15.4所示对话框中选择“背景颜色”菜单项设置一个舞台背景色,也可以在新建动画之后通过属性面板设置背景色。最常见的方式是通过主菜单中的“修改I文档”菜单项,将弹出如图15.5所示的窗口,该窗口可以对文档的设置进行进一步的修改。

  (3)选中绘图工具栏中的椭圆形工具(长按绘图工具栏中的矩形,从弹出的子菜单中选择椭圆形),按住Shift键在舞台上绘制一个正圆形。在属性面板中可以设置圆的填充色和边框色,这里使用了渐变填充,并且取消了边框色,如图15.6所示。

  (4)由于稍后还要重用该圆形,因此在此将其转换为Flash元件以便稍后重用。使用选择工具选中圆形,单击主菜单中的“修改J转换为元件”菜单项,将弹出如图15.7所示的窗口。
注意:元件是Flash中的一种可重用的媒体资源,无须重新创建就可以在文档的任何位置重复使用。元件中可以包含图像、声音及其他动画内容。
  在“名称”窗口中指定元件的名称,类型下拉列表框用来指定如下元件类型。
  图形元件:表示用来保存静态图形的元件,不具有动画时间轴。
  按钮元件:会将元件创建为具有单击、滑过或其他动作的交互式按钮。
  影片剪辑:可以创建可重用的动画片段,拥有各自独立于主时间轴的多帧时间轴。
  在示例中选择默认的影片剪辑元件,单击“确定”按钮成功创建元件之后,就可以在Flash的库面板中查看到新创建的元件,如图15.8所示。

  (5)将元件移动到舞台外部,以便于动画开始时只是具有舞台而没有任何元素,右击圆形,从弹出的快捷菜单中选择“创建补间动画”菜单项,在时间轴上可以看到Flash自动添加了24帧,这是因为在创建动画时指定了24fps,表示一秒钟的动画时长。
  (6)在时间线上单击第24帧位置,时间轴的红色播放头切换到24帧位置,然后舞台中拖动圆形元件到舞台右侧。可以看到补间动画会出现动画的运行轨迹线条,表示动画将沿着指定的轨迹进行运动,如图15.9所示。

注意:通过单击时间轴底部播放工具栏中的按钮,可以播放动画以观察动画运行的效果。
  (7)除了由Flash自动创建补间动画的轨迹外,通过鼠标单击轨迹线选中轨迹,可以拖动以便调整补间动画的运行轨迹。例如笔者通过拖动的方式调整了补间动画的轨迹,使其具有曲线运动的效果,如图15.10所示。
  单击时间线中的某个帧,可以看到圆球的运行位置,通过拖动圆球到不同的位置可以改变运行的轨迹。
  现在一个简单的Flash动画就创建完成了,为了在真实的环境中预览这个完成的Flash动画,可以单击主菜单中的“文件l预览”菜单项,从弹出的子菜单中可以选择要预览的环境,可以在浏览器中预览或在Flash Player中预览,在Flash Player播放器中的预览效果如图15.11所示。

  动画的创建过程中可能需要多次并且在不同的环境中进行预览以便了解动画的最终效果,在动画的效果满足需求之后,可以通过主菜单中的“文件I发布设置”中设置发布参数,最后单击“文件I发布”按钮发布创建的动画,根据在发布设置中指定的输出位置,在发布完成之后,可以看到一个SWF文件成功地生成,双击该文件可以使用Flash Player文件进行播放。

文章链接:http://www.jihai.com/a/jiaocheng/flash/201411/647.html
标签:第一个(2)动画(25)创建(50)自己的(2)FLASH(19)动(4)
作者:管理员01 来源:未知 发布于2014-11-22 15:38
您可能喜欢的文章

热门模板
热门阅读
热门插件