Flash CS3动画制作
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

2.3 创建文本

在Flash动画设计中,【文本工具】是必不可少的重要工具,Flash CS3可以以多种方式创建文本,包括“静态文本”,“动态文本”和“输入文本”。对创建的文本,可以设置文本样式,使用滤镜效果等。以前只有在Photoshop中才能做出来的效果,现在在Flash中也变得轻而易举。

任务11创建 “Flash我爱你”静态文本

情景模拟

陶醉的小猫在思念他的“Flash”,向“她”倾诉爱的誓言,如图2-121所示。

图2-121 Flash我爱你

任务目标与分析

此任务主要是在Flash中输入文本,掌握创建静态文本的方法和步骤。另外,还将进一步学习位图的导入和【椭圆工具】的使用。

操作步骤

(1)选择【文件】→【新建】命令,新建一个Flash文档,将舞台大小设置为450像素× 300像素,将素材库中的“素材2-9.jpg”导入到舞台,如图2-122所示。

(2)将笔触颜色设置为黑色,填充颜色设置为浅黄色,在卡通猫的右上角画一个椭圆,如图2-123所示。

(3)用同样的方法再画两个稍小的椭圆,放在大椭圆的下方,做出对话效果,如图2-124所示。

图2-122 导入图片素材

(4)在工具箱中选中【文本工具】,在“属性”面板的字体列表中选择“隶书”,文本颜色选择小猫身上的深黄色,在椭圆中拖动鼠标,画出一个文本框区域,并在文本框区域中输入“Flash我爱你”字样,调整输入的文本,把它放在椭圆中合适的位置,如图2-125所示。

图2-123 绘制的椭圆

图2-124 绘制的多个椭圆

图2-125 在椭圆中输入文本

(5)选择【文件】→【保存】命令,将文件保存为“flash我爱你.fla”。

(6)按Ctrl+Enter组合键,测试影片,效果如图2-121所示。

知识链接

创建文本

在Flash CS3的工具箱中,有一个专门的【文本工具】,使用该工具可创建出各种文本。创建文本的方法如下:

(1)在工具箱中选择【文本工具】

(2)将鼠标移动到舞台上,鼠标指针变为 形状。

(3)在舞台内单击,出现一个矩形编辑框,此时可以输入文本了。

静态文本

“静态文本”是在动画制作阶段创建、动画播放阶段不能改变的文本。在静态文本框中,可以创建横排或竖排文本。

选中【文本工具】,窗口下面就会弹出相应的属性面板,如图2-126 所示。在舞台中拖动指针,就会出现一个矩形输入文本的区域,此时就可以输入文本了。

图2-126 【文本工具】属性面板

【文本工具】属性面板各参数的作用如下。

:用于设置所绘文本框的类型。

:用于设置文本的字体。

:用于设置字体的大小。

:用于设置字体的颜色。

:用于对当前文字进行加粗。

:用于对当前文字进行倾斜。

:用于设置文本的对齐方式。

:用于改变文字方向。

:单击此按钮,弹出一个对话框,可以对文本格式进行设置。

:用于设置字符间距。

:用于设置字符的位置。有3种位置:一般、上标和下标。

可读性消除锯齿:此列表框用于消除文字锯齿功能,可以更清晰地显示较小的文本。

:用来确定文本区域显示的是单行、多行或多行不换行,如缺图所示。

:用于为文字添加链接,单击该文本,可以跳转到其他的网页或网站。

小知识

输入静态文本时,在属性面板中单击【改变文本方向】按钮,在弹出的下拉列表中可以选择输入文字的方向。

动态文本

“动态文本”主要用于编程中,它创建的文本是可以变化的,动态文本框中的内容既可以在影片制作过程中输入,也可以在影片播放过程中动态变化。在文本类型“T”的下拉列表选项中可选择“动态文本”,如图2-127 所示。当选中“动态文本”后,属性面板会发生变化,如图2-128所示。

图2-127 文本类型下拉列表

图2-128 “动态文本”属性面板

图2-129 线条类型列表

“动态文本”属性面板各参数的作用如下。

宽和高:用来设置文本区域的宽和高。

:用来确定文本区域显示的是单行、多行或多行不换行,如图2-129所示。

:可选。

变量:设置在写代码时所用的变量名。

小知识

变量名的命名规则是以字母和下画线开头,不能以数字开头,但是中间可以包含数字。

输入文本

“输入文本”也常用于编程中,它是一种应用比较广泛的文本类型,用户可以在影片播放过程中即时地输入文本,例如用Flash做的留言簿使用的就是输入文本。“输入文本”的属性面板如图2-130所示,大部分设置与动态文本用法相同。

