




已阅读5页,还剩66页未读, 继续免费阅读
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
一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【分散到图层】后的时间轴 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图层起,在时间轴上每个图层的移动渐变动画整体向后移动5帧。如图2.4.7所示。 图2.4.7依次向后移动5帧 10、保存,测试。请参考源文件风吹字效果.fla注意制作风吹字效果文字越多效果越好。所以朋友们尽量选用字数多的文本来制作。 提示可以利用鼠标选中最上层的第30帧然后向下拖动,这样就会选择所有图层的第30帧。 技巧对于内容相同的影片剪辑,我们只要转化一次就可以了。使用的时候可以重复从库中调用。 试一试朋友们可以改动步骤7中的把影片剪辑移动大其他地方,看看有什么效果? 特别提示 由于本例附带讲解【分散到图层】,所以把文本中的三个“w”都转化为影片剪辑了,朋友们可以只转化一次重复调用。 进一步逼真的制作风吹字效果,可以从第2图层开始,把各层的影片剪辑复制到第1帧中。参看源文件风吹字效果2.fla 特别说明在这个事例中,我们学习了使用【修改】|【变形】|【分散到图层】的操作技术,以及合理的利用时间线来制作依次渐变的效果。二 描边字图2.4.8问题的效果 解决思路 有人可能会说,这个简单嘛,用墨水瓶描个边出来,线条转填充再用柔化边缘就好了。其实这里有一个小小的技巧的,如果弄不好就会变成这样:如图2.4.9所示。 图2.4.9利用墨水瓶工具直接制作出的效果 解决的思路是我们可以利用多个图层通过透明度的变化来完成。 具体步骤 1、运行FlashMX2004,设置文档属性,背景黑色,尺寸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.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注意在改变【墨水瓶】描边的线条透明度的时候,一定要注意【混色器】中你选择的是【线条】还是【填充】。 提示这个效果其实就是利用改变线条透明度做的一个变化,是从改变填充透明度的效果转化过来的。 技巧我们还可以利用另外一种方法来制作,第1图层用【墨水瓶】描边以后,删除原来的绿色文字,然后再复制其他图层。 试一试在本例中没有改变填充线条的位置,朋友们可以在完成以后分别改变各图层中的线条的位置,看看有什么效果。 分析利用线条的透明度来进行描边效果的制作,要比图2.4.8直接进行描边的效果好得多。在视觉上有一个变化。 特别提示 本例源文件是一个没有动态效果的描边文字,朋友们在应用的时候,可以把这个文字效果制作在影片剪辑或图形元件中,这样就可以利用FLASH的其他动画技术来完成一个具有动态效果的文字特效了。 特别说明用【墨水瓶】进行文字描边的时候,遇到笔画比较细的文字,往往会弥合在一起。我们可以新建一层,把原始的文字图形拷贝其中,放在最上方,就会解决这个问题了。 朋友在制作这个效果的时候,经常用【柔化边缘】功能来制作,这里使用线条,而不把线条转为填充在柔化边缘,是因为在做一些笔画比较多的文字的时候,柔化边缘会互相交叉造成效果混乱 相关问题如何制作立体感文字效果? 我们可以利用刚才介绍的技术,稍稍改变一下就可以完成。如图2.4.18所示。具体的做法我向朋友们一看就明白了,这里就不累述了。 图2.4.18立体感文字效果三 旋转文字1、运行FlashMX2004,文档属性默认。 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.2236度角复制 6、选中每个单独文字文文本,利用文档工具改变文本内容。如图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注意在【拷贝并应用变形】之前一定要改变文本的中心点位置,不然就不会制作出环绕的文字了。 提示所使用的文本最好是同一大小的,这样旋转起来不会有视觉错误。我例提供的源文件为了说明这一点,没有全部使用英文大写格式。 技巧制作旋转文字的时候一定要预先计算你的文字数量,然后被360所整除,这样才可以实现效果。 试一试我们还可以加入简单的透明度变化,或者在“旋转文字”图形元件的上一层中心加入标志,朋友们不妨试一试。分析FLASHMX2004给我们提供了【变形】面板用起来十分简单,如果不用这个功能的化,在FLASH里面我们只能按照预先绘制的圆形分别利用【自由变形】工具调整每个文本的角度,这样做不仅麻烦,而且不准确。 特别提示 本例的源文件是把效果直接制作在场景中,朋友们也可以把效果制作在影片剪辑中,然后放入主场景,这样就可以循环播放了。 特别说明我们在这里问题解答中学习了【变形】面板的知识,朋友们在做“文字旋转效果”的时候往往是考虑利用其他软件来制作环形排绕,其实FLASHMX里面有许多功能是非常简单易用的。四 手写文字1、运行FlashMX2004,文档属性默认。 2、在舞台中,输入静态文本“闪吧”。文本黑色,大小150像素。单击文本并使用两次“CTRL+B”分离成矢量图。如图2.4.27所示。 图2.4.27把文本矢量化 3、按F6键在第2帧插入关键帧,单击工具栏里面的【橡皮】工具,擦除“吧”字最后笔画的一小部分。如图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、当把“闪吧”这个文字图形全部擦除以后,利用鼠标选择全部关键帧,使用右键菜单【翻转帧】,使第1帧变为最后帧。这样我们也得到了正常的书写顺序。 6、保存测试,完成。请参看源文件手写字效果.fla注意在制作这个效果的时候一定要时时考虑文字的笔画顺序,不然制作出来的效果笔顺就不对了。 提示实用【翻转帧】我们可以轻易把帧的顺序改变。 技巧对于手写文字效果来说,使用的关键帧越多,那么制作的效果就越细腻。本事例效果是使用了111帧来完成的。 试一试朋友们可以试一试手写文字的效果,锻炼一下我们制作FLASH的耐心。逐帧动画的高强度工作量需要我们的耐心。分析手写文字效果是比较典型的逐帧动画技法的应用。当然也可以利用形状渐变动画来完成,甚至可以用遮罩效果来制作。但是从制作难易,理解程度等方面来说,利用逐帧动画来做是比较科学的。 特别说明我们在这一个问题的讲解中向大家介绍了手写文字的动画效果,初步的了解了逐帧动画的制作方法,并且使用了FlashMX2004的一个功能-【翻转帧】。手写文字效果有一个显著的特点,这个效果所使用的文字都是楷书,行书,草书等类似手写字。效果也同样是模拟书写效果,所以在制作这个效果的时候要注意手写字抑扬顿挫的特点,笔画转折的地方要有停顿,提勾的地方速度要快一点,可以利用增加相同的关键帧来制作停顿效果。 相关问题手写字的另一种制作方法-形状渐变动画是怎么实现的? 制作的方法大体上与上个事例中的方法相同,只是省略几处关键帧,并利用形状渐变动画来完成关键帧之间的动画连接。因为这种方法需要调整形状渐变两个关键帧的扩张大小,所以要比上面介绍的逐帧动画还要麻烦,不推荐使用。五 打字效果1、运行FlashMX2004,设置文档属性,背景黑色,帧频8帧/秒。 2、在舞台中输入静态文本“艺术作为一种想象的珍品和理想的寄托,几乎是随着人类社会生活的开始而产生,她始终是人力最忠诚的一位精神伴侣,同人类休戚与共,心心相印”。为了模拟DOS下的文字输入,使用亮绿色#00FF00,字体大小18像素,字体黑体。如图2.4.39所示。 图2.4.39输入静态文本 3、按组合键“CTRL+B”把文本分离成单独文字,记住是使用一次组合键。如图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、创建一个影片剪辑,命名为“光标”,利用矩形工具划一个无边框的亮绿色光标形状的矩形。 8、复制四帧,在第2帧,第4帧转为空白关键帧。 9、回到场景1,新建一个图层,命名为“光标层”。从库面板中把“光标”影片剪辑拖动到对应文字的后一个文字的下方位置。如图2.4.45所示。 图2.4.45光标放置位置 10、按照第9步骤分别设置“光标层”各帧的位置。 11、保存测试,完成,参看源文件打字效果.fla注意制作打字效果中使用的字数太多的化,会战用CPU的资源,以致运算速度下降,出现停滞的现象。 提示设置8帧/秒只是为了让朋友练习一下FLASH文档的属性,体会一下不同帧频的效果,并无特别意义。 试一试朋友们利用本节讲到的知识自己尝试一下,非常简单实用。分析光标一定要放置在将要显现的文字下面,这样才有真实的效果。把光标制作成影片剪辑的目的是利用影片剪辑的特性,可以独立于时间线播放,最后闪动的效果就是体现了他的特性。 特别提示 本例提供的源文件是使用8帧/秒的帧频,如果朋友们使用正常的帧频会感觉到效果的速度很快,这样你可以把每一个关键帧延长一帧,以减慢打字效果的速度。 特别说明通过制作打字效果的学习,我们了解了逐帧动画可以适应很多的效果。也真实的感受到了逐帧动画在文档体积上的缺点。我们制作的这个简单的事例虽然发布以后只有47KB,但是他的源文件却有2,783KB,可以说给我们制作带来了不便,其原因就是使用了太多的关键帧。而且过多的重复使用一个元件,以及关键帧的增加也会给CPU带来负担。 相关问题如何利用遮罩来实现打字效果? 刚才我们介绍了利用逐帧动画来实现打字效果,其实一个效果是可以用许多方法来实现的。例如这个打字效果还可以利用遮罩的技术来实现。 新建一个Flash文档,属性默认。在舞台中输入静态文本“艺术作为一种想象的珍品和理想的寄托”。然后新建一层,绘制一个与文本等大的矩形,分别在第,帧插入关键帧,并把矩形一次在每个关键帧上遮挡住一个字。延长第图层的文字至第帧。回到矩形图层,利用鼠标右键的【遮罩层】创建一个遮罩层。 保存测试,我们发现这种方法制作的打字效果与逐帧动画制作的效果没有什么大的区别。虽然同样使用了逐帧技术,但是制作的思路却实相反的。我们还可以利用形状渐变动画技术来制作这种打字效果,利用FlashActonScript也可以实现。从这里我们可以看出,同样的效果只要我们动脑筋就会用不同的制作方法去实现。六 洋葱皮式虚影文字1、运行FlashMX2004,设置文档属性,背景为黑色。 2、在舞台中键入文本“WWW.FLASH8.NET”。并转换为图形元件,命名为“文字”。如图2.4.46所示。 图2.4.46输入文本 3、单击【插入】|【新建元件】命令,新建一个名称为“移动渐变”的影片剪辑,并进入编辑区。 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、分别把“移动渐变”影片剪辑从库中拖放到每个图层的第一帧,可以利用【对齐面板】进行位置校对。并在每个图层中延长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帧。 提示把“移动效果”影片剪辑拖放到场景中的时候,因为第1帧的透明度为0,所示是看不到的,我们可以利用【对齐】面板来调整到同一位置。 技巧重复使用的效果,我们可以做成元件,这样可以多次从库中调用。 试一试朋友们根据上例所讲到的知识,做一个旋转的虚影文字效果。分析这个文字效果是利用时间线的播放顺序来完成的。延迟,重复播放一个动画效果,就产生了虚影效果。另一种方法可以利用FLASHActionScript来完成。 特别提示 本例提供的源文件是按照上述方法改动过以后的,我们做的“移动渐变”影片剪辑有10帧的动画效果,但是主场景中的第1层有14帧,根据影片剪辑的特点,这一层的影片剪辑会重复播放的。整个的文字动画效果就会很不协调。所以把“移动渐变”影片剪辑向后延长了4帧,请参考提供的源文件“虚影文字效果”。 特别说明通过本例的学习,我们了解了通过时间线的延迟来播放同一个动画效果可以产生虚影的技术。我们还可以在主场景的时间线上面做文章,例如作旋转,做移动,等等,会产生很多奇妙的视觉效果的。七 探照灯1、运行FlashMX2004,设置文档属性,背景黑色. 2、把图层1命名为“文字亮”图层,在第1帧键入静态文本,文本颜色白色,并拷贝。如图2.4.53所示。3,新建图层“文字暗”,单击右键【粘贴到当前位置】命令,把粘贴到原来位置。并改变文本颜色为深灰色。如图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、创建移动渐变动画。并把“遮罩”图层移动到“文字亮”图层的下面,在“文字亮”图层创建遮罩。如图2.4.58所示。 图2.4.58时间线设置 8、保存测试。请参看源文件探照灯效果.fla特别说明本例为一个简单的遮照效果,通过对上面亮文字图层的遮罩来完成探照灯效果。由此制作原理可以演变成多种效果,大家不妨开动脑筋,试试看。 其中的“光”元件的绘制,是采用了透明度的变化,以增强探照灯光线边缘的效果。八 电影字幕1、运行FlashMX2004,设置文档属性,黑色背景。 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所示。 图2.4.62移动到舞台下方 7、在第60帧把“文字”图形元件移动到舞台的上方。把图层1延长至第60帧。 8、选中“文字层”,单击右键【遮罩层】命令,创建遮罩效果。如图2.4.63所示。 图2.4.63遮罩效果 9、保存测试,完成。参看源文件电影字幕效果4.fla注意制作具有渐变的遮罩效果,一定要在被遮罩层里面做颜色渐变,这样才可以实现效果。 提示因为遮罩层的颜色是不会显露出来的,所以我们使用的文本颜色可以随意。 技巧在改变垂直渐变填充为水平渐变填充的时候,我们还可以利用【自由变形工具】把矩形旋转,以达到要求。 试一试朋友们可以试一试利用黑白简便的矩形,做一个文字效果,这种效果与电影文字效果又有所不同。分析之所以我文字层作为遮罩层的原因是我们要把文字的线条镂空出来,显现出下面的渐变填充。大家可以试一下把图层1作为遮罩层的效果。 特别提示 本例的源文件里面的字体没有分离成矢量图,当你的作品中使用的字体,在本地计算机上没有时,FalshMX2004会提示你替换或者默认。唯一的方法是把字体利用两次“Ctrl+B”分离,变为矢量图形。因为本例使用的是黑体,所以没有分离。 特别说明我们在这个问题的解释中学习到了制作电影文字的技巧,进一步的巩固了遮罩的技术。遮罩在flash技术中是一项非常重要的效果,在很多优秀作品中都可以看到他的影子。我们只要理解遮罩层和被遮罩层的知识,那么就会很轻易的制作出遮罩效果。九 流光字1、运行FlashMX2004,设置文档属性,背景为黑色,尺寸550*200像素,帧频25帧/秒。 2、单击“文本”工具命令,在舞台中输入“闪客之吧”,颜色金黄色(#FFCE0C),文字大小96像素。如图2.4.64所示。 图2.4.64输入文本 3、分离文字,使之矢量化。并新建图层2,拷贝第1层内容至图层2的第1帧。 4、单击图层1,选中文字图形,【修改】|【外形】|【柔化填充边缘】,设置参数如图2.4.65所示。 图2.4.65柔化填充边缘 5、单击【填充】命令,混色器面板设置如图2.4.66所示。 图2.4.66混色器设置 6、利用设置的渐变色对图层2的文字图形进行填充,我们可以利用【填充变形工具】对填充的渐变色进行调节。如图2.4.67所示。图2.4.67对填充色进行调节 7、新建图层3,用我们刚才设置好的渐变色绘制一个矩形,大小为410*100像素。 8、复制此矩形,利用方向键水平移动,【修改】|【变形】|【水平翻转】,使两个矩形整合成一个整体。并转换为图形元件。如图2.4.68所示。 图2.4.68两个矩形整合 9、【查看】|【标尺】,利用鼠标把Y轴参考线,拖放到矩形元件的中心点位置。如图2.4.69所示。 图2.4.69设置Y轴标尺 10、在图层3的时间线上的第30针插入关键帧,并把矩形元件水平向右移动,使Y轴标尺处于最后的一个白色渐变的中间,创建补间动画。如图2.4.70所示。 图2.4.70第30帧的矩形位置 10延长图层2,图层3至第30帧。如图2.4.71所示。 图2.4.71延长至第30帧 11,重新把图层排序,图层1在最上面,依次是图层2,图层3。在图层2上用鼠标右键【遮罩层】创建遮罩效果。如图2.4.72所示。 图2.4.72最后效果的时间线 13、保存测试,我们发现效果中有一点的停顿,解决这个问题很简单,只要巴图层3的第29针插入关键帧以后,删除3个图层的第30帧就可以了。请参看源文件流光溢彩文字.fla注意如果想遮罩非常流畅的运动,第13步骤就必须去做。 提示使用标尺可以准确的对运动进行参考。 技巧像本例中两个图层的内容相似,可以把其中一个图层锁住,这样有利于编辑。 试一试朋友们可以是一是这样的效果,通过这种技术我们还可以制作出非常炫目的文字特效。 特别提示 本例的源文件是把文字效果制作在舞台中,朋友们可以把这个效果制作在影片剪辑中,调用到场景,这样可以有利于对其进行控制。 特别说明通过这个事例的学习,我们学习了另外一种遮罩效果的实现。其实现在来总结一下这个“流光溢彩文字特效”就是一个简单的渐变填充遮罩效果。 为什么把最后的第30帧删除呢,原因就在于我们制作的效果是循环播放的。而第1帧与第30帧正好是重复的,这样就产生了停顿的现象。我们也可以在制作过程中利用【标尺】的功能来避免这种错误。把第30帧的位置稍稍向后移动一点,这样也可以完成效果。十 水面浮动的字1、运行FlashMX2004,设置背景颜色为黑色,文档大小为550*200。 2、把图层1命名为“文字1”图层,利用文本工具书如静态文本“欢迎光临闪吧”。字体颜色白色。如图2.4.74所示。 图2.4.74输入静态文本 3、新建图层“文字2”,拷贝复制静态文本至图层“文字2”。 4、新建图层“遮罩”,在工具栏里面选择矩形工具,使用线性填充,绘制一个矩形。如图2.4.75所示。 图2.4.75绘制渐变矩形 5、不断拷贝复制这个矩形,与图层“文字1”的文本等宽。如图2.4.76所示。 图2.4.76复制矩形 6、选择所有矩形,拷贝复制到当前位置,并无缝对接。如图2.4.77所示。 图2.4.77无缝对接 7、选择图层“遮罩”第1帧的所有矩形,转化为图形元件“遮罩”。 8、在图层“遮罩”的第50帧插入关键镇,把图形元件“遮罩”向右移动。移动位置如图2.4.78所示。 图2.4.78第50帧的位置 9、创建移动渐变动画。 10、利用鼠标把图层“文字1”拖放到图层“遮罩”的上方,并创建遮罩层。然后把图层“文字2”拖放到最上方。如图2.4.79所示。 图2.4.79时间轴分布 11,选中图层“文字2”的第1帧中的文本,利用方向键向右上移动一下。并把图层“文字1”“文字2”延长至第50帧。 1,保存完成,最后效果如图2.4.80所示。请参考源文件水面浮动文字1.fla图2.4.80最后完成效果 注意移动图层“文字2”第1帧文本的时候,不要移动太大位置,不然就不真实了。 提示这个事例其实是利用了边缘的渐变移动来完成的。 试一试朋友们可以试着做一下这个效果,我们还可以利用其他的方法来完成这个效果。大家不妨想一想。 特别说明本例在技术上没有什么难度,但是在最后调整的时候,大家一定要注意,图层“文字1”和下面的遮罩层的位置关系。位置太远,晃动的就厉害了。位置太近,没有效果。朋友们可以反复的试验一下。 相关问题下面向大家介绍另外一个制作水面浮动效果的方法,这个方法与“流光溢彩文字效果”的制作方法相近。 1、运行FlashMX2004,文档设置参考上例。 2、把图层1命名为图层“文字1”,输入静态文本。 3、新建“文字2”图层,拷贝“文字1”图层的文本。 4、选中“文字2”图层的文本,利用“CTRL+B”两次,把文本分离成矢量图。 5、【修改】|【形状】|【扩散填充】,数值为4像素。如图2.4.81所示。 图2.4.81扩散填充 6、新建一个图层“遮罩”,利用上例的方法制作渐变填充矩形。如图2.4.82所示。 图2.4.82渐变填充矩形 7、上例制作步骤。整体拷贝复制,并转换为图形元件。在第50帧插入关键帧,创建移动渐变动画。 8、调整各图层的位置,并在“文字2”图层创建遮罩层。如图2.4.83所示。 图2.4.83时间线的分布 7,保存测试,最后的效果如图2.4.84所示。 图2.4.84最后效果 请参考源文件水面浮动文字2.fla十一 线条文字1、运行FlashMX2004,设置文档属性500*200,背景黑色,帧频12帧/秒。 2、单击【插入】|【新建元件】,我们新建一个名称为“线条”的图形元件,进入编辑区。 3、绘制一条直线,利用【对齐】工具使之处于编辑区中央,然后单击【修改】|【形状】|【把线条转化为填充】命令,把线条转化为填充。最后单击【窗口】|【设计面板】|【变形】|【拷贝并应用变形】命令,复制成矩形排列。如图2.4.85所示。 图2.4.85线条图形矩形排列 4、新建一个影片剪辑,命名为“文字1”。在编辑区内输入文本“闪吧”,并延长至第30帧。 5、新建一个图层,从库中把“线条”图形元件放置在第一帧,调整大小和位置。如图2.4.86所示。 图2.4.86加入“线条”元件 6、在图层2的第30针插入关键帧,创建补间动画,在第1帧利用下面的属性面板设置参数如图2.4.87所示。 图2.4.87设置动画属性 7、利用同样方法制作影片剪辑“文字2”,可以把“线条”图形元件在开始帧旋转90度,便成竖线条。 8、回到场景1,从库中把影片剪辑“文字1”和“文字2”分别放置在两个图层中,利用【对齐面板】是他们重合。 9、保存测试,完成。请参看源文件线条文字.fla注意本例比较简单,大家注意以下“线条”图形元件的中心点就可以了,因为我们要做他的旋转动画。 提示两个影片剪辑都可以放到主场景的同一个图层,但是我们要养成分别放置的习惯,对我们以后制作大型动画有帮助。 技巧在制作“线条”图形元件的时候,复制出多个线条以后,我们可以利用【对齐】面板来是他们之间等距,注意要取消【相对于场景】。 试一试利用这种遮罩技术制作文字效果,可以有很多的延伸特效,我们在下面的“相关问题”栏目中会向大家介绍另外几种同类效果,朋友们也不妨开动脑筋自己独创一种文字特效。分析此利用的技术就是简单的遮罩技术,明白了这个道理以后,我们可以把遮罩层换成任何一种形状,颜色等,制作出很多的文字效果。 特别说明在本例中我们巩固了遮罩在文字效果中的应用。技术是相同的,利用同一种技术就产生很多效果,关键在于我们自己的发现和感受。 相关问题下面我们向大家介绍利用上例的技术制作的另外两种字体效果。 如图2.4.88所示。 图2.4.88 这种文字特效是把这罩层制作成一个多颜色的圆形,利用圆形的旋转来完成的。制作的方法与上例的方法相同。参看源文件线条文字2.fla 波浪文字效果,如图2.4.89所示。 图2.4.89 同样把遮罩层制作成波浪状,然后在最底层增加一个原始的文字,就形成了波浪文字效果。请参看源文件线条文字3.fla文字效果还有很多,这里就不一一向大家介绍了。只要了解了制作的原理,我们就可以制作出不同于他人的文字动画。另外,在FlashMX2004种向我们提供了“时间轴特效”我们还可以利用这个功能方便的制作文字动画效果。 在本书的配套光盘中,附加了闪吧技术区举办的“文字动画特效展”中的部分作品。在欣赏这些朋友们自创的文字动画的同时,也会给朋友们一些创作的灵感。 请参见闪吧技术交流区文字特效展。文字效果共计43例十二 文字组合游戏如何制作一个简单的文字组合游戏?效果如图1所示。 图1效果演示 解决思路 首先利用条件语句判断性别,在as中加入设计好的故事情节,然后把各个文本连接起来,组成一个固定的故事情节。 具体步骤 1,运行flashmx,文档属性默认。 2,绘制一个与场景大小的矩形,填充适当的颜色。可以适当的添加修饰边框。如图2所示。 图2绘制背景 3,利用工具栏中的文本工具,输入静态文本,分别为“您的网名”,“您的性别”,“男女”“你网友的名字”,“另一个网友的名字”,“最喜爱的城市”,“最喜欢的一首歌”,“OK”,“如有雷同,纯属巧合”等静态文本。注意此处所输入的文本类型都是静态文本,字号16像素,颜色自选。并且每一句话都是单独文本。如图3所示。 图3输入静态文本 4,【窗口】|【对齐】,打开对齐面板。取消“相对于舞台”,选中部分要排列的文本,利用面板中的“垂直水平间隔”和“水平平均间隔”来排列文本,使之对齐。如图4所示。 图4排列文本 5,中工具栏里面的文本工具,然后在下面的属性面板中选择文本类型为输入文本,字号同样是16像素,颜色为深蓝色,黑体。参数设置完成以后在场景中单击,创建一个输入文本。并选中属性面板中的“在文本周围显示边框”按钮。 6,拷贝并复制5个同样的输入文本。设置文本的长度以及排列位置。利用步骤4或者使用【查看】|【标尺】,利用标尺来进行整齐排列。如图5所示。 图5输入文本 7,利用鼠标选择第1个输入文本,在下面的属性面板中输入实例名称为“wangming”。如图6所示。 图6设置输入文本实例名 8,第3个,第4个,第5个和第6个输入文本按照步骤7的方法来设置。实例名称分别为“wangyou1”,“wangyou2”,“chengshi”和“gequ”。 9,特殊的地方在第2个输入文本,也就是“您的性别”这一项。因为在这个文本中我们只限制输入“男”或者“女”两个字,所以我们先选中这个输入文本,在下面的属性面板中的变量框中输入此文本变量:xingbie。如图7所示。 图7设置变量 10,然后单击变量框右边的“字符”按钮,打开“字符选项”面板,选择“仅”,在下面输入“男女”。意思是说在这个输入文本框中只允许用户输入“男”或者“女”,而不允许输入其他字符。如图8所示。 图8设置字符选项 11,利用文本工具在场景的右侧创建一个大的文本框,文本类型为动态文本,实例名称为“gushi”。具体参数如图9所示。 图9设置gushi动态文本参数 12,好了,绘制工作全部完成。下面我们要创建一个按钮,并添加as语句。 13,选中我们创建的静态文本“OK”,鼠标右键“转化为元件”,类型选择按钮,确定。双击场景区中的按钮“OK”,进入按钮编辑区。 14,在按钮的时间线的第4帧插入一个关键帧,绘制与文字边框等大的矩形,颜色随意。如图10所示。 图10绘制按钮反映区 15,回到主场景,选中按钮,打开AS面板。添加如下语句: on(press)if(xingbie=男) gushi.text=r+一个风轻云淡的秋日,+wangming.text+(你)和+wangyou1.text+从喧哮的+chengshi.text+这个城市来到郊外一个幽静的小树林里。+n+ 天是那么的蓝,你们躺在草地上,仰望着天空,尽情享受着大自然 +n+这时从远处飘来一阵悠扬的歌声,那是以前+wangyou2.text+常常唱给你听的+gequ.text+,你渐渐的沉醉在那美妙的歌声中,眼前浮现出+wangyou2.text+的影子,嘴里情不自禁的轻轻叫出了 +wangyou2.text+的名字+n+突然一阵乌鸦的叫声把你从梦幻中惊醒,你扭头一看,+wangyou1.text+不知道什么时候已经不见踪影了!; elsegushi.text=r+黄昏,+wangming.text+(你)独自漫步在+chengshi.text+的小巷,天空开始下起了淅淅沥沥的小雨,你轻轻哼着+gequ.text+这首歌,任清凉的小雨滴落在你的脸上+n +雨开始下大了,+wangyou1.text+撑着一把淡紫色的雨伞悄然出现在你的面前,你欣然跑过去,小鸟般依偎在+wangyou1.text+的怀里。这时,又一把淡紫色的雨伞出现在你眼帘,原来是+wangyou2.text+,你无所适从地看看+wangyou1.text+又看看+wangyou2.text+,+wangyou1.text+和+wangyou2.text+相对望了一眼,两把淡紫色不约而同从你眼前消失,你站在雨中,成了一只落汤鸡; 这段AS的解释如下: on(press)if(xingbie=男)/当按钮单击的时候,判断条件,这个条件是xingbie文本框中输入的是否是“男”,如果是的话,就执行下面的语句。 gushi.text=r+./在gushi文本框中显示下面的文字。这些文字是由输入文本框中的文字和as里面的文字组成的。 elsegushi.text=r+./else是与if联用的。当按钮单击时,上面的条件不满足,也就是xingbie文本框中输入的不是“男”,那么执行else下面的语句。当然就是女了,因为只有两个选择。先是另外一个故事。 16,保存,测试。发给你的朋友试试吧。请参考源文件“文字游戏”。 注意在制作过程中一定要注意文本框的类型,当你输入不了文字的时候,就意味着你的文本框的类型不是输入文本。 提示第5步骤中,一定要注意文字的颜色不要与背景色相同。虽然我们只创建了一个文本框,并没有写入文字,但是文本框属性中的字体颜色决定了用户输入文字的颜色。 试一试这是一个精心编辑的两个故事,朋友们也可以换一下故事的各个组成因素,组成一个捧腹大笑的小故事。 特别说明我们通过这个事例,了解了许多关于文本框的知识。在例子中我们应用了文本框的所有类型,并且了解了一个简单的判断语句的执行顺序。在as中,gushi是动态文本框的对象名,gushi.text是这个对象的text属性。 r/是一个特殊的字符,表示一个换行动作。可以得到一个空行。 n/也是一个特殊的字符,可以使光标转到下一行。 +/字符串连接符。 一,在制作过程中还要注意几个问题: 1,如果无法输出故事,那么首先看你得as是否添加到按钮上。然后再看一下各个文本的类型和名称是否正确。 2,除了“xingbie”文本的字符选择为“仅”以外,其他文本的字符选择都是“无”,因为这你制作的效果是否成功。 3,无法输入字符的情况很可能你的文本颜色设置与背景色相同。 4,一定要分清给文本命名实例名和变量名的区别。本例中出来xingbie文本添加的是变量名以外,其余的文本都是用了实例名。 二,动态文本显示文字还有另外一种方法。上例中是使用动态文本实例名来显示文字的,我们还可以利用动态文本的变量名来实现。 首先,取消动态文本gushi的实例名,在变量框中写入“gushi”,这个名字就是他的变量名。然后修改按钮上的as语句, on(press)if(xingbie=男) gushi.text=r+一个风轻云淡的秋日 改为: on(press)if(xingbie=男) gushi=r+一个风轻云淡的秋日. 去掉了gushi后面的文本格式。我们发布测试一下吧。效果是一样的。 三,利用动态文本调用text文件内容,可以实现flash动画再不修改源文件的基础上动态的控制动画显示的问题。这个功能是常用的,下面我们就来介绍一下。 首先,利用文本工具在场景建立一个动态文本。在下面的变量框中写入他的变量名称为“z”。然后在时间线的第1帧加入as: loadVariablesNum(z.txt,0);/载入外部名字叫text.txt的文本文件,加载级别为0 注意:在实际应用中,一定要改变家在文本的层级别,不然他会把场景中的物体遮盖的。 保存。在这个flash的同一文件夹下,我们建立一个*.text文本文件,命名为“z”。在里面输入:z=欢迎光临闪吧!然后选择另存为,在最下面的编码中选
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2025年海洋工程专业入学考试试卷及答案
- 2025年供应链管理职业资格考试卷及答案
- 2025年广告文案创作技巧考试试卷及答案
- 梦想起航的帆船之旅作文12篇
- 成长的故事话题类周记7篇
- 写人作文最感谢的人650字14篇范文
- 期末考试作文校园一角350字(9篇)
- 春天的气息与描写(8篇)
- 高一(上)语文阶段检测卷二
- 新概念英语中的非谓语动词用法:英语进阶课程语法教案
- 小升初数学复习八(平面图形)讲义课件
- 水处理间制度
- (完整版)基建建设工程流程图
- 公司金融课件(完整版)
- 《我做了一项小实验》教学设计公开课
- 国家开放大学《调剂学(本)》形考任务1-4参考答案
- 公务员工资套改和运行案例
- 生物质能发电技术论文
- 哥尼斯堡七桥问题PPT课件
- 总包(消防)管理方案
- 1.2平面曲线的曲率ppt课件
评论
0/150
提交评论