flash文字效果剖析Word格式文档下载.docx

flash文字效果剖析Word格式文档下载.docx

《flash文字效果剖析Word格式文档下载.docx》由会员分享，可在线阅读，更多相关《flash文字效果剖析Word格式文档下载.docx（32页珍藏版）》请在冰点文库上搜索。

单击时间线上的第40帧，选择“窗口/动作“菜单命令或直接按F9，打开Actions（动作）面板后，在面板中输入以下程序语句：

gotoAndPlay（_currentframe-40）;

　　此ActionScript脚本使影片剪辑“m_char_tpl”元件重新回到第1帧开始播放。

这么做可以使落体运动显得更加真实，同时，_currentframe语句的使用，也减少了后面制作中可能会遇到的阻力，此时影片剪辑“m_char_tpl”的时间轴状态如图5所示：

图5“m_char_tpl”的时间轴窗口

　　6．回到主场景。

将舞台上的X删掉后，这样字符模板就制作完成了。

　　二.制作具体效果

　　1．选择“窗口/库”菜单命令或直接按F11键，打开“库”面板，如图1-34所示。

右击图形元件“char_tpl”，从弹出的快捷菜单中选择“复制”菜单命令，打开“复制元件”对话框。

为复制的图形元件命名为“g_镜”，然后单击“确定”按钮复制一个图形元件。

双击“库”中新复制的图形元件“g_镜”，进入元件编辑模式。

将字符X改为字符“镜”，如图6所示。

图6修改元件中的字符

　　2.参照第1步，分别复制制作出元件g_面、g_文和g_字等图形元件，并分别将字符“X”改为相应的“面”、“文”和“字”等字符

　　3．右击Library（库）中的影片剪辑元件“m_char_tpl”，然后从弹出的快捷菜单中选择“复制”菜单命令，打开“复制元件”对话框。

在名称文本框中输入“m_镜”，单击“确定”按钮复制一个影片剪辑元件双击Library（库）中的元件m_镜，进入元件编辑模式。

单击第1帧，选中舞台上的X。

选择“修改/交换元件”菜单命令，打开“交换元件”对话框，如图7所示。

图7“交换元件”对话框

　　4．选中列表中的元件g_镜，单击OK完成元件的交换。

这时候，舞台上的X已经变成了“镜”字。

单击第40帧，选中舞台上的X。

再次使用交换元件命令，将这个X也换成同样的“镜”字。

再单击第1帧，选择“插入/帧”菜单命令或直接按F5，插入一个帧。

还是选择第1帧，选择“插入/关键帧”菜单命令或直接按F6，插入一个关键帧。

右击第1帧，从弹出的快捷菜单中选择“转换为空白关键帧”菜单命名，将第1帧变为普通帧，这时候动画起始帧（第2帧）的加速方式属性已经变为0，需要将其重新设为100。

时间轴窗口如图8所示：

图8“g_镜”的时间轴窗口

　　5．参照第3到第4步，依次作出相应字符的“影片剪辑”元件m_面、m_文和m_字。

这三个影片剪辑和第一个m_镜在制作上基本上一样，唯一不同的地方是在第4步时插入的普通帧的个数，是以5帧作为间距进行插入，还有就是要注意上面1步提到的加速方式属性问题。

元件m_面、m_文和m_字。

这三个影片剪辑的时间轴窗口如图9、10和11所示：

图9　“m_面”时间轴窗口

图10　“m_文”时间轴窗口

图11　“m_字”时间轴窗口

　　6.回到主场景。

将制作好的元件m_镜、m_面、m_文和m_字等“影片剪辑”拖到舞台上，创建相应的实例，选中四个字后，选择“窗口/排列”菜单命令或直接按Ctrl+F3，打开“排列”面板，如图1-46示。

依次点击面板上的，和按钮，使用方向键，将文字移动到边界之上，如图12示。

图12　将文字移动到边界

　　7．下面来做文字的镜像。

选中四个字，选择“编辑/复制”菜单命令或直接按Ctrl+D，复制四个字，选择“修改/变形/垂直翻转”菜单命令，将四个复制文字垂直翻转。

按Ctrl+F3快捷键打开“属性”面板。

接着将颜色一项设置为“高级选项”后，单击随后出现的“设置”按钮，在弹出的“高级效果”对话框中将各个值设定为如下的样子，如图13所示。

图13　“高级效果”面板