图2-130 “输入文本”属性面板

任务12漂亮的Flash CS3

情景模拟

常言说“三分长相,七分打扮”,人如此,字也如此。传统的隶书字体已经很漂亮了,再给它穿上漂亮的衣服,更会锦上添花,如图2-131所示。

图2-131 漂亮的FLASH

任务目标与分析

将输入的文本颜色用图案填充,这样的文字看起来像是从一张画上剪下来的一样。制作主要用到位图的导入、图形的分离、【文本工具】和【滴管工具】。

操作步骤

(1)选择【文件】→【新建】命令,新建一个Flash文档,将文档的大小设置为450像素×300像素。选择【文件】→【导入】→【导入到库】命令,在打开的【导入】对话框中,选择素材库中“素材2-11.jpg”文件,单击【确定】按钮。

(2)选择【窗口】→【库】命令(或按Ctrl+L组合键)打开“库”面板,用鼠标将库中的“素材2-11.jpg”图像拖动到舞台中,如图2-132所示。

图2-132 将库中图片拖入舞台

(3)选中图像,选择【修改】→【分离】命令,将图像分离,然后选择工具箱中的【滴管工具】,在分离后的图像上单击,将图像吸入到颜色表中,如图2-133所示。

(4)按Delete键将图像删除。选择【文本工具】,在其属性面板的字体列表中选择“隶书”,字体大小为70,在舞台上输入“漂亮的FLASH”,如图2-134所示。

(5)选中输入的文字,两次选择【修改】→【分离】命令,将文字分离为图形,如图2-135所示。

图2-133 用【滴管工具】吸入的图像

图2-134 输入文字“漂亮的FLASH”

图2-135 分离文字

(6)选中工具箱中的【颜料桶工具】,在分离后的文字上单击,即可看到填图文字。如图2-136所示。

(7)选择【文件】→【保存】命令,将文件保存为“漂亮的FLASH.fla”。

(8)按Ctrl+Enter组合键测试影片,效果即如图2-131所示。

图2-136 填图后的文字

任务13透亮的FLASH

情景模拟

如图2-137所示,白色霓虹灯效果的“透亮”Flash文字(即空心字)。

图2-137 透亮的FLASH

任务目标与分析

此效果是对输入的文本进行处理,删除文本内颜色填充,只留文本边线。这里将用到【文本工具】、【橡皮擦工具】、【墨水瓶工具】、分离文本命令等。

操作步骤

(1)选择【文件】→【新建】命令,新建一个Flash文档,将背景色改为黑色。然后选择【文本工具】,在舞台上输入“FLASH”字样,如图2-138所示。

(2)选中输入的文本,选择【修改】→【分离】命令,将所有文本分离为独立的文本块,如图2-139所示。

图2-138 输入文字“FLASH”

图2-139 将文本分离为独立文本块

(3)再次选择【修改】→【分离】命令,将所有的文本分离为图形,如图2-140所示。

图2-140 将文本分离为图形

(4)取消文档中文字的选择,选择工具箱中的【墨水瓶工具】,在“属性”面板中将“笔触颜色”设置为白色,“线条粗细”设置为2。然后用【墨水瓶工具】,单击已被分离的文字轮廓线,给文字描边,如图2-141所示。

(5)描边完成后,选择【橡皮擦工具】,在橡皮擦模式中选择“擦除填色”选项,将文字内部的填充色擦掉,只留下文字轮廓线,如图2-142所示。

图2-141 为文字描边

图2-142 删除填充色

(6)选择【文件】→【保存】命令,将文件保存为“空心字.fla”。

(7)按Ctrl+Enter组合键测试影片,效果如图2-137所示。

知识链接

橡皮擦工具

使用【橡皮擦工具】,可以通过模式设置,删除笔触或填充,还可以擦除舞台上的任何像素。

小知识

使用【橡皮擦工具】只可以对当前图层中的对象进行擦除,其他图层中的对象不会被擦除。

单击【橡皮擦工具】后,指针在舞台中就会变成圆点状,表示【橡皮擦工具】被激活。【橡皮擦工具】没有属性面板,选中【橡皮擦工具】后,工具箱下面会出现它的附属工具选项,如图2-143所示。

(1)橡皮擦形状:用于设置橡皮擦的形状及大小,以精确擦除,如图2-144所示。

(2)水龙头:可以直接清除所选取区域,使用时只需单击笔触或填充区域,就可擦除笔触或填充区域。

