分享

Flash动画制作

 wxhsean 2011-10-08

Flash动画制作:探照灯和光影文字

       遮罩动画是Flash中的一个很重要的动画类型,很多效果丰富的动画都是通过遮罩动画来完成的,如水波、万花筒、百页窗、放大镜、望远镜等等。

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

       Flash中没有一个专门的按钮来创建遮罩层,遮罩层是由普通图层转化的。只要在某个图层上单击鼠标右键,在弹出菜单中选择遮罩层,该图层就会变成遮罩层,层图标就会从普通层图标变为遮罩层图标 ,遮罩层下面的一层自动变为被遮罩层,在缩进的同时图标变为 。如果想更多层被遮罩,只要把这些层拖到被遮罩层下面就行了。

        遮罩层中的图形对象在播放时是看不到的,遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等,但不能使用线条,如果一定要用线条,可以将线条转化为填充。被遮罩层中的对象只能透过遮罩层中的对象被看到。

       可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段,从而使遮罩动画变成一个可以施展无限想象力的创作空间。

【实1】探照灯效果。
1)新建一个Flash文档,舞台大小设为550×400px,舞台背景色设为黑色。
2)将图层1改名为背景。导入一个背景图片到舞台中,并且将背景图片大小修改为和舞台大小相同。
3)在背景层第65帧插入关键帧。
4)使用菜单插入”→“新建元件打开创建新元件对话框,类型选择图形,并将元件命名为探照灯
5)在元件舞台上绘制一个无边框的圆形,如图8.532)所示。
6)单击场景1”,返回场景,插入一个新图层,命名为探照灯,单击第1帧,在库面板上将元件探照灯拖动到舞台上,并调整大小。
7)在探照灯254065帧分别插入关键帧,分别调整探照灯实例的位置并创建动作补间动画,使探照灯在舞台上来回运动。
8)在探照灯层的图标上右击,在弹出菜单中选中遮罩层。这时探照灯层和被遮罩的背景层自动被锁定,不能编辑。如需编辑,必须也解除锁定。
9)使用[Ctrl+Enter]键或菜单控制”→“测试影片,可以查看探照灯的效果。

【实例2】光影文字效果。
1)新建一个Flash文档,舞台大小设为550×400px,舞台背景色设为白色。
2)使用菜单插入”→“新建元件,打开创建新元件对话框,类型选择图形,并将元件命名为彩色背景
3)在元件舞台上绘制一个无边框的矩形,用彩色渐变填充,并用填充变形工具进行调整。
 
4)单击场景1”,返回场景,从库面板中将制作好的彩色背景元件拖到舞台上。
5)选中彩色背景实例,使用菜单编辑”→“复制,再使用3次菜单编辑”→“粘贴到当前位置,将该元件复制3份。
6)使用鼠标拖动或利用“→”“←”,分别将4彩色背景实例进行调整,将其水平排列。
7)将4个实例全部选中,使用菜单修改”→“转换为元件,名称为背景组合,类型为图形,并将其放在舞台的左侧。

8)在第30帧单击鼠标右键,选择插入关键帧。再选择背景组合元件,将其拖到舞台的右侧。
9)在1—30帧之间任意一帧上单击鼠标右键,在弹出菜单中选择创建补间动画
10)插入一个新图层,命名为文本,单击第1帧,使用文本工具,在舞台中间写入网页制作,字体为隶书,大小为90,颜色为黄色。
11)在文本层的图标上右击,在弹出菜单中选中遮罩层
12)使用[Ctrl+Enter]键或菜单控制”→“测试影片,可以查看光影文字的效果。

 

08/03] Flash动画制作:围绕文字边缘转动的星星

   [折叠]

【实例】围绕文字边缘转动的星星。
1)新建一个Flash文档,舞台大小设为550×400px,舞台背景色设为深蓝色。
2)选择多角形绘制工具,在工具栏的颜色区域设置笔触色为无,填充色为黄色。在属性面板中单击选项按钮,设置样式为星形,5角。然后在舞台上绘制一个五角星。
3)选择五角星,并将其转换为一个元件五角星
4)在第50帧插入一个关键帧,移动五角星到合适的位置,创建一个动作补间动画。
5)在属性面板设置动作补间动画,旋转为顺时针,次数为10次。
6)单击时间轴的添加运动引导层按钮 ,新增一个引导层。
7)在引导层的第1帧输入一个文字,设置颜色为红色,字体为华文彩云(需要使用空心字,也可使用墨水瓶工具制作空心字),大小为150
8)选中文字,使用菜单修改”→“分离,将文字打散,此时开始帧的五角星自动附加到文字的边缘上。
9)选中橡皮擦工具,在文字边缘擦除出一个缺口。然后,在被引导层的开始帧和结束帧分别将五角星移动到缺口的两边。
12)使用[Ctrl+Enter]键或菜单控制”→“测试影片,可以查看五角星沿着文字边缘运动的效果。
使用多个层可以实现多个五角星在一系列文字边缘运动的效果。