　　8．接下来只要把做好的镜像移动到边界上就万事OK了，发布电影就可以看见漂亮的镜面文字了，效果如图1-52所示。

图14将镜像移动到下边界

　　值得一提的是在最后的文字显示上可能会有碰上一个小问题：

一些中文字符在显示时会出现字体粘连的情况。

这个毛病在以前的Flash版本中就存在了，很可惜，FlashMX里还是没能甩掉这只臭虫。

解决这个问题的办法就是，一、选用其他字体，二、用Ctrl+B，将文字打散成为图形对象。

同时大家可能会觉得，本节篇头大费周折制作的文字模板似乎有点多余。

没错，制作的过程的确是繁琐了一点。

不过，使用模板再加上元件替换可以让你的后续工作省事许多，特别是在文字多的情况下。

制作弹跳文字效果：

新建文档，背景黑色。

1、点第1帧，用文体工具打上“中国教程网”五个字，全居中（打开对齐面版，点相对于舞台，水平中齐，垂直中齐），ctrl+B打散一次。

2、选中所有文字，点修改--时间轴--分散到图层，这样把五字分散到五个图层。

3、用变形工具选中“中”字，把注册点如图移到下面。

第10、11、15、19、20帧分别插入要害帧，回到第1帧，用方向键把“中”移到场景的上方。

第11帧把“中”向下压扁。

第15帧把这个字向上拉长，并用方向键向上移动5个像素。

第19帧再把“中”向下压扁，再分别点第1、11、15帧创建动画补间。

4、选中“国”字图层的第1帧，按住鼠标键向后拉把“国”字移到第5帧上，再把注册点移到下方，然后如上面的“中”字制作，只是每个要害帧向后移了5个帧。

5、把“教”字移到第10帧上，再把注册点移到下方，然后如上面的“中”字制作，只是每个要害帧向后移了10个帧。

6、把“程”字移到第15帧上，再把注册点移到下方，然后如上面的“中”字制作，只是每个要害帧向后移了15个帧。

7、把“网”字移到第20帧上，再把注册点移到下方，然后如上面的“中”字制作，只是每个要害帧向后移了20个帧。

8、把所有图层延长到60帧。

9、Ctrl+Enter测试，另存为*.fla。

导出影片*.swf。

聚光灯效果：

步骤1

请同学开启一个新档，将背景设为灰色，再将Layer1命名为"

文字"

，再键入黑色文字，文字内容为"

魔幻嘉年华舞台剧场"

。

步骤2

再新增一个Layer图层，将此图层命名为"

灯光"

，再把"

图层锁上，在"

图层的Frame1画一个无外框线的白球，并且把它转变为Graphic，把这个白球移至"

魔"

字的上面，

步骤3

再把"

图层拖曳到"

图层的下面，再做一段白球由左至右的Motion动画，时间为30格Frame。

如

步骤4

将"

图层的时间延长至与"

图层一样长，方法为将滑鼠移至"

图层的Frame30，按右键，执行InsertFrame，

步骤5

最後再将舞台的背景色变为黑色，

再执行TestMovie预览其效果

水中浮动效果：

实例说明：

水中浮动的文字就是似文字放在水中，字随着水波的波动而波动，主要利用了遮罩效果及文字透明度的变化。

别空想象，开始操作吧!

　　创作步骤：

　　第1步，启动FlashMX，新建一个文件，在舞台的空白处单击右键选择“文档属性”弹出其对话框，设舞台的大小为400PX×

200PX，颜色为黑色，如图1所示。

　　第2步，我们现在要制作一个过滤条，有了它才能做出文字的浮动效果，按“Ctrl+F8”键弹出“创建新元件”对话框，创建一个名为“滤条”的图形元件，如图2所示，单击确定进入其编辑内。

　　第3步，为了便于绘制，我们选择“视图”→“网络”→“显示网络”，在编辑区显示网格线。

用工具栏中的“矩形工具”画一个没有边框、颜色为任意色的矩形，然后用黑剪头工具将它调整倾斜，成为平行四边形，如图3所示。

　　第4步，单击“窗口”→“设计面板”→“混色器”弹出混色器面板，设置填充样式为“线性”，为黑白黑渐变，如图4所示，

　　用油漆桶工具，使用设置好的线性渐变色填充画好的四边形，如图5所示。

　　第5步，再复制一个四边形，用混色器面板调整线性渐变为：

白黑白渐变，如图6所示。

　　然后将两个四边形连接在一起，如图7所示。

