网站建设| 数据库类| 图形图象| 程序设计| 现代办公| 操作系统| 考试认证| 网络技术| 软件工程| 电脑相关| 文学作品
网站开发| 网页制作| 操作系统| 图象图形| 考试认证| 数据库类| 程序设计| 硬件技术| 现代办公| 网络技术| 笑话频道
 
您的位置: 电脑书库首页-> 电脑文摘-> 网页制作-> Flash-> Flash 动画技术<四>

Flash 动画技术<四>
作者:xiehong 来源:cfanclub 加入时间:2005-1-14
相关文章 相关书籍:
线性动画
    帧,用文字工具,选择楷体、绿色,在工作区外的左下角点一下,在文字框中输入“初二(1)班”。用选择工具选取文字,选择“插入”菜单中的“转换成组件”命令,将文字转换成名位“文字2”的图形符号。
    ④用同样的方法,新建图层3,在工作区外的右下角输入宋体蓝色的“李江鹏”同样以“文字3”为名转换成图形符号。以“线性动画”为文件名,保文件到自己的文件夹中

    其次制作动画: ⑤首先给三个图层加到50帧,注意帧面板下边状态栏的最右边的两个按钮,点一下右边的让帧往右移动(或者移动帧指针也可以),找到第50帧单击鼠标右键,选取“插入帧”命令,使每一图层都拥有50帧长度。
    ⑥再图层1至图层3的第10帧上插入关键帧,使每一图层的第10帧为关键帧。依次选中三个图层的第10帧,用箭头工具拖动其中的文字到工作区中央,使三段呈金字塔三角形排列。保存一下文件

    ⑦ 接下来就为这三层文字添加动画流程,这需要打开“帧”面板,在图层1的第一帧上单击鼠标右键,选择“面板”中的“帧”命令调出帧面板。点击面板中的按钮,将“没有”选项改为“动作”从而产生动作动画,在"扩大"选项中输入100,使文字先快速移动,然后渐渐的慢下来,同样再用鼠标左键单击图层2和图层3的第一帧,修改动作动画效果,输入完后关闭面板。

    动画的效果是“八十六团学校”文字先移动,然后再是“初二(1)班”,最后是“李江鹏”。因此三者有个时间差,这可以通过在时间轴上插入空白帧来实现,也可以把关键帧往后拖。
    ⑧选取图层2的第1帧到第10帧(用Shfit键),然后用鼠标左键拖拽整个10帧到第11帧位置开始。右边如果有多出的不整齐部分就删掉,有错误的关键帧就用“清除关键帧”转为空白帧。
   ⑨同样将图层3图层上的第1帧到第10帧移到第21帧位置。


    接着选取图层1至图层3的第32帧,然后在各帧上按下鼠标右键,选择“插入关键帧”命令,使每一图层的第32帧成为关键帧。(第32帧将作为下一个动画的起始帧。)保存一下文件

    接下来制作旋转动画
    ⑩再在3个图层的第40帧插入关键帧。
    此时按下“插入图层 (+)”按钮添加第四个图层,选取图层4的第40帧,插入一个关键帧。
    ⑾在工作区的中央输入文字“美丽的校园”。用箭头工具选中文字(出现蓝框),在菜单栏中“修改”菜单中选择“分解组件”命令,将文字分解成图形,看一下效果。

    ⑿添加渐变色:打开窗口菜单中的面板中的“填充”面板,在“实线”下拉按钮中选择“斜直线”渐变效果(实线没有变化效果),此时下方出现默认的两个渐变色游标,在两个游标之间点一下鼠标左键添加一个游标。选中第一个游标,在右侧的颜色按钮中选择红色,同样将剩下两个设为绿色和蓝色。此时点一下右下角的保存按钮加入到调色板中,关闭面板。(删除渐变色在“样本”面板里)
    ⒀选取油漆桶工具,选中刚才的渐变色,从右至左给“美丽的校园”喷色,注意准确地喷在文字上,填充上渐变色,看一下效果。
    ⒁用箭头工具,将渐变色文字全部选中(使用画框选的方法),按F8转换为一个名位“文字4”的图形符号。保存一下文件

    ⒂同时选中图层1至图层4层的第40帧(用Shift键),选择“窗口”菜单中的“排序”面板,在“排列”选项中找到“水平排列”和“中间垂直排列”按钮(鼠标移到各个按钮上等一会儿看提示),使文字水平垂直排列,同样在“分布”选项中选择“水平中间分布”和“垂直中间分布”,看一下文字排列的变化。
    ⒃接下来时色彩深度的渐变,选取图层1的40帧,选择“窗口”菜单中“效果”面板,点击“没有”旁边下拉按钮,选择“Alpha"透明度选项,将值100%改为0,看一下场景中对象效果。
   ⒄同样将图层2到图层4的第40帧的对象都调成透明(Alpha为0)。保存一下文件


    ⒅创建动画:选择图层1到图层3的第32帧(用Shift键),在帧上单击鼠标右键,选择“创建动作动画”命令,看一下帧的变化。保存一下文件
    ⒆在图层4中的第50帧上按一下右键,选择“插入关键帧”命令,插入一个关键帧。
   ⒇将图层4的第50帧对象恢复为不透明,可以在“效果”面板中将“Alpha”改为100%,然后在图层4的第40帧上按鼠标右键,选择“创建动作动画”命令。看一下帧的变化。保存一下文件
    到这里就大功告成了,你可以将时间指针移到第1帧上(用左键点一下第一帧),双击时间轴上的“12.0”将速度调为每秒6帧,然后按Ctrl+回车键测试影片,来看看整体的效果。

    本节主要介绍了使用Flash制作线性动画,这是最基础的。 

