WOWＦｌａｓｈ中的图层与帧（Ⅱ） |
|
本文作者:细沙先生 发布时间:2012-01-27 22:52 |
|
| 本文作者： 伍岭 ￡b啦星鱼塑熊iQ趔堕蛳g堕壁呈删巳幽里巫堡堡生整堕KEJtAND脚¨i刚2帧帧，是包括Flash动画在内的任何一种动画的核心。它决定了动画在时间和动作上的所有内容帧的数目和放映的速度决定了动画的整体长度。 对于帧的知识内容我们分两个部分讲解。2．1帧的类型帧的类型细分起来大约是五种，它们分别是：空帧、关键帧、普通帧、过渡帧、标签和注释。(图1)图11)空帧：空帧一般的理解就是什么东西都没有的帧。准确来说空帧根本不能称为帧，它只是时间线上的空白的矩形方框而已这个网游好，教材定义为：处于时间线上的栅格。当框里添进内容后空帧才成为帧。 2)关键帧：帧是动画的核心关键帧是核心的精髓相关。 只有用关键帧才能定义动画中元素的变化。我们知道在Flash中动画有两种形式，如同GIF动画形式的逐帧动画和矢量动画形式的过渡动画、动作过渡和形状过渡(也称图形过渡)。对于前者，理所当然的会用到关键帧，因为我们要对动画的每一帧进行独立的编辑对于后者，虽然Flash能自行计算起始和终止两帧之间的变化，不需要附加关键帧，但是起始处和终止处仍旧需要进行编辑加以状态的定义，因此起始关键帧和终止关键帧在过渡动画中是不可缺少的。大部分的关键帧是包含有内容的，没有内容自然是不可也是不需要编辑的。 但是关键帧也是可以为空的，我们称为空白关键帧。 那么空白关键帧和空帧到底又有什么不同呢?空帧是什么也没有，而空白关键帧往往是出于某种目的将物件移出动画而形成的或者是为了添加某些动作而有意设定的。我个人的理解就是它们两者间的差别就如同数学上“无”与“0”的差别一样。无论是关键帧还是空白关键帧都可以附带有动口特约撰稿人伍岭作，附加动作的关键帧表现为方框内添加了一个“Ot”的符号。3)普通帧：“普通帧”图层上关键帧后面的所有帧都被称为普通帧，Flash5中普通帧的最后一帧往往包含有一个白色小矩形标志来突显结束，这是以往的Flash版本中所未见的。普通帧总在关键帧的后面，与同一层中它前面的最后一个关键帧的内容相同。4)过渡帧：我们在前文中已经知道，在Flash中有两种过渡动画，分别是动作过渡和形状过渡。在动画制作中，我们利用动作过渡来处理动画中的图符、群组或文本框的尺寸、位置、旋转等等属性的改变利用形状过渡将一个简单形状变形，如将一个字母H变为黑色矩形。值得注意的是形状过渡仅仅对舞台级对象有效，对图符或群组无效，这点是相当难掌握的，具体的理解应该结合实例分析了。 如果在形状过渡中使用文字，首先需将文本分解，Flash中的分解命令为菜单栏“修改’’_“分解群组”，快捷键是“Ctrl+B”。一个场景中的多个对象的同时动作过渡需要为每个过渡使用一层。不能同时为同一层上的每一个对象都彼此设置相对独立的运动过渡。但是，你可以在同一层上为它们设置同一个过渡。 从上面的示图我们可以看出，过渡帧间隔于两个关键帧之间，关键帧间用黑色箭头表示运动的联系。只是在颜色上，动作过渡帧取浅紫色，而形状过渡帧取淡绿色，这也是实际操作中区别动作过渡和形状过渡的方法之一。另一种方法是在帧数面板中，选中动画的开始关键帧，然后看“变化”下拉菜单框中对动画类型的显示，这点在面板教程中已经提及，读者可以查阅上期的内容。由于动作过渡和形状过渡在实际操作中比较难于区别，所以经常会有弄混淆的时候同时由于误操作，也常常会出现丢失关键帧的情况。于是当出现错误的动画类型时，Flash会将过渡帧上的黑色箭头改为黑色虚线表示，这样当看见时间线面板中有黑色虚线出现，就表示你的某节动画出现了问题需要纠正。 5)标签和注释：标签，每个人都知道是做什么用处的。生活中我们利用标签来快捷的区分类似的事中国教育技术装备2002．6811皇墨：璺皇堕￡bi塑曼呈垡坚竺堡i翌堕里b坚ig坚皇鱼Eg坚i巳虫璺坠曛三二“胡蕊酒瓣．。‘jK过U物Flash中利用标签来快速的区分影片中的帧。 在后面的教程中我们会频繁的用到帧标签来在纷多的影片帧中跳转。 通过上期杂志的介绍我们知道如何给一个帧加上标签是在帧数面板中进行的，在文本框中写上标签名即可。这时时间线面板上新开传奇该帧将显示一个小红旗的标签图标。每一个合格的程序员都有一个良好的习惯，就是在程序中增添大量的注释，注释保留了程序员在书写时的想法以及程序进行过程，可以增加程序的可读性Flash中帧注释同样是优秀的闪客值得保留的“节目”。它们主要用于在影片的帧中写备注或是注解，用来解释当前动画的内容，保留突如其来的想法与创意，或是提示以后动画过程的进行。帧的注释的写法和标签写法略有不同，即在文本框中的注释文字的前面输入‘‘”，这样时间线面板中该帧不再显示“小红旗”，而是两条绿色的平行斜线，斜线后才跟随着注释的文字。在Flash影片输出中，帧标签会和其它的影片元素一起被输出。 所以帧标签应该尽可能的简短，建议在可行的条件下用“0～9”十个数字或“a～z”26个字母来表示。 然而注释只会存在于原文件中，而不会随影片的输出而输出，所以注释应尽可能的详实。在实际操作中，前一帧的标签和注释的文字内容往往被后一帧遮掩，这点在逐帧动画中尤其明显。然而你不用着急，只要你轻挪鼠标到写着标签或注释的帧上停留几秒钟，就会有一个显示标签或注释文字的提示出现，那时就一目了然了。2．2帧的操作1)选择帧：选择帧还是有一定的学问。如果是选择一个帧，鼠标单击你要选择的对象帧，选住后，对象帧突显。如果是要选择很多帧，那么首先一直按住“Ctrl”键不放，鼠标单击选中其中一帧，然后在按住“Ctrl”的同时按住“Shift”键，用鼠标选择其余的帧。这点要注意，就是“Ctrl+Shift”是操作系统默认的输入法切换键，所以使用中会出现输入法“不老实”的情况，各位如果觉得麻烦可以修改系统默认的输入法切换键，具体方法很多报刊杂志都有介绍。2)添加帧：在时间线面板上添加帧，需要根据不同的情况具体分析。如果是添加一个普通帧，那么需要选中一个时间线上的空帧，然后通过菜单栏“插入”。“帧”，或者是点击鼠标右键，从菜单中选择“插入帧”，此时普通帧被添加到了空帧的位置。这个快捷键的操作是“F5”。 82中国教育技术装备2002．6如果是添加一个关键帧，同样得先选中一个帧，通过菜单栏中“插入”_“关键帧”或是”空白关键帧”，如果之前选择的为空帧，则关键帧被添加到空帧的位置如果之前选择的为普通帧，则将普通帧转化为关键帧。3)删除帧：在时间线面板上选择要删除的帧，按“Del”键删除。值得注意的是并不是所有的帧按一下“Del”就可以删除为空帧，对于关键帧而言，第一下“Del”只能将其包含的内容删除而转化为空白关键帧，要转化为空帧还需要再按第二次“Del”才行。4)移动或复制新开传奇帧：移动或者复制帧与帧范围的操作在Flash中十分简洁。当你选择好了需要移动或是复制的帧或帧范围以后，可以直接用鼠标将它们拖放到合适的位置。当然你也可以用右键菜单下的“剪切帧”、“复制帧”和“粘贴帧”来组合完成这一个过程。5)添加帧动作：双击需要添加动作的帧，将弹出“帧动作面板”，在这个面板中你可以添加ActionScript(在以后的文章中ActionScript简称为AS)语法给这个帧定义动作。完成之后，在帧上会出现一个“仅”的标志。2．3特殊图层实例应用这一期的实例讲解我们要学习两个特殊形式的层的应用，它们是动作引导图层和遮罩图层。1)动作引导图层我们以导弹发射为例来“演习”一回。首先创建一个新的组件，名称为“火箭”，类型是图形组件。 现在我们在编辑面板上绘制一个“火箭”的图案。当然如果手头上有火箭或者导弹的现成图片，也可以直接引用，各位读者还可以借图2此摸索一下怎样往Flash中添加位图。图2就是手绘的火箭图案。 不过这里要提醒大家注传奇文章意的是最好把火箭头和中央十字对齐，这样会方便组件在场景中的编辑。 在时间线面板中给图层命名为“图像”，选中这一层，从右键菜单中选择“添加引导线”或者点击下方“添加引导图层”的按钮，这时在原来图层的上方会建立一个新层“引导线：图像”，用抛物线的图示来表示它的“身份”。在引导线图层绘制一条弧线来定义导弹运行的轨迹。你可以使用铅笔工具绘制，也可以画一个椭圆取其中的一段弧然后再调整，对于一道应用题可能还需要结合数据绘制精确的抛物线轨迹。弧线完成以后￡bi坚垦至垫塑竺垦堑Q盟鱼皇垦b堕ig坠鱼至g塑i乜塑望皇墨兰：塾堕KE凇NjDIAN翱将“火箭”这个组件放到“图像”图层的第一帧，火箭头对齐抛物线的起点，并旋转调整火箭的发射角度。(图3)然后在“图像’’图层第25图3帧按“F6”插入一个新的关键帧，调整该帧的火箭头对齐抛物线终点并旋转调整其落地的角度。最后完成如图4所示。豳4现在选中“图像”图层的第一帧，在帧数面板中选择变化为“动作”，于是这个引导线动画就基本完成了，读者可以按“Ctrl+Enter”键预览动画结果。在预览中读者朋友们可能会发现导弹的飞行总有那么一点别扭。 这里要注意了，当运动的组件不是中心对称图形，尤其是当运动组件是不规则图形时，为了使效果更加的真实，我们需要勾选“使路径适应”复选框。它可以保证运动过渡的对象组件在运动中与路径方向的相对角度不变。2)遮罩图层。遮罩图层相对于运动引导层可能更加难以理解，我们同样就一个具体效果讲解其功用。遮罩，就是设置一个遮掩视线的图层，使得被遮掩的图层总有一部分看得见一部分看不见，从而模拟出一个比较奇幻的环境来。 黑夜中，当你打着手电筒看路边的车牌你就会发现随着手电筒光圈的移动，总有一部分字由看不见变成看得见，而原本已经看见的字又会消失在黑暗中。在Flash中，这种效果被称为探照灯效果，实际上也就是遮罩图层的应用。首先我们制作手电筒的光圈。 在上期杂志中我们讲解了填充面板的知识，现在我们就要具体运用这些知识了。新建一个图形组件，命名为“灯光”。在编辑面板中绘制一个无边框的圆形，在填充颜色时选择填充面板的斜射线选项。 在这里点选颜色栏两端的标签可以在最右该网游此点确实不错边的颜色选择框中选择渐变两端的颜色点击颜色栏中部，可以为渐变色添加颜色标签。 然后我们用相同的方法构建一个新的组件“蒙板”，使得组件里的圆形比”灯光”组件略为小一点。之所以做两个，是为了更好的模拟手电筒光圈效果使其更加真实。这时，可以回到场景编辑窗口了。 这里我们需要三个图层，从上到下命名为“light”，“mask”和“masked”，在“masked”图层中我们输入一行文字“让课件闪亮智慧”，并把它调整到场景的中央位置。现在我们在心里面确定一下动画的长度60帧。 把“灯光”和“蒙板”两个组件依次放入“light”和“mask”两个图层中，它们的中心与“让”字中心对齐并分别在第60帧按“F6”插入结束关键帧确定动画长度。然后在这两层的正中间第30帧再按“F6”插入关键帧，调整这个帧的组件位置，使它们的中心和“慧”字的中心重合。 具体如图5、图6所示。图5图6调出帧数面板，在“light”和“mask”两层的第1帧和第30帧创建动作过渡动画，这样就完成了手电筒光圈的运动。选中“mask”图层，从右键菜单中选择“遮图7蔽”，“mask”图层就对它下面的“masked”图层产生一个遮掩的动作。于是，读者朋友按“Ctrl+Enter”就可以预览动画生成的探照灯效果了。最终生成的影片如图7。 在Flash5中，引导线(Guide)和遮罩(Mask)都是优秀的动画工具。熟练的运用这两个工具，往往会制作出连作者本人都目瞪口呆的效果来。在今后的实例讲解中我们还会反复的涉及它们的运用。(续完)中国教育技术装备2002．688。 本文《Ｆｌａｓｈ中的图层与帧（Ⅱ）》 --- 作者： 伍岭 |
|
| 上一篇：ＥＣＳ模拟教学在护生岗前培训中的应用 | 下一篇：Ｄｅｌｐｈｉ法预测高等医学职业技术学校专业设置的研究 |