　　把这两个四边形在原地复制出几个来，再用光标移动键移动，使它们连成一起，如图8所示，“滤条”元件完成了。

　　第6步，再按“Ctrl+F8”键创建一个名为“文字”的图形元件，如图9所示，单击确定进入其编辑内。

　　第7步，单击工具箱中的“文本工具”，再单击窗口下方的属性，弹出属性面板，设置字体为楷体，字号为94，颜色为白色，加粗，如图10所示。

输入文字“寒江爱好组”，如图11所示。

单击时间轴左上方的场景1，返回主场景。

　　第8步，按“Ctrl+L”打开库面板，将库中的“滤条”元件拖到舞台中。

再单击时间轴左下角的“插入图层”按钮，新建一图层2，单击图层2的第一帧，将图库中的“文字”元件拖到舞台中心。

　　第9步，选中图层2中的“文字”元件并右击选择快捷菜单中的复制，再单击“插入图层”按钮，新建一图层3，单击图层3的第1帧，并选择菜单“编辑”→“粘贴到当前位置”选项，这样图层2和图层3的文字是重叠的，这样才能使文字有浮动效果。

　　第10步，选择图层1，移动“虑条”元件，使它的右边与文字的右边对齐，如图12所示。

　　按住Shift键，分别点击三个图层的第40帧，按F6键创建要害帧。

再单击图层1的第40帧，用光标移动键右移“滤条”元件，使它的左边与文字的左边对齐，如图13所示。

　　第11步，右击图层1的第1帧处，从弹出的快捷菜单中选择“创建补间动画”，使“滤条”元件产生从左向右的运动动画。

　　第12步，这样图层1、图层2的动画已经不需改动了，我们就单击时间轴的锁定图层，锁住图层1和图层2，在图层3的第20帧处按F6键插入一个要害帧。

选中第20帧中的“文字”实例，打开属性面板，将“颜色样式”选择“Alpha”，并设值为60%左右，再用“任意变形工具”的缩放功能把文字实例稍稍放大一点，如图14所示。

　　第13步，单击图层3的第1帧中的“文字”实例，打开属性面板，将“颜色样式”也选择“Alpha”并设其值为20%，按同样的操作，把第40帧中的文字实例的透明度设为0。

　　第14步，在图层3的第1帧处右击，从弹出的快捷菜单中选择“创建补间动画”，在第1帧与第20帧之间创建运动动画，同样的方法，在第20帧与第40帧之间创建运动动画，使文字实现淡入淡出且变形的运动，从而实现浮动的效果。

　　第15帧，右击图层2名处，弹出快捷菜单，选择“遮罩层”。

哈哈，浮动的文字效果完成了，最后的时间轴如图15所示。

　　看看效果如何呢，按“Ctrl+Enter”欣赏一下似在水中浮动的文字效果，如图16所示。

闪光效果：

本实例运用了输入文本、变换字体边沿的粗细和透明度，以及改变元件属性和运动渐变实现的效果。

制作过程：

一、创建元件并保存

二、设置文档属性

打开属性面板，设置文档属性背景为黑色，其他默认，确定。

三、制作元件

1、选择文本工具，设置文本属性：

字体：

随意，粗体，字号80。

（我这里用的是华文华文琥珀，）颜色蓝色。

在舞台上输入：

愚人在线。

2、将其文字打散两次（ctrl+B），然后选择墨水瓶工具笔触颜色为黒色，高度1，在文字的边沿填充边框。

选中图层一第一帧，拷贝。

3、添加一个新图层。

在第一帧点编辑－粘贴到当前位置。

点重文字的填充色删除，只留下边框。

4、点重图层二第一帧，将其转换为图形元件点插入－转换元件）。

起名文字。

5、双击场景中的文字元件，进入到文字元件编辑区。

在图层一上添加三个图层，共四个图层。

6、编辑各图层效果：

A、关闭上边三个图层眼睛，点图层一第一帧，打开混色器面板，选择笔触高度为：

1，颜色为兰黑色（色码：

＃000099）。

透明度为30％。

锁定改图层。

B、打开图层二的眼睛。

点图层二第一帧，打开混色器面板，选择笔触高度为：

2，颜色为兰黑色（色码：

C、打开图层三的眼睛。

点图层三第一帧，打开混色器面板，选择笔触高度为：

4，颜色为兰黑色（色码：

D、打开图层四的眼睛。

点图层四第一帧，打开混色器面板，选择笔触高度为：