2.旋转动画

    ①接着上一个动画制作,将“美丽的校园”文字作出旋状与翻转的效果来。
 首先旋转“美丽的校园”,接着上一个线性动画制作,打开上一个文件,选取图层4的第60帧,插入关键帧。
   ②接下来就添加这些文字的动画流程,在图层4的第50帧上按鼠标右键,并选择“面板”中的“帧”命令。
   ③将“变化”选项设定为“动作”,将“旋转”设为“CW”(ClockWise 的缩写,顺时针的意思),“次”设为1(这样就能转了),在“扩大”中输入100,让文字初期移动最快,输入完后关闭面板。保存一下文件,将时间指针移到第50帧,按回车键,看一下旋转效果。

   ④下面添加翻转效果,分别在图层4的65帧和70帧处,插入关键帧。
   选取第65帧,打开“修改”菜单,选择“转换”中的“垂直翻转”,将文字垂直翻转。看一下文字的效果
   ⑤在图层4的第60帧上按鼠标右键,选择“面板|帧”命令,将“变化”设为“动作”,其他不变。
   ⑥同样,在图层4的65帧上添加动画过程。保存一下文件
到这里就大功告成了,你可以将时间指针移到第50帧,按回车键播放一下影片,也可以用Ctrl 和回车键 整体效果。

缩放动画
动作动画一般是物体位置的改变,缩放动画是物体形状的变化,比如字母A变成了字母B,需要重新组合和改变。
    下面通过一个例子来说明,动画的效果是一个不断缩放的花瓣。
    首先制作出一朵花来,利用椭圆工具,选择黑白渐变色,绘制出一个花瓣来,删去外边框,群组一下。以这一瓣为基础,用“转换”面板,复制出其他的花瓣来。(注意旋转中心的位置)
   将制作好的花瓣群组为一朵花,再利用“排序”面板将花摆到场景的正中央,方法是:打开“排序”面板,先单击选中“到场景”按钮,这样就以场景为参照物了,然后单击“中间水平排列”和“中间垂直排列”就可以将花朵放到场景的正中央。
    接下来就分别制作花朵从大变小,再从小变大的动作动画,注意图像要放在场景的中央。
    保存文件到自己的文件夹,测试一下影片
    新建一个图层2,学一下变形动画,这时图层将自动加长到40帧,全部选中40帧空白帧后删去,锁定图层1,在图层2第1帧插入关键帧输入一个字母C,再在第20帧插入空白关键帧,输入字母S,再在第40帧处插入空白关键帧,再输入字母C。
    下面进行这三个字母的变形,分别将三个字母打散(这种动画的特点是图形重组,必须是打散的),再用“信息”面板把位置调一致,打开帧面板,创建动画,注意选择“图形”动画而不是动作动画。
    保存文件,按Ctrl和回车键测试影片

