Flash 实例 ─ 文字变形动画
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-13
|
文字在 Flash 中也可以做出很炫的变形动画，如图所示： 现在我们就来学习这样的动画是怎么做出来的！ (1)、打入文字 按下工具箱中的「文字」按钮，然后先在「Character」面板中输入字型、设定文字大小 (最好大一点，例如 72)、颜色，然后打出一段文字。 (2)、打散、加上外框 目前的文字是整个成为单一物件，但是我们要处理每个字元，因此请执行「Modify→Break Apart」，将文字打散。 然后按下工具箱中的「墨水瓶」按钮(注意，不是倒油漆工具)，这个工具按钮可以在图案上产生外框 (如果已经有外框，则可以用来改变外框颜色或粗细)，然后点在每一个字元上面，于是文字上便出现外框。 其实我们主要有用的是外框，因此请再使用「箭头」按钮，来点选每个文字的内部区域，再按下 Del 来删除内部图案，于是得到中空文字 (3)、将每个文字加入成影片元件 现在请使用「箭头」工具按钮，框选第一个文字：4，然后按下 F8 (插入角色元件)，于是出现「元件内容」对话方块 请在「Name」栏位中取一个名称，我们可以取和单一文字一样的名称，例如这里也是 4，然后在「Behavior」选项中选择「Movie Clip」(影片)。 然后您可以按下 Ctrl+L 来叫出「图库」(Library)面板，便可以看到一个影片元件：4 然后采取这个步骤，也将其他的文字设计成影片元件，以这里的例子来说，还有五个，因为有二个 e，但我们只要设计一个 e 的动画即可。 (4)、设计每个文字的变形动画 现在我们要设计每个文字的变形动画，我们的变形过程是：「让每个文字都从圆形变形成它原来的文字」，以 4 来说，就是从圆形变成 4。 因此，请在「Library」面板中，在某个影片符号图案上连按两下鼠标左键，于是进入影片的编辑画面。 然后在 20 影格处按下鼠标右键，并执行「插入关键画面」指令。 接著叫出「Frame」面板，然后按下「Tweening」(渐变)清单，并选择「Shape」(形状)，表示我们要设计形状变化的动画，长度是 20 格。 这个时候，您可以在时间轴的 1－20 格中看到一条箭头指标，表示这一段 20 格已经具有动画的本质。 接下来的动作，就是重头戏了，而且也考验我们的耐心和操作功力，我们要将文字上的线条都「拉成圆弧状」，也就是让文字变成一个圆形。 现在，我们就开始使用「箭头」工具，直接拖曳其中的某个线条往外，如图： 慢慢地，将文字中的每个线条都往外拉成弧状(而且都是在第 20 格)，如图： 但无论我们的手多厉害，也没办法拉出一个完全圆形或椭圆的形状，没关系，当文字差不多成为圆弧状时，请框选整个文字，如图： 然后在曲线上按下鼠标右键，再执行「Straighten」(拉紧) 指令。 这个指令，是将曲线拉紧而不是拉直，所以能够产生真正圆形或椭圆的效果。 万一您执行「Straighten」指令，却无法让曲线完全变圆，那么您应该再调整圆弧曲线，尽可能让曲线接近圆形，执行这个指令才有用。 (5)、倒转影格(Reverse Frames) 不过，我们所要的动画效果，和现在的动画过程刚好相反，我们要的是「圆形变成文字」，而不是现在的「文字变圆形」，因此请选取整个影格(1－20格)，然后按下鼠标右键，再执行「Reverse Frames」(倒转影格) 指令。 (6)、完成 因此采取这个方法，我们可以将每个文字设计成一段动画影片，然后在场景中放置它们出场的影格位置，就可以设计出一串文字变形的动画。 甚至您还可以在文字影片符号中涂上渐层颜色，在做变形动画时，可以产生更棒的视觉效果。 关键词：动画 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: Flash 动作脚本之:资料速查(16)下一篇: Flash 动作脚本之:资料速查(9)
关于Flash 实例 ─ 文字变形动画的所有评论
