通俗基础教程
电脑操作教程
电脑怎样拨号上网
如何做个人网页
怎样做局域网
Word教程(文字处理)
图形图象处理入门
经典提高教程
怎样使用代理服务器
如何做无盘工作站
Photoshop教程
Dreamweaver3教程
Flash4&5教程
Firework3教程
Frontpage2000教程
Authware教程
Office2000教程
如何制作动画图片
OICQ&ICQ使用方法

高手学习指南

硬件升级技巧
CGI教程
ASP教程

PHP教程

注册表使用技巧
路由器的设置
网站建设指南
SQL
最近更新:
Flash
相关内容

第二章 FLASH入门动画
第十节 文字效果初步 
中空字的制作


这一节我们来学习几种文字效果,也是很基本的技术,通过这一节的学习,大家可以对图层的应用,色彩的搭配等所产生的视觉效果有进一步的认识。而且所学的这些文字效果,也会在以后的实践中经常用到。

我们首先来看一下上面的中空字是怎么做出来的。中空字的制作很简单,实际的作法就是给用文字工具写出来的文字加上轮廓线,再把中间的文字部分去掉。下面我们来简单说明一下。

我们先用文字工具在场景中写上“新闪光时代”这五个字。字体为楷体,大小适中,颜色可以是任意,因为不管用什么颜色写,过一会儿都要把文字删除。由于我们现在想给文字加上轮廓线,而轮廓线只有在对象是形体的情况下才能加,所以我们要把文字打散成形体。用箭头工具选中文字,按下Ctrl-B将文字打散。然后,在绘图工具栏中选择墨水瓶工具。大家在上一章中学过,墨水瓶工具是用来给轮廓线上颜色的,也可以用来改变轮廓线的线宽和线型。不过这里我们还将发现墨水瓶工具还可以给形体加上指定的轮廓线。在墨水瓶工具的参数修改器中选择线宽为2,颜色为黄色的实线,移动鼠标,用墨水瓶的尖端点所选文字,这时我们发现凡是与所点部分相连的形体都加上了黄色的轮廓线。依次点击所有组成文字的打散形体,直到文字外出现完整的轮廓线为止。这时按下Delete键,把阴影部分,也就是把被选中的文字部分全部删除掉就行了,剩下的就是文字的轮廓线,或者称之为中空字。因为这些中空字是形体的轮廓,所以仍然可以用墨水瓶工具对它们的线型,线宽和颜色进行修改。

立体匾额

    

下面我们来学习立体文字的制作。制作立体文字的核心还是在于对光影效果的把握。上面的匾额为什么会给我们一种立体感呢?大家仔细看看就会明白了,立体文字的制作方法就是把相同的文字分成若干层,用不同的颜色着色,然后在位置上相互稍稍错开些,如果颜色和位置都合适,那么文字就会有很强的立体感。下面我们来动手做一下体会就更深了。

我们先来制作匾额的背景部分,也就是非文字部分。打开一个新文件,按Ctrl-M把电影属性设置为浅蓝色背景的长条形,大小与上图所示差不多。选择矩形工具,在参数修改器中把边框线的颜色设为黑色实线,线宽设为4,矩形填充色设为如上所示的棕色。在编辑区拉出一个和长约是宽的五倍的矩形,如下图所示。



选箭头工具,用鼠标左键点击该矩形的轮廓线,则轮廓线被选中,按下Ctrl-C键把它复制到剪帖板中。现在我们点时间轴窗口下方的新建一个名为Border的层,选中这一层的第1帧,按下Ctrl+Shift-V键把刚才复制的轮廓线粘帖到相同的位置上。为了方便操作,我们把最初的那个层锁住,以避免不小心误修改。在Border层中点墨水瓶工具,给轮廓线换上一个稍亮一些的棕色,如我们做好的匾额所示。这时因为上下两层的轮廓线在同一位置,所以棕色的轮廓线将覆盖下面的黑色轮廓线。要获得立体效果,我们把棕色的轮廓线分别用键盘上的方向键向左和向上移动两格左右,现在匾额的立体效果就显现出来了。
下面我们来做文字的立体效果。在最上面新建一个名为Bottom Text的层,选文字工具,用魏碑48号黑色字体在匾额中写下“新闪光时代”五个大字,如下图所示。然后选择箭头工具,选中这串文字,把它们移动到匾额中合适的位置上。如果对字体大小不满意,在文字上点鼠标右键选Scale进行放缩。

这串黑色的文字是用来做立体文字的阴影的。我们还需要做立体文字的正面效果和侧面效果,所以还要再建两个层,选中最上面的层连点两下在上面新建两个层,分别起名为Middle Text和Top Text,这时时间轴窗口应如下图所示:

在Bottom Text层中,也就是用作文字阴影的那个层中,选中这串文字,按Ctrl-C把它复制到剪帖板中,然后分别在Middle Text和Top Text中按下Ctrl+Shift-V复制在原位。Middle Text是用来生成立体文字的侧面光照效果的,我们要给它上一个稍浅稍亮一点的颜色。在这一层中用鼠标左键双击文字,在文字全部被选中的情况下,在文字工具的参数修改器中把颜色改为淡黄色,见下图。

Top Text层的文字色泽是立体文字的正面效果,我们在这里用调色板新建一个白色到桔黄色的线性渐进色。这时文字还是一个集合体,不能用颜料桶上色,所以我们需要把这层中的文字打散。选中这串文字,按Ctrl-B,然后选颜料桶工具及白桔黄渐进色,在文字的最左面点一下,结果如下图所示。