8，颜色为兰黑色（色码：

四、编辑场景

1、点场景一回到主场景，在图层一的第10帧插入普通帧，（F5）

2、点重图层二的第一帧（就是文字元件）用方向键调整位置。

（向右移动2到4个象素，向下移动2到4个象素，要注重关擦效果。

）

3、在图层二的第五帧和第十帧插入要害帧，点重第五帧舞台上的实例，修改属性，点属性面板颜色－亮度选70％。

然后点图层二创建运动渐变。

哈哈不难吧，测试影片看看效果吧。

毛笔写字效果：

Flash作为一种功能强大的动画制作工具，也可以方便地实现手写效果。

现在，我们就用Flash5.0（中文版）来制作手写效果，具体操作步骤如下：

　　1、在Flash中新建一个文件。

　　2、在“修改→影片…”中修改影片属性。

　　3、按Ctrl+F8，新建组件，命名“毛笔”，用铅笔工具画一毛笔。

　　图1

　　4、用文字工具，输入“龙”字，字体可设为行楷，字号值为“300”（自己输入），颜色为黑色（如图1）。

　　图2

　　5、按Ctrl+B，将“龙”字打散，打开符号库，然后，将“毛笔”拖到图层1上（如图2）。

　　图3

　　6、按F6键，插入一关键帧，选中“毛笔”，移动到“龙”字最后一笔“点”上（如图3）。

　　7、按F6键，再插入一关键帧，选中“毛笔”，稍向下移动，再用橡皮工具擦除掉刚才的一部分笔画。

　　8、重复第7步，直至把整个“龙”字擦干净为止。

　　9、选中所有帧，调出右键快捷菜单，并且选择“翻转帧”。

　　图4

　　10、按“Enter”键，则可以看到一支大笔，正在潇洒自如地书写着“龙”字（如图4）。

　　书写的快慢及细腻程序可由建立帧数的多数决定。

如果讨厌那支大笔，则可以省去第3步。

　　赶快试一试吧，一个小小的动画，可以为你的作品增色不少。

扫描效果：

本例主要通过几个简单的运动中间帧动画与镂空的文字块来实现扫描显示文字的效果。

至于本例的设计思路，可以先参看图1所示的影片图层结构图。

　　图1影片图层结构图

　　1．图中所标示的数字1、2、3、4分别代表了三个图层和舞台本身。

也就是说，需要建立用来放置不同对象的三个图层。

　　a）顶层扫描线层：

用以放置最右边的首条扫描线。

　　b）镂空文字层：

用以放置写有镂空文字的图块。

　　c）扫描线层：

用以放置从文字上经过的扫描线。

　　d）底层（舞台）：

也就是背景。

　　2.利用Flash图形层叠覆盖的特性来制作镂空文字色块的方法可以说是此效果中所提到的最实用的技术了，影片影片的最终播放效果如图2所示，要实现这一效果，具体制作过程如下：

　　图2　最终效果图

　　一.制作镂空文字块

　　1.新建一个电影，在属性面板中设置其尺寸为550pxX400px,选择一种颜色（本例为#666666）作为背景色。

双击时间线上的“Layer1”，并将其重新命名为“text”，虽然给每层取个好名字是一件虽然有点麻烦，但却非常有用的事情。

特别是当一个影片中有大量的图层存在的时候，根据图层的名字你就可以更快地找到你所要找的对象。

　　2．在工具箱在选取矩形工具，并将填充色设为#000000，边框色为#CCCCCC。

在舞台上画出一个与舞台同宽的实心矩形，如图3所示。

图3实心色块

　　3．在工具箱中选取文本工具，将填充色设为#FFFFFF后在黑色的色块上写上“扫描效果”四个字。

将字体设为“宋体”，字体大小设为“120”个单位，字间距设为“10”，选中“扫描效果”文本，将其移到黑色块的中间，效果如图4所示：

　　图4　输入并调整文本

　　4.然后选择“修改/分离“菜单命令，将文字打散。

因为“宋体”的字看起来很瘦，视觉效果不是很好，所以要把每个字加加粗。

选中被打散的四个字，然后选择“修改/形状/扩展填充”菜单命令，在弹出的“扩展填充”中将距离设置为5px，并选中“扩散”单选按钮，然后单击确定按钮，这时文本效果如图5所示：

　　图5　加粗后的文本效果