色彩动画
    利用不同的色彩和深浅变化可以产生出闪闪发光的效果来,注意每个关键帧要设为不同的颜色,下面通过一个实例来看一下如何制作。
    动画的效果是一个运动文字发光的效果。
    启动Flash,将影片背景设为黑色,速度为15帧每秒。
    首先来制作文字的部分,这里要制作一个图形符号,先选择“插入”菜单中的新建组件,以“文字”为名称,新建一个图形组件。
    在弹出的组件编辑场景中用文本工具输入“真爱一直到永远”,打开“排序”面板,先单击“到场景”按钮,再单击中间水平和中间垂直,将文字排到正中央。
    接着制作影片组件,新建一个影片组件,以“影片文字”为名称。
    在第一帧中拖入一个“文字”组件,用“排列”面板对齐到场景中央,再每隔20帧插入一个关键帧,一共插上100帧。(如果时间轴面板不够长,就单击面板右下边的滚动条来移动帧)
    这时我们已经有了一小段影片,下面再来进行动画设计。
    打开“效果”面板,将每个关键帧的颜色改为不同,方法是在效果面板中选择“彩色”,在单击颜色按钮选择不同的颜色。
    将所有关键帧用动作动画连起来,形成一个颜色变化的影片符号。
    单击“场景1”回到场景中,在第1帧中拖入一个“影片文字”,用“排列”面板对齐到正中央,在第50帧和100帧插入关键帧,选中第50帧打开效果面板,在“Alpha”中将右边的100%改为0,这样第50帧便消失了,再选中100帧将“Alpha”改回到100,文字又出来了。(Alpha是透明度)
    下面添加一个旋转动画,在第1帧和第50帧上创建动作动画,选中第1帧,打开“帧”面板,在“旋转”中选择“CW”顺时针,“次”输入1,同样修改第50帧。
    保存好文件,按Ctrl和回车键,来欣赏我们的动画。  
按钮组件
    按钮在Windows操作系统中有着重要的作用,是我们与程序对话的基本组件,常见的按钮有最大化、最小化、关闭、是、否等等,只要我们细心我们会在窗口中找到许多许多的按钮。
    一个按钮有两个属性,一是外观形态一是动作指令,我们首先来看形态。
    按钮的外观一般是小方块或者是圆形,在Flash中一般是圆形的。因此在制作按钮组件时我们使用椭圆工具,一般不大用矩形工具。
按钮的形态跟鼠标有密切联系,鼠标在窗口中移动时,一般就是在寻找按钮。按钮的形态有三种,鼠标没有到来时的等待形态(向上),鼠标到来的形态(经过)和鼠标按下(向下)的形态,这样至少需要三个关键帧来制作按钮。
    下面来看一个例子,我们将制作一个圆形的按钮并通过鼠标来实验一下。
    选择“插入”菜单中的“新建组件”命令,新建一个以“圆按钮”为名称的按钮组件,此时进入按钮编辑状态,我们发现按钮是由四个关键帧组成的,除了“向上”、“经过”、“向下”外还有一个确定按钮范围大小的关键帧“执行”
    选择椭圆工具用绿色画一个正圆,删去外边框,打开排序面板,单击“到场景”(以场景为基准),再单击中间水平和垂直对齐圆。这是第一个形态,也就是鼠标还没有来,再在下一帧上插入关键帧,用油漆桶工具选一种亮绿色,也就是鼠标到来时颜色变亮,这是第二个形态。
在第三帧上插入关键帧,选择一种暗绿色的颜色,这是按下时的形态。
    我们可以总结一下,按钮的三种形态颜色是普通-亮-暗的变化,立体的变化是平坦-凸起-凹下,希望大家能充分利用。
第四帧先不使用(也就是先用默认值)
    单击“场景1”返回到场景中,打开“图库”我们发现图库中有一个手指形组件这就是我们的按钮,把它拖到工作区中(复制一个实例到工作区),按Ctrl和回车键测试影片,看一下当鼠标移向按钮时的形态变化。
    按Ctrl+W键回到场景中,双击按钮进入组件编辑工作区,我们来使用第四帧,选择第四帧,插入关键帧,用箭头工具的选项中的“比例”选项,将第四帧的圆拖大一些,按Ctrl和回车键测试影片,再用鼠标试一试按钮,可以发现按钮的变化范围变大了,第四帧的作用就像遮罩层一样,用来控制按钮的作用区,默认是同样大小。 