我们在操作每一层时,最好把其它的层都锁住或隐藏,这样不容易发生失误。为了得到立体效果,选中Bottom Text层(同时也就选中的Bottom Text层里的文字),用键盘上的方向键把黑色文字向右向下分别移动一些,大约两到三格左右。再选择Middle Text层,把浅黄色的文字向左向上移动一些,大约一两格的样子。现在文字的立体效果也应该有了。如果觉得不满意,大家也可以再试着调整一下这几层文字的位置关系。这里是立体匾额的源文件

镂空文字

    

上面这个Flash电影相对比较大一点,有13K左右,所以可能要多花一些时间来下载。不过它的效果可是真不错,大家一定要学一学哟。

所谓镂空文字,就是文字部分是透明的,可以看到下一层的东西,而在下一层我们经常用一些移动的图片或动画来生成动感背景的效果。这样看起来,制作镂空文字的方法又很明确了,就是首先在一个图层中做一个不透明的遮板,在上面写好文字,然后把文字和遮板合成起来,再把文字部分删掉,这样原来文字所在位置就透明了,在这一层下面一层引入事先做好的图片,让它不停地从遮板下透明的部分的一端移动到另一端,就可以实现上面动画的效果。接下来我们详细解说一下制作过程。

为了使放在网页中的这个Flash电影可以产生更好的效果,需要把遮板的颜色设置为和我网页背景色相同。先按Ctrl-M设置电影属性,设宽和高分别为400和100左右。选择矩形工具,在参数修改器中把边界线去掉,填充色设为和网页背景色相同的浅蓝色,然后绘制与此电影相同大小的矩形刚刚好覆盖住整个背景。然后,我们用文字工具,以任意颜色(不同于刚才绘制的矩形的颜色)的琥珀48号字体在矩形中间写下“新闪光时代”五个字,用箭头工具调整文字的位置和大小。

我们注意到如果这时把文字删除,并不能形成镂空的效果,这是因为文字与其它对象是分离的,所以需要把文字和矩形遮板融合在一起后再把文字删掉。在选中文字的情况下按Ctrl-B把文字打散,如下图所示。


现在打散后的文字成了形体,就可以被融合在同样是形体的矩形中了。我们用箭头工具拉出一个大框把矩形遮板和文字部分全部套住,矩形和文字部分全部成为阴影状态,这表明二者已经很好的融合了,不过我们还是可以很方便地看出文字的位置和形状。按住Shift键,用鼠标点选每一个组成文字的形体部分,注意这时文字不再是一个整体,所以我们需要把组成文字的每一个小形体都选中。选好后,按Delete键把它们都删掉,这时发现遮板已经被镂空了,我们可以清楚地看到电影的背景色(默认为白色),见下图。

现在,点时间轴下面的新建一个层,并把这个层拖到遮板层的下面来。在这一层上我们引入一个事先做好的图片。按Ctrl-R导入一个长条形图片,把它的左端和镂空文字的左端对齐,这样在电影一开始,镂空文字下不至于是空白。选中这张引入的图片,按F8把它转换成一个图形类图符。这样我们就可以在指定的帧里做它的运动渐变动画,把它从一端移动到另一端了。在第40帧(帧数与图片长度及你希望的移动速度有关),按F6插入关键帧,选中该图片,用键盘上的方向左键把它从右向左拖动到图片的右边界与文字的最右端重合为止。在第1帧双击鼠标左键,在弹出的帧属性对话框中把渐变设置为Motion。

这样,我们就做好了这个镂空文字的示例,效果应该还不错吧。不过我们注意到,虽然在循环播放中文字下图片不间断运动,但由于循环的过程中电影开始和结尾的图片不连续,会导致镂空文字下的背景图案产生令人不愉快的跳动。这里我们简单介绍一种不成熟的解决方法,可以让图片连续地重复从文字下滑过。

镂空文字部分的制作同上,在镂空文字下新建一层,导入一张图片。在图片层第1帧,拖动图片使其左端与文字左端对齐,我们用Ctrl-B把图片打散,选择箭头工具,从文字的最右端的位置开始,把图片的其余部分用一个大框框住,按Delete键删掉,剩下的图片刚好完全地衬垫在文字下面。再用箭头工具拉出一个矩形框把剩下的图片全部选中,按Ctrl-C复制,再按Ctrl-V粘帖到画面中,把新复制好的图片移动到原来图片的右端无接缝对齐。现在整个图片的长度是原来所剩图片长度的两倍,也是整个文字长度的两倍。所以我们这时只需要在第40帧把整个图片移动到图片右边界和文字右边界重合就可以实现平滑过渡的效果。不过,为了达到预期的效果,我们还需要把这个两倍长图片的右边稍稍删掉一些,因为大家注意到第1帧和第40帧时,文字下的图象是一样的,这样在循环播放时就会有一个停顿,所以我们还选箭头工具,用鼠标在图片右端拉出一个框套出图片右端很窄的一部分,把它删掉。现在选中这个做好的图片,按F8把它转换成图符,然后再在第40帧按F6新建关键帧,把图片拉到右边界与文字右边界平齐。在第1帧设置帧属性为运动渐变就行了。

现在我们的镂空效果就比刚才好多了。大家也可以用别的方法来实现平滑过渡的效果。如果对上面的解说还有什么不明白的地方,可以点这里下载源文件研究一下。

第一节 运动的小球(一)
第二节 运动的小球(二)
第三节 运动的小球(三)
第四节 旋转的风车
第五节 延伸的直线
第六节 变幻的字符
第七节 文字的输入与输出
第八节 按钮制作(一)
第九节 按钮制作(二)
第十节 文字效果初步
第十一节 残影技术
第十二节 遮罩
第十三节 放大镜效果
第十四节 打字机效果
第十五节 弹出式菜单
 
 
 
 
 
教程站
收集整理
服务大家