03] Flash动画制作:沿着规定路线行驶的汽车

   [折叠]

       引导路径动画将一个或多个层链接到一个运动引导层,使一个或多个对象沿同一条路径运动。
      
一个最基本的引导路径动画由两个图层组成,上面一层是引导层,下面一层是被引导层
      
在普通图层上单击时间轴面板中的添加运动引导层按钮 ,该层的上面就会添加一个引导层,同时该普通层缩进成为被引导层

 

【实例】沿着规定路线行驶的汽车。
1)新建一个Flash文档,舞台大小设为550×400px
2)将图层1改名为汽车
3)导入一张汽车图片,并将其转换为元件汽车
4)在第30帧插入关键帧,移动汽车的位置。并在1—30帧之间单击右键,使用右键菜单创建补间动画创建动作补间动画。
5)单击时间轴的添加运动引导层按钮 ,新增一个引导层,此时汽车层自动变为被引导层。
6)单击引导层的第1帧,使用钢笔工具绘制一条汽车运动的路线作为引导线,此时开始帧的汽车自动移动到引导线上,调整其到合适的位置。
7)单击选择汽车层,选中第30帧,拖动中间的圆形中间点到引导线的终点位置(可以使用自由变形工具将元件汽车旋转至和引导线相适应),如图8.51所示。
 
8.51 拖动元件的圆形中间点到引导线的终点
运动元件的中间点在开始帧和结束帧都必须在引导线上,只有这样才能产生引导路径动画。
8)单击汽车层的第1帧,在属性面板的旋转菜单中选择,再选中调整到路径,使汽车在运动过程中车身方向自动按路径调整。如果不选择调整到路径,车身方向就不会沿引导线调整。
9)使用[Ctrl+Enter]键或菜单控制”→“测试影片,可以查看汽车沿着规定的路线运动的效果。

08/03] Flash动画:来回运动的透明竖条

   [折叠]

【实例】来回运动的透明竖条。
1)新建一个Flash文档,舞台大小设为400×100px
2)将图层1的名称改为背景,导入一幅深色的背景图像,并将图像大小调整为和舞台大小相同。
3)在背景层第30帧插入一个关键帧。
4)新建一个图层,改名为竖条1”
5)在竖条1”层左部绘制一个矩形竖条,用红色填充。选中边线和填充,在其上按右键,选择转换为元件,将元件命名为竖条
6)在舞台上选中竖条,调整透明度为70%
7)在竖条1”层的15帧插入一个关键帧,将元件竖条拖动到舞台中间位置,并调整透明度为40%
8)在竖条1”层的1—15帧之间单击右键,选择创建补间动画
9)在竖条1”层的30帧插入一个关键帧,将中间的元件竖条拖动到舞台左边原来的位置,并调整透明度为70%
10)在竖条1”层的15—30帧之间单击右键,选择创建补间动画
12)再新建一个图层,改名为竖条2”
13)单击竖条2”的第1帧,在库面板中拖动元件竖条到舞台中间靠右的位置,使用自由变形工具适当改变竖条的宽度,再适当改变竖条的透明度。
14)按照步骤(710)在竖条2”创建来回移动的竖条。
15)根据需要再创建几个竖条移动的图层。
16)使用[Ctrl+Enter]键或菜单控制”→“测试影片,可以查看来回运动的透明竖条的效果。

08/03] Flash动画制作:小球在运动中变为文字

   [折叠]

       形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化,使用的元素多为用Flash绘制出的形状,如果使用图形元件、按钮、文字,则必须先打散以后才可以创建变形动画
      
创建形状补间动画时,在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状,在动画结束处创建或选择一个关键帧并设置要变成的形状,再单击开始帧,在属性面板上的补间菜单中选择形状,一个形状补间动画就创建完毕。

【实例】小球在运动中变为文字网页
1)新建一个Flash文档,舞台大小设为550×400px
2)在第1帧绘制一个小球。
3)在第25帧单击右键,在弹出菜单中选择插入空白关键帧。输入文字网页
4)选中文字,使用两次菜单修改”→“分离或按[Ctrl+B]键两次将文字打散。
5)在时间轴的第1帧上单击,然后在属性面板的补间下拉菜单中选择形状,此时时间轴上从第1帧(开始帧)到第25帧(结束帧)出现一条长的带有箭头的实线。
当开始帧和结束帧之间为虚线时,表示结束帧的内容丢失或应该组合的对象没有组合,此时动画不能实现。

6)使用[Ctrl+Enter]键或菜单控制”→“测试影片,可以查看小球在运动中变为文字网页的效果。
在时间轴上选择1—25之间的一个帧,可看到形状变化的过程。

08/03] Flash动画制作:小球运动

   [折叠]

 