帧动作和按钮动作


    动作是指当满足某一个条件时,影片所作出的响应,如停止、提示、声音等等,在Flash中包括帧动作和按钮动作,专门有一个动作面板来设定。 

   帧动作是指当影片播放到某一帧时,所产生的动作,设定的方法是在帧上敲右键,选择“动作”命令,此时将弹出动作面板。 

    动作面板的左侧是各类动作列表,右边空白是已经设定的动作,在左侧双击一个动作就能够添加到右侧的面板中,在这一帧上会出现一个“a”表示这一帧上有动作。 

    下面来看一个例子,当影片播放到某一帧时就显示帧序号。 

    启动Flash,将影片速度设为1帧,选择文本工具,在场景中央单击一下鼠标(不要拖动),此时在场景中就会有一个文本框出现,打开字符面板设定好颜色和大小为24,再选择面板上的“文本”按钮,将“静态文本”改为“动态文本”,保持“单行”不变,在“变量”中起个名字x,设定好后,接下来从第二帧到第五帧都插入关键帧.        

    下面为五个帧添加帧动作,在文本框中显示出第几帧来。 

    选中第1帧,单击右键选择“动作”(或者时“窗口”菜单中的“动作”命令)打开动作面板。 

    单击左侧的“动作”打开动作层次,在下面找到“set variable”命令双击这个命令,添加到右边的命令行中,有一个醒目的红色,提醒我们要输入参数,在面板下方的“变量”中输入x,也就是我们的动态文本框的名字,在数值中输入1,也就是这是第一帧。 

    同样再选中第二帧,双击“set variable”,变量还是设为x,数值应该输入2,也就是这是第二帧。 

    同样设定后面三帧的动作,需要注意数值的输入。 

    再回到第一帧画一个红色小球,第二帧画黄色,第三帧画蓝色,第四帧画绿色,第五帧画紫色。这样就有五个不同的帧。 

    保存一下文件,按Ctrl和回车键测试影片,可以发现当播放到某一帧时,就会显示出这一帧的序号。 

    按钮动作跟帧动作类似,它主要是鼠标动作,也就是鼠标的单击、双击、拖动等。 

    下面通过一个例子来看一下,继续上一个影片,选中第一帧,再动作面板中打开“基本动作”,找到“停止”,双击给帧加一个停止动作,其他帧也同样加上“停止”动作,这样播放到每个帧都会停下来等待。 

    打开“共享图库”选择button(按钮组件),里面有许多按钮包,双击打开包,挑一个喜欢的按钮(比如gel right),拖到场景中第一帧里,在动作面板中,打开“动作”找到“on”命令双击加入(on就是当鼠标在上面时),下面的参数一般默认是“释放”也就是鼠标单击以后的意思。然后再在左边找到“play”双击加入到右边的命令行中,整个的命令就是当鼠标单击以后就play(播放)。 

    将这个按钮复制到各个帧里,用“粘贴到新位置”命令,这样每一帧里都有一个按钮了。 

    保存一下文件,按Ctrl和回车键,测试一下影片,看看效果如何。 

    本节主要讲述了帧动作和按钮动作,帧动作要先选择一个关键帧,按钮动作要先选择一个按钮,动态文本有一个变量名,文本框的内容随着变量的值改变而改变。 

    (如果没有出现变化的数字,请安装Flash网页插件) 