(3)橡皮擦的模式:按下【橡皮擦模式】按钮,有五种选项,如图2-145所示。

图2-143 附属工具

图2-144 橡皮擦形状

图2-145 橡皮擦模式

① 标准擦除:用于擦除同一层上的笔触和填充区域。此模式是Flash默认的工作模式,如图2-146所示。

② 擦除填色:只擦除图形内部填充区域,不影响笔触,如图2-147所示。

③ 擦除线条:只擦除笔触,不影响填充区域,如图2-148所示。

④ 擦除所选填充:只擦除当前选定的填充,而不影响笔触,如图2-149所示。

⑤ 内部擦除:只有从填充色内部做擦除的起点才有效。如果擦除的起点是图形外部,则不会擦除任何内容。以这种模式使用橡皮擦并不影响笔触。

图2-146 标准擦除

图2-147 擦除填色

图2-148 擦除线条

图2-149 擦除所选填充

任务14发光的FLASH

情景模拟

晚上,我们远远可以看到街道上有一些商店名字或广告牌,花花绿绿甚是好看。这边也有一个牌子,发着黄色的光芒,如图2-150所示。

图2-150 发光的FLASH

任务目标与分析

通过Photoshop可以制作出一些漂亮的文字,如发光字、空心字、模糊字等,给作品增加不少色彩。在Flash CS3中,同样可以利用文字特效,实现在Photoshop中制作的文本特效的效果。本任务中的文字即可用Flash CS3中的滤镜来制作。

操作步骤

(1)选择【文件】→【新建】命令,新建一个Flash文档,将背景色设为黑色,文本颜色设为白色。选择【文本工具】,在舞台上输入“FLASH”字样,如图2-151所示。

(2)选中文字,选择“滤镜”面板,单击【+】按钮,在弹出的列表中选择【发光】选项,其他选项如图2-152所示。

图2-151 输入文字

图2-152 滤镜属性面板设置

(3)各项设置完成后,发光字的效果如图2-153所示。

(4)选择【文件】→【保存】命令,将文件保存为“发光的FLASH.fla”。

(5)按Ctrl+Enter组合键测试影片,效果如图2-150所示。

试一试

利用分离文本命令,将Flash分别分离在独立的文本块中,然后再将单个的文本进行发光效果的设置,使它们分别发出不同颜色的光,如图2-154所示。

图2-153 设置后的效果

图2-154 分离为独立文本后设置的发光效果

知识链接

滤镜效果

使用【滤镜】可以制作出很多非常漂亮的特效,如投影、模糊、发光、斜角、渐变发光、渐变斜角和调整颜色等。“滤镜”面板与“属性”面板排在一起,它是管理Flash滤镜的主要工具,有关滤镜的设置在“滤镜”面板中完成。

(1)投影滤镜

“投影滤镜”可以模拟对象向一个表面投影,或者在背景中剪出一个形似对象的洞,来模拟对象的外观。投影滤镜效果如图2-155所示。

(2)模糊滤镜

“模糊滤镜”可以柔化对象的边缘和细节。将模糊滤镜应用于对象,可以让它看起来好像位于其他对象的后面,或者使对象看起来好像是动的。模糊滤镜的效果如图2-156所示。

图2-155 投影效果

图2-156 模糊效果

(3)发光滤镜

“发光滤镜”可以为对象的整个边缘应用颜色。将发光滤镜应用于对象,可以让对象看起来像在发光,发光的颜色依据滤镜面板中的颜色设置而定。发光滤镜效果如图2-157 所示。

(4)斜角滤镜

“应用斜角”滤镜就是向对象应用加亮效果,使看起来凸出于背景表面。可以创建内斜角、外斜角或者完全斜角。斜角效果如图2-158所示。

图2-157 发光效果

图2-158 斜角效果

(5)渐变发光滤镜

“渐变发光”滤镜可以在发光表面产生带渐变颜色的发光效果。渐变发光要求选择一种颜色作为渐变开始的颜色,该颜色的Alpha值为0。用户无法移动颜色的位置,但可以改变该颜色,效果如图2-159所示。

(6)渐变斜角滤镜

“渐变斜角”滤镜可以产生一处凸起效果,使得图像看起来好像从背景上凸起,且斜角表面有渐变颜色。它要求渐变的中间有一个颜色,且Alpha值为0,效果如图2-160所示。

(7)调整颜色滤镜

“调整颜色”滤镜可以调整对象的亮度、对比度、色相和饱和度,效果如图2-161所示。

图2-159 渐变发光效果

图2-160 渐变斜角发光效果

图2-161 调整颜色效果