制作动画是Flash最重要的功能。制作动画的关键是设置关键帧,Flash会自动补间两个关键帧之间的帧,得到完整的动画。补间产生动画的方法有动作补间、形状补间、引导路径补间、遮罩动画以及逐帧动画等。

 动作补间产生将开始帧的一个物体实现移动、改变颜色和亮度、变形、改变大小等效果,在动画进行过程中物体还可以旋转。

      
动作补间动画的对象必须是元件,包括影片剪辑、图形元件、按钮、文字、位图、组合等等,但不能是形状,只有把形状组合或者转换成元件后才可以做动作补间动画
      
创建动作补间动画的方法是在时间轴面板上动画开始帧创建或选择一个关键帧并设置一个元件;在动画要结束帧处创建一个关键帧并设置该元件的属性;再单击开始帧,在属性补间下拉菜单中选择动画;或单击右键,在弹出菜单中选择创建补间动画

1.新建Flash文档
开始页面的创建新项目中选择“Flash文档,可以创建一个新的Flash动画。也可以使用菜单文件”→“新建,打开新建文档对话框,在常规选项卡中选择“Flash文档

2.设置舞台
使用菜单修改”→“文档,或在属性面板上单击大小右边显示大小的按钮,可以打开文档属性对话框,设置文档的相关属性。

尺寸栏中可以直接设置舞台的宽和高。舞台大小一般又由将来布局在网页的什么位置决定。
匹配栏单击不同的按钮将舞台大小自动匹配相应的选项。选择打印机匹配打印机设置的纸张,选择内容匹配当前窗口中内容所占的最大尺寸,选择默认自动使用默认值550×440像素。
背景颜色下拉菜单中设置舞台的背景颜色。
帧频框中设置每秒钟播放的帧数(fps),默认为每秒钟播放12帧。
标尺单位下拉菜单中设置显示标尺时标尺的单位。


3.绘制对象
设置好舞台后,就可以使用工具箱上的绘图工具绘制各种对象。
Flash 8
的绘图工具可以绘制出各种复杂的对象,使用元件、库等功能可以更快速地处理对象,使用层可以绘制相互独立的对象。如果需要,还可以导入各种图像、音频、视频等对象。
这里先绘制一个简单的球。
1)在工具栏的颜色区单击笔触颜色颜色按钮,选择。在填充颜色区单击颜色按钮,选择下部的放射渐变色。

2)单击工具栏上的椭圆工具 ,按住[Shift]键,在舞台左边绘制一个圆形。
3)单击颜料桶工具 ,在圆形的一侧边缘单击,填充一个圆球。

4)单击工具栏上的选择工具 ,在舞台上拖动出一个矩形选中小球,在上面单击鼠标右键,在快捷菜单中选择转换为元件,打开转换为元件对话框。在名称框中输入元件的名称,类型选择图形,单击确定按钮,即可将绘制好的圆球转换为一个元件。

4.创建动画
创建动画是制作Flash中最重要的步骤。Flash 8可以创建各种复杂的动画效果,使用层、时间轴等可以创建一个对象连续变化、多个对象同时运动的动画效果。使用行为可以创建具有交互功能的动画。
这里创建小球在移动过程中一边滚动、一边变小的效果。
1)在时间轴的第30帧上单击,该帧的小方块变为蓝色。在上面单击右键,在快捷菜单中选择插入关键帧。该帧上出现表示关键帧的小圆形,同时1—30帧之间的帧变为灰色,表示已经被自动填充。
2)在舞台上将小球拖动到右边合适的位置。

在小球上单击,选中圆球,使用菜单修改”→ “变形”→“缩放和旋转,打开缩放和旋转对话框,将缩放设为10%旋转设为360度。

3)在时间轴上单击第1帧。在属性面板的补间下拉菜单中选择动画,选中缩放复选框,在旋转下拉菜单中选择顺时针“1
此时已经建立了时间轴动画,时间轴变为补间动画标志,1—30帧之间有一个实线箭头。

5.测试动画效果
使用菜单控制”→“播放或按[Enter]键,可以在舞台上观看动画效果。
使用菜单控制”→“测试影片或按[Ctrl+Enter]键,可以打开一个窗口,测试输出为SWF文件时的动画效果。

6.保存文档
使用菜单文件”→“保存或单击主工具栏上的按钮 ,可以将创作的动画保存起来。Flash文件的扩展名为.fla。保存文件类型可以选择“Flash 8文档“Flash MX2004文档,选择为“Flash 8文档时,该文档可能不能使用Flash MX 2004打开。

7.发布动画
.fla文件可以使用Flash 8继续编辑,但不能脱离Flash观看,必须发布后才能在网页或其他程序中使用。
如果在网页中使用Flash动画,通常发布为SWF格式。
使用菜单文件”→“导出”→“导出影片,打开导出影片对话框,可将动画导出为.swf文件或其他格式的电影文件。
使用菜单文件”→“发布设置,可以选择发布成的类型,并可进行详细设置。再使用菜单文件”→“发布,将动画发布为.swf文件等。

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

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多