　　5．选中所有文字，然后将其删除之后就得到了一个可以看到背景的有镂空文字的色块了，如图6所示：

　　图6镂空文字色

　　二.制作扫描线

　　1．选择“插入/图层”菜单命令新建一个层。

将图层“text”锁定，然后把新建的图层改名为“scanlines”，从工具箱中选取直线工具，并将边框颜色设置为#FFFFFF。

将线条类型设定为实线，宽度设为“2.5px”按住Shift，在图层“scanlines”上画出一条与文字块等高的直线，如图7所示

　　图7制作扫描线

（1）

　　2.在属性面板中将线的高度修改为“1.5px”，然后修改边框色为#00FF00，按住Shift，在刚才所画的直线左边再画一条等高的直线。

并改变边框色为#64FF00，然后在新画的那条直线左边再画上一条宽度为“1”的一条垂直线。

打开“混色器“面板，将RGB及Alpha值分别设为100、255、0和70%，按住Shift，在三条直线左边再添一条等高的线，如图8所示。

　　图8制作扫描线

（2）

　　3．在属性面板中将线型设定为“极细”，然后从右到左再添加由密到疏的四条颜色值不变但Alpha值分别为55%、40%、25%、10%的等高直线，如图9所示。

　　图9制作扫描线（3）

　　4．要做的效果是随着扫描线经过而显现出文字，即就是得有东西将扫描线尚未经过的区域隐藏起来。

所以，下面再选取矩形工具，然后在最右侧直线的右边添上一大块与镂空文字色块相同大小、相同颜色的色块。

　　5.选中图层“scanlines”上的所有对象，也就是八条扫描线和一个色块，选择“插入/转化为元件”菜单命令，打开“转换为元件”对话框，然后在“名称”一栏中输入“Scanlines”将当前所选的对象创建为一个“影片剪辑”元件，再次选取“直线”工具，在属性面板中设定其颜色为#00FF00，线型为“极细”，按住Shift，在舞台上拉出一条与前面所画的扫描线等高的直线，然后将其转化成名称为“Topline”的“影片剪辑”元件。

这条线就是本例中最后的顶层扫描线。

　6.选中影片剪辑“Topline”元件，然后选择“编辑/剪切”菜单命令将其剪切下来。

然后选择“插入/图层”菜单命令新建一个名为“topline”的图层，然后选择“编辑/粘贴”菜单命令将剪切下来的“Topline”元件粘贴到这个层上。

根据影片图层结构图，将图层“text”拖到图层“topline”和“scanlines”之间，这样扫描线动画就制作完成了，此时时间轴窗口如图10所示：

　　图10　时间轴窗口

　　三.制作动画

　　1．选中图层“topline”上的第65帧，选择“插入/关键帧”菜单命令，插入一个关键帧。

选中图层“scanlines”上的第65帧，也同样插入一个关键帧。

然后选中图层“text”上的第65帧，选择“插入/帧”菜单命令插入一静态帧，再添加64帧静态帧，如图1-73所示。

　　图11插入帧

　　2．选中图层“scanlines”上的第1帧，将“Scanlines”元件移动到文字块的左边，并使最右边的扫描线与文字块最左边的边线对齐；

选中图层“scanlines”上的第65帧，将“Scanlines”元件移动到与文字块的右边，并使最左边的扫描线与刚好超过文字块最右边的边线；

选中图层“topline”上的第1帧，将“Topline”元件移动到“Scanlines”元件中最右端扫描线的右边；

选中图层“topline”上的第65帧，同样将Topline元件移动到Scanlines元件中最右端扫描线的右边；

右击图层“topline”上的第1帧，在弹出的快捷菜单中选择“创建补间动画”菜单命令；

右击图层“scanlines”上的第1帧，同样也将其转化为运动中间帧动画，此时的时间轴窗口如图12所示。

　　图12创建动画

　　10．这样整修动画便制作完成，保存并发布作品，就可以看见漂亮的扫描文字效果了。

写字效果：

1.首先新建一Flash文档，修改文档尺寸为，宽500，高350，设背景颜色为#006666。

然后制作所需的元件：

　　制作卷轴：

　　点击插入菜单—选择“新建元件”，在弹出的对话框上名称：

填上“轴”，行为：

选择“图形”然后确定，

　　使用矩形工具，关闭颜色工具的边框，选择油漆筒，打开右边的混色器将颜色状态设置成线性，将线性渐变设置成如图所示，

　　用矩形工具画出卷轴主要部