添加声音
    好的音乐能够给影片锦上添花,能让作品产生质的飞跃,给人以美的感受。
    Flash中的音乐可以分为背景音乐、主题音乐、片头曲、MTV、结束曲等等。
    在Flash中声音作为一个组件保存到图库中,利用“文件”菜单中的“导入”命令可以将一个音乐文件导入到“图库”中。
    常见的音乐文件格式有波形文件(.Wav)、CD音乐(.Cda)、Mp3音乐(.Mp3),Midi文件(.Mid)、微软音乐(.Wma),wav文件和CD音质最好,Mp3和Wma是压缩文件体积小。
      我们一般导入Wav和Mp3音乐,其他格式的音乐文件要转换一下。
    使用音乐的方法跟使用其他组件相同,先用“文件”中的“导入”命令找到一个音乐文件导入到图库中,然后选择一个关键帧,将图库中的音乐组件拖到场景中,成功后会在帧上出现一个声波的图标。
    声音的控制有两种,一种是事件驱动播放(动作指令播放),一种是流式像水流一样自由播放。
    事件驱动播放音乐可以独立播放,即使影片已经停止音乐也可以继续播放,流式播放可以很好的跟影片同步,影片停止音乐也停止,可以从音乐的任何位置开始播放。
    下面来看一个例子,启动Flash,在第1帧里输入文字“我的音乐”
    选择“文件”菜单中的“导入”命令,在弹出的对话框中的“查找范围”地址栏中单击鼠标左键,选择“C:盘”中的“Windows”中的“media”文件夹选择“The Microsoft Sound”文件(这是windows启动时的音乐),双击打开这个文件,文件就被导入到图库中了。 
    新建一个图层,选中第一帧,打开图库,从图库中把音乐拖到工作区中,这时候这一帧上就有一个声波。
    接下来编辑音乐,在第10帧上“插入帧”看一下音乐的长度,如果没到结尾在接着向后拖动第10帧,一直到声波的结尾,看一看音乐的长度,然后把图层1也加长到这一帧。
    单击图层2中的音乐,再打开“声音”面板在面板中可以看到在“声音”中是我们所选的声音文件,下面是它的文件属性“22kHz 单声道 ...”,“效果”中点一下“没有”会出现各种效果,“同步”中是事件,也就是事件驱动格式,单击一下旁边的按钮,里面还有“开始、停止、数据流”,开始是必须从头播放,停止是取消所有的播放,声波会消失,数据流是流式格式,可以任何位置播放。
    下面试一试“同步”中的各种效果,用回车键播放不要用测试影片,依次选择“事件、开始、停止、数据流”每次试一试从第一帧和从第10帧的播放效果。
    在“声音”面板中的右边有一个“编辑”选项,单击可以进入声音的编辑框。
    单击“编辑”进入编辑框,从上到下最上面是“效果”现在还没有,下面是两个声道工作区白色部分是表示音乐的长度,二者之间是时间轴,左下角有一个播放按钮和一个停止按钮,可以测试声音的效果。
    右边有四个按钮,当前选中的是“时间”(一个表),单击旁边的“小格子”选中“帧”,时间轴上显示出帧序号,旁边的两个是放大镜和缩小的,单击缩小可以显示更多的帧。
    在声道工作区的左上角有一个控制点(白色的小方块)连着一条线,单击线可以添加控制点,把点拖出工作区可以删除点。它们是用来控制音量高低的。一般音乐是两边低中间高的效果,在第一个控制点旁边线上点一下左键,添加一个控制点,再把第一个控制点向下拖一点形成一个斜坡,这是最上边的“效果”中就出现“自定义”同样把最后结尾也设成一个斜坡,单击左边“播放”按钮试听一下效果,不满意就在修改。
    在“时间轴”的白色区域音乐开始和音乐结尾处各有一个界标,分别是音乐的起点和终点,拖动它可以改变音乐的长度,可以选取音乐的一段,从而节省文件大小。把结尾向前拖上20帧,播放一下听听效果。
    修改好后单击“确定”返回到场景中。注意添加声音后文件会变得很大,机子速度会变慢,操作时要仔细。
    下面来做一个练习。我们制作出一段MTV来。
    选择“文件”中的“关闭”,保存一下前面的文件,再新建一个影片。
    MTV由歌曲和歌词组成,先导入歌曲“盛夏的果实”,歌词是“也许放弃才能靠近你,不再见你你才会把我记起,时间累积这盛夏的果实,回忆里寂寞的香气,我要试着离开你,不要再想你,虽然这并不是我本意。”
  在每个有歌词的位置插入空白关键帧,让后用文本工具输入歌词,注意与歌曲同步,把声音属性改为“数据流”格式,在声音面板的“编辑”中找到音乐的最后一帧长度。 


[文章录入员:sky365]

相关文章 相关书籍:
本站推荐内容

近期主机类热搜关键词:
美国服务器 美国服务器租用 海外服务器租用 国外服务器租用

Flash
DreamWeaver
FrontPage
FireWorks
Flash
HTML
其它
电脑教程阅读排行
·Flash入门实例:水滴动画制作
·Flash MX 新的闪烁世界(...
·Flash基础教程:初学者应用的...
·Flash动画基础(入门必看)
·Flash基础教程:学Flash...
·初学flash守则
·Flash课件一网打尽
·教你做一个Flash的时钟
· Flash 动画技术<一...
·Flash Mx使用技巧十二则