1、一1、新建一文档。 2、适当修改文档属性。(如尺寸:400200,背景为白色)。 3、在舞台中用适当的字体、颜色输入文本“www.F”。如图 2.4.1 所示。图 2.4.1 在舞台中键入文档 4、单击文档,按一次“Ctrl+B”将文档分离为单一文字。分别将每个文字按 F8 转换为图形元件,名称就是文字本身(比如先把w 字按 F8 转为符号,那它的名称就是w)如图2.4. 2 所示。 图 2.4. 2 转化为影片剪辑 5、Ctrl+A 全选后,单击右键菜单【分散到图层】命令或按“Ctrl+Shift+D”分布到层。此时的时间轴为 2.4.3 所示。 图 2.4.3 【分散到图层 】后的时间轴
2、6、选中所有层的第 30 帧,插入一关键帧。将第 30 帧做为当前帧,“Ctrl+A”全选舞台中的元件后,整体向上移动一段距离。如图 2.4.4 所示。 图 2.4.4 设置第 30 帧内容位置 7、分别选中每一图层第 30 帧的影片剪辑,单击【修改】 |【变形】|【水平翻转】把每个影片剪辑翻转。并向中间稍后的地方移动一下。如图 2.4.5 所示。 图 2.4.5 水平翻转 8、给每一个图层的第 1 帧与第 30 帧之间作移动渐变动画。并且在此选中各个图层的第 30帧的影片剪辑的透明度为 0。如图 2.4. 6 所示。 图 2.4.6 制作移动渐变动画 9、从第 2 图层起,在时间轴上每个图层
3、的移动渐变动画整体向后移动 5 帧。如图 2.4.7 所示。 图 2.4.7 依次向后移动 5 帧 10、保存,测试。请参考源文件 风吹字效果.fla注 意 制作风吹字效果文字越多效果越好。所以朋友们尽量选用字数多的文本来制作。 提 示 可以利用鼠标选中最上层的第 30 帧然后向下拖动,这样就会选择所有图层的第 30 帧。 技 巧 对于内容相同的影片剪辑,我们只要转化一次就可以了。使用的时候可以重复从库中调用。 试一试 朋友们可以改动步骤 7 中的把影片剪辑移动大其他地方,看看有什么效果?特别提示 由于本例附带讲解【分散到图层】,所以把文本中的三个“w”都转化为影片剪辑了,朋友们可以只转化一次
4、重复调用。 进一步逼真的制作风吹字效果,可以从第 2 图层开始,把各层的影片剪辑复制到第 1 帧中。参看源文件 风吹字效果 2.fla 特别说明在这个事例中,我们学习了使用【修改】|【变形】| 【分散到图层】的操作技术,以及合理的利用时间线来制作依次渐变的效果。二 描边字图 2.4.8 问题的效果 解决思路 有人可能会说,这个简单嘛,用墨水瓶描个边出来,线条转填充再用柔化边缘就好了。其实这里有一个小小的技巧的,如果弄不好就会变成这样:如图 2.4.9 所示。 图 2.4.9 利用墨水瓶工具直接制作出的效果 解决的思路是我们可以利用多个图层通过透明度的变化来完成。 具体步骤 1、运行 Flash
5、 MX 2004,设置文档属性,背景黑色,尺寸 550*150 像素。 2、在舞台中键入静态文本“flash8” ,选择线条比较宽的字体。如图 2.4.10 所示。 图 2.4.10 输入文本 3、按 “Ctrl;+B”两次把文本分离矢量化。 4、新建四个图层,把第 1 图层的内容拷贝到每个图层的第 1 帧。如图 2.4.11 所示。 图 2.4.11 拷贝到每个图层中 5、单击工具栏里面的【墨水瓶】工具在图层 5 进行描边,线条颜色白色,大小 2 磅,透明度 100%。如图 2.4.12 所示。 图 2.4.12 图层 5 6、图层 4 描边,颜色白色,大小 4 磅,透明度 80%。如图 2
6、.4.13 所示。 图 2.4.13 图层 4 7、图层 3 描边,颜色白色,大小 6 磅,透明度 60%。如图 2.4.14 所示。 图 2.4.14 图层 3 8、图层 2 描边,颜色白色,大小 8 磅,透明度 40%。如图 2.4.15 所示。 图 2.4.15 图层 2 9、图层 1 描边,颜色白色,大小 10 磅,透明度 20%。如图 2.4.16 所示。 图 2.4.16 图层 1 10、分别删除每一个图层的绿色文字图形,最后效果如图 2.4.17 所示。 图 2.4.17 最后完成效果 11、保存,请参考源文件 描边文字.fla注 意 在改变【墨水瓶】描边的线条透明度的时候,一定
7、要注意【混色器】中你选择的是【线条】还是【填充】。 提 示 这个效果其实就是利用改变线条透明度做的一个变化,是从改变填充透明度的效果转化过来的。 技 巧 我们还可以利用另外一种方法来制作,第 1 图层用【墨水瓶】描边以后,删除原来的绿色文字,然后再复制其他图层。 试一试 在本例中没有改变填充线条的位置,朋友们可以在完成以后分别改变各图层中的线条的位置,看看有什么效果。 分 析利用线条的透明度来进行描边效果的制作,要比图 2.4.8 直接进行描边的效果好得多。在视觉上有一个变化。 特别提示 本例源文件是一个没有动态效果的描边文字,朋友们在应用的时候,可以把这个文字效果制作在影片剪辑或图形元件中,
8、这样就可以利用 FLASH 的其他动画技术来完成一个具有动态效果的文字特效了。 特别说明用【墨水瓶】进行文字描边的时候,遇到笔画比较细的文字,往往会弥合在一起。我们可以新建一层,把原始的文字图形拷贝其中,放在最上方,就会解决这个问题了。 朋友在制作这个效果的时候,经常用【柔化边缘】功能来制作,这里使用线条,而不把线条转为填充在柔化边缘,是因为在做一些笔画比较多的文字的时候,柔化边缘会互相交叉造成效果混乱 相关问题如何制作立体感文字效果? 我们可以利用刚才介绍的技术,稍稍改变一下就可以完成。如图 2.4.18 所示。具体的做法我向朋友们一看就明白了,这里就不累述了。 图 2.4.18 立体感文字
9、效果三 旋转文字1、运行 Flash MX 2004,文档属性默认。 2、单击文本工具在舞台中输入一个“F”。如图 2.4.19 所示。 图 2.4.19 输入文字 3、单击工具栏里面的【自由变形】工具,把文档的变形点移动到合适位置。如果 2.4.20所示。 图 2.4.20 移动文档的中心点 4、单击【窗口 】|【设计面板】| 【变形】命令,打开变形面板。设置旋转角度 36 度,并选择【复制并应用变形】。如图 2.4.21 所示。 图 2.4.21 设置变形面板 5、连续点击【 复制并应用变形】,进行 36 度角复制。如图 2.4.22 所示。 图 2.4.22 36 度角复制 6、选中每个
10、单独文字文文本,利用文档工具改变文本内容。如图 2.4.23 所示。 图 2.4.23 改变文本内容 7、全选舞台中的所有文字,使用 F8 件转换为图形元件,命名为“旋转文字” 。如图 2.4.24所示。 图 2.4.24 转化为图形元件 8、在时间轴的的第 30 帧插入关键帧,并在第 1 帧与第 30 帧中任何一帧“创建补间动画” 。如图 2.4.25 所示。 图 2.4.25 创建补间动画 9、在场景的属性面板中设置动画旋转参数,如图 2.4.26 所示。 图 2.4.26 属性面板设置 10、保存发布,完成。请参看源文件 旋转文字效果.fla注 意 在【拷贝并应用变形】之前一定要改变文本
11、的中心点位置,不然就不会制作出环绕的文字了。 提 示 所使用的文本最好是同一大小的,这样旋转起来不会有视觉错误。我例提供的源文件为了说明这一点,没有全部使用英文大写格式。 技 巧 制作旋转文字的时候一定要预先计算你的文字数量,然后被 360 所整除,这样才可以实现效果。 试一试 我们还可以加入简单的透明度变化,或者在“ 旋转文字”图形元件的上一层中心加入标志,朋友们不妨试一试。 分 析FLASH MX2004 给我们提供了【变形】面板用起来十分简单,如果不用这个功能的化,在 FLASH 里面我们只能按照预先绘制的圆形分别利用【自由变形】工具调整每个文本的角度,这样做不仅麻烦,而且不准确。 特别
12、提示 本例的源文件是把效果直接制作在场景中,朋友们也可以把效果制作在影片剪辑中,然后放入主场景,这样就可以循环播放了。 特别说明我们在这里问题解答中学习了【变形】面板的知识,朋友们在做“文字旋转效果” 的时候往往是考虑利用其他软件来制作环形排绕,其实 FLASH MX 里面有许多功能是非常简单易用的。四 手写文字1、运行 Flash MX 2004 ,文档属性默认。 2、在舞台中,输入静态文本“闪吧”。文本黑色,大小 150 像素。单击文本并使用两次“CTRL+B”分离成矢量图。如图 2.4.27 所示。 图 2.4.27 把文本矢量化 3、 按 F6 键在第 2 帧插入关键帧,单击工具栏里面
13、的 【橡皮】工具,擦除“吧”字最后笔画的一小部分。如图 2.4.28 所示。 图 2.4.28 第 2 帧 4、按照第 3 步骤依次新建关键帧同时擦除文字图形的一部分。如图 2.4.29 至图 2.4.38 所示。 图 2.4.29 第 3 帧 图 2.4.30 第 4 帧 图 2.4.31 第 5 帧 图 2.4.32 第 10 帧 图 2.4.33 第 20 帧 图 2.4.34 第 30 帧 图 2.4.35 第 40 帧 图 2.4.36 第 50 帧 图 2.4.37 第 60 帧 图 2.4.38 第 70 帧 5、当把“闪吧” 这个文字图形全部擦除以后,利用鼠标选择全部关键帧,使
14、用右键菜单【翻转帧】,使第 1 帧变为最后帧。这样我们也得到了正常的书写顺序。 6、保存测试,完成。请参看源文件 手写字效果.fla注 意 在制作这个效果的时候一定要时时考虑文字的笔画顺序,不然制作出来的效果笔顺就不对了。 提 示 实用【翻转帧】我们可以轻易把帧的顺序改变。 技 巧 对于手写文字效果来说,使用的关键帧越多,那么制作的效果就越细腻。本事例效果是使用了 111 帧来完成的。 试一试 朋友们可以试一试手写文字的效果,锻炼一下我们制作 FLASH 的耐心。逐帧动画的高强度工作量需要我们的耐心。 分 析 手写文字效果是比较典型的逐帧动画技法的应用。当然也可以利用形状渐变动画来完成,甚至可
15、以用遮罩效果来制作。但是从制作难易,理解程度等方面来说,利用逐帧动画来做是比较科学的。 特别说明我们在这一个问题的讲解中向大家介绍了手写文字的动画效果,初步的了解了逐帧动画的制作方法,并且使用了 Flash MX 2004 的一个功能-【翻转帧】。手写文字效果有一个显著的特点,这个效果所使用的文字都是楷书,行书,草书等类似手写字。效果也同样是模拟书写效果,所以在制作这个效果的时候要注意手写字抑扬顿挫的特点,笔画转折的地方要有停顿,提勾的地方速度要快一点,可以利用增加相同的关键帧来制作停顿效果。 相关问题手写字的另一种制作方法-形状渐变动画是怎么实现的? 制作的方法大体上与上个事例中的方法相同,
16、只是省略几处关键帧,并利用形状渐变动画来完成关键帧之间的动画连接。因为这种方法需要调整形状渐变两个关键帧的扩张大小,所以要比上面介绍的逐帧动画还要麻烦,不推荐使用。五 打字效果1、运行 Flash MX 2004,设置文档属性,背景黑色,帧频 8 帧/秒。 2、在舞台中输入静态文本“艺术作为一种想象的珍品和理想的寄托,几乎是随着人类社会生活的开始而产生,她始终是人力最忠诚的一位精神伴侣,同人类休戚与共,心心相印”。为了模拟 DOS 下的文字输入,使用亮绿色 #00FF00,字体大小 18 像素,字体黑体。如图 2.4.39 所示。 图 2.4.39 输入静态文本 3、按组合键“CTRL+B”把
17、文本分离成单独文字,记住是使用一次组合键。如图 2.4.40 所示。图 2.4.40 变为单独文本 4、数清一共有多少个字,然后插入多少关键帧,本例的效果是 147 字(包含标点),12个空格,所以共插入 159 个关键帧。 5、删除第 1 帧、第 2 帧的内容,做开始有停顿感的效果。第 3 帧删除“艺”以外的字。如图2.4.41 所示。 图 2.4.41 第 3 帧 6、按照第 5 步骤的方法设置其他关键帧。部分效果如图 2.4.42 至图 2.4.44 所示。图 2.4.42 第 4 帧 图 2.4.43 第 30 帧 图 2.4.44 第 100 帧 7、创建一个影片剪辑,命名为“光标”
18、,利用矩形工具划一个无边框的亮绿色光标形状的矩形。 8、复制四帧,在第 2 帧,第 4 帧转为空白关键帧。 9、回到场景 1,新建一个图层,命名为 “光标层”。从库面板中把“光标” 影片剪辑拖动到对应文字的后一个文字的下方位置。如图 2.4.45 所示。 图 2.4.45 光标放置位置 10、按照第 9 步骤分别设置“光标层” 各帧的位置。 11、保存测试,完成,参看源文件 打字效果.fla注 意 制作打字效果中使用的字数太多的化,会战用 CPU 的资源,以致运算速度下降,出现停滞的现象。 提 示 设置 8 帧/秒只是为了让朋友练习一下 FLASH 文档的属性,体会一下不同帧频的效果,并无特别
19、意义。 试一试 朋友们利用本节讲到的知识自己尝试一下,非常简单实用。 分 析 光标一定要放置在将要显现的文字下面,这样才有真实的效果。把光标制作成影片剪辑的目的是利用影片剪辑的特性,可以独立于时间线播放,最后闪动的效果就是体现了他的特性。 特别提示 本例提供的源文件是使用 8 帧/秒的帧频,如果朋友们使用正常的帧频会感觉到效果的速度很快,这样你可以把每一个关键帧延长一帧,以减慢打字效果的速度。 特别说明通过制作打字效果的学习,我们了解了逐帧动画可以适应很多的效果。也真实的感受到了逐帧动画在文档体积上的缺点。我们制作的这个简单的事例虽然发布以后只有 47KB,但是他的源文件却有 2,783KB,
20、可以说给我们制作带来了不便,其原因就是使用了太多的关键帧。而且过多的重复使用一个元件,以及关键帧的增加也会给 CPU 带来负担。 相关问题如何利用遮罩来实现打字效果? 刚才我们介绍了利用逐帧动画来实现打字效果,其实一个效果是可以用许多方法来实现的。例如这个打字效果还可以利用遮罩的技术来实现。 新建一个 Flash 文档,属性默认。在舞台中输入静态文本“艺术作为一种想象的珍品和理想的寄托”。然后新建一层,绘制一个与文本等大的矩形,分别在第,帧插入关键帧,并把矩形一次在每个关键帧上遮挡住一个字。延长第图层的文字至第帧。回到矩形图层,利用鼠标右键的【遮罩层】创建一个遮罩层。 保存测试,我们发现这种方
21、法制作的打字效果与逐帧动画制作的效果没有什么大的区别。虽然同样使用了逐帧技术,但是制作的思路却实相反的。我们还可以利用形状渐变动画技术来制作这种打字效果,利用 Flash ActonScript 也可以实现。从这里我们可以看出,同样的效果只要我们动脑筋就会用不同的制作方法去实现。六 洋葱皮式虚影文字1、运行 Flash MX 2004,设置文档属性,背景为黑色。 2、在舞台中键入文本“WWW.FLASH8.NET”。并转换为图形元件,命名为“文字”。如图2.4.46 所示。 图 2.4.46 输入文本 3、单击【插入 】|【新建元件】命令,新建一个名称为“移动渐变”的影片剪辑,并进入编辑区。
22、4、在影片剪辑编辑区,把图形元件“文字”从库中拖放到场景中,利用【对齐】面板设置与编辑区中央。如图 2.4.47 所示。图 2.4.47 把图形元件投放到影片剪辑中 5、单击第 10 帧插入关键帧,打开【窗口】| 【设计面板 】|【变形】命令,打开【变形】面板,设置放大 300%。并创建补间动画。如图 2.4.48 所示。 图 2.4.48 第 10 帧放大 6、选择第 1 帧的元件,在下面的属性面板中设置元件的透明度为 0。如图 2.4.49 所示。 图 2.4.49 设置元件的透明度 7、返回到场景 1,把第 1 层中的元件删除,并新建四个图层,名称默认。 8、分别把“移动渐变” 影片剪辑
23、从库中拖放到每个图层的第一帧,可以利用【对齐面板】进行位置校对。并在每个图层中延长 10 帧。如图 2.4.50 所示。 图 2.4.50 时间线的设置 9、选择图层 2 的第 1 帧至第 10 帧,向后移动 1 帧。以此类推,分别移动图层 3,图层4,图层 5 的帧。如图 2.4.51 所示。 图 2.4.51 各图层向后移动 1 帧 10、最后完成的时间轴如图 2.4.52 所示。 图 2.4.52 时间轴 11、保存测试,完成。请参考源文件 虚影文字效果 3.fla注 意 为了达到图层 1 在动画效果没有结束前依然可见,把图层 1 延长到第 14 帧。提 示 把“ 移动效果”影片剪辑拖放
24、到场景中的时候,因为第 1 帧的透明度为 0,所示是看不到的,我们可以利用【对齐】面板来调整到同一位置。 技 巧 重复使用的效果,我们可以做成元件,这样可以多次从库中调用。 试一试 朋友们根据上例所讲到的知识,做一个旋转的虚影文字效果。 分 析这个文字效果是利用时间线的播放顺序来完成的。延迟,重复播放一个动画效果,就产生了虚影效果。另一种方法可以利用 FLASH ActionScript 来完成。 特别提示 本例提供的源文件是按照上述方法改动过以后的,我们做的“移动渐变” 影片剪辑有 10 帧的动画效果,但是主场景中的第 1 层有 14 帧,根据影片剪辑的特点,这一层的影片剪辑会重复播放的。整
25、个的文字动画效果就会很不协调。所以把“移动渐变” 影片剪辑向后延长了4 帧,请参考提供的源文件“虚影文字效果”。 特别说明通过本例的学习,我们了解了通过时间线的延迟来播放同一个动画效果可以产生虚影的技术。我们还可以在主场景的时间线上面做文章,例如作旋转,做移动,等等,会产生很多奇妙的视觉效果的。七 探照灯1、运行 Flash MX 2004,设置文档属性,背景黑色 . 2、把图层 1 命名为 “文字亮”图层,在第 1 帧键入静态文本 ,文本颜色白色,并拷贝。如图 2.4.53 所示。3, 新建图层“ 文字暗”,单击右键【粘贴到当前位置】命令,把 粘贴到原来位置。并改变文本颜色为深灰色。如图
26、2.4.54 所示。 图 2.4.54 图层“文字暗 ” 4、新建一个图形元件,命名为“光”。在编辑区里面画一个放射状填充的圆形。如图 2.4.55所示。 图 2.4.55 放射状填充的圆形 5、返回到场景 1,新建图层 “遮罩”层。把“光”图形元件拖动到第 1 帧,调整其在场景中的位置。如图 2.4.56 所示。 图 2.4.56 第 1 帧的位置 6、在“ 遮罩”图层的第 70 帧插入关键帧,并调整场景中“光”图形元件的位置。如图 2.4.57所示。 图 2.4.57 设置第 70 帧中元件的位置 7、创建移动渐变动画。并把“遮罩”图层移动到“ 文字亮”图层的下面,在“文字亮”图层创建遮罩
27、。如图 2.4.58 所示。 图 2.4.58 时间线设置 8、保存测试。请参看源文件 探照灯效果.fla特别说明本例为一个简单的遮照效果,通过对上面亮文字图层的遮罩来完成探照灯效果。由此制作原理可以演变成多种效果,大家不妨开动脑筋,试试看。 其中的“光”元件的绘制,是采用了透明度的变化,以增强探照灯光线边缘的效果。八 电影字幕1、运行 Flash MX 2004 ,设置文档属性,黑色背景。 2、单击矩形工具在舞台中画一个无边框的矩形,并填充线性渐变色。如图 2.4.59 所示。 图 2.4.59 线性填充的矩形 3、单击工具栏里面的【填充变形工具】巴举行的垂直填充改变为水平填充。如图 2.4.60所示。 图 2.4.60 调整填充 4、新建一个新图层,命名为“文字层”,在第 1 帧键入静态文本“古典主义创作方法产生于十七世纪的法国,随后风靡于整个欧洲,十七世纪的法国,资本主义有了相当的发展。当时,法王路易十四压制了政治上的反对派,实行中央集权的君主专制统治,同封建割据状态作斗争” 文本颜色随意,并转化为图形元件。如图 2.4.61 所示。 图 2.4.61 把文本转换为图形元件 5、在“ 文字层” 的第 60 帧插入关键帧,并创建补间动画。 6、单击 “文字层 ”第 1 帧,把“ 文字”图形元件移动到舞台的下方。如图 2.4.62 所示。