当前位置:首页 > 设计在线 > 平面动画 > Flash > 在游戏中使用漂亮的文字

在游戏中使用漂亮的文字

点击次数:32 次 发布日期:2008-11-29 17:52:22 作者:源代码网
源代码网推荐 从标题到StageClear字样,从分数到对话框,游戏中很多地方要用到文字。若是简单的使用Flash标准字体?这算游戏吗?我们需要华丽的文字!

偶们即将系统滴讨论游戏中的文字,目标是——把文字美化到牙齿!!

有一些文字是静态的,可以用各种绘图手段极尽美化之能事——但是也是很有讲究的;然而另一些是动态的,只能用动态文本吗?——废柴!未够班阿!
1 用Flash绘图工具处理静态文字

Flash绘图工具很好用。写下一排文字之后,Ctrl+B 两次,可以将文本打散成填充。这个时候我们就可以用各种方法来处理它们了。


首先是变形工具(Q)

选中线条和填充的时候,变形工具的两个隐藏选项便开启了——如下图红圈中所示。左边是透视变形工具;右边是网格变形工具。
按此在新窗口浏览图片


使用描边工具(S)可以描边。很好用的工具,还可以选择边框的颜色和宽度。
按此在新窗口浏览图片


使用填充工具(K)可以使用渐变填充。右侧可以编辑填充的方法:下拉菜单中主要包括单色填充、直线渐变和圆形渐变;调色板中可以编辑控制点的位置和颜色。

说一下控制点。在空白处点击可以增加控制点;删除控制点的方法是点中一个点,往下拖,他就消失了。

多使用编组( Ctrl + G )。编组之后就很容易管理层次,同时不会在库中留下东西。下图中的文字阴影,就是复制文字编组之后做成的。

按此在新窗口浏览图片

填充时,点击一个位置按住不同拖动鼠标,可以控制填充方向和范围。

另有一个选项是锁定填充。如果没有锁定,每次填充都会重新设置方向;锁定之后,所有填充都和当前的一致。下图显示了其效果,上排的文字锁定了填充,而下排没有。注意配合吸管工具(I)使用。

按此在新窗口浏览图片

另有一个填充变形工具(F),可以编辑已经填上填充的大小、方向和旋转。

Flash中,修改命令里面有两个很有用的命令:一个是将线条改变成填充,另一个是扩展柔边填充。

下面的命令基于 Flash MX 2004。Flash MX中选项的位置稍有不同,不过仍然在修改(Modify) 目录下。


利用线条改变成填充,加粗和减细字体。

字体的粗细往往不是很理想。在这里,我们可以首先给字体描边,然后把边线转换成填充。

首先Ctrl + B 把文字打散成填充,Ctrl + G把文字编成一个组。双击编辑这个组,用描边工具(S)描边。Ctrl + A 全选线条和填充后,选择菜单中的 修改-〉形状-〉把线条转化为填充(Modify-> Shape->Convert Lines to Fills )

如果需要加粗,那么可以把边线改成和原填充一样的颜色。如果需要减细,把边线删掉就可以了。

按此在新窗口浏览图片


扩展柔边填充

选中一片填充,选择菜单中的 修改-〉形状-〉柔化边缘填充(Modify-> Shape->Soften Fill Edges ), 就可以制作柔边效果了。

不过由于算法问题,柔边常常互相冲突。这个时候有一个方法就是把出现冲突的字编组(Ctrl + G )然后分别柔边。

如果使用的是渐变填充,柔边也会使用渐变的哦~~

按此在新窗口浏览图片

上图中,首先放置静态文本(T),使用Gungsuh字体。完全打散后,选中首写的K和L用变形工具(Q)放大,注意按住Shift可以保持原有比例缩放。把几个字母的位置挪动一下,就变成了现在的样子。

直接柔边之后文字线条很粗,所以我们首先用前面说过的方法把线条减细一圈。K和L比较大,比其他字更粗,所以我们使用比较粗的边线来削。

文字最初都是红色系的渐变。然后开始柔边操作,其中K字有些问题,不得不切成两块分别编组柔边。最后把中心部分填成白色,其中几个字母的中心部分填成红色。

Logo的式样有很多。最近比较流行在标题字样后面加上一个图标。

注意Ctrl + G多分组。组的好处很多,比如不会和其他部分互相影响,还可以用 Ctrl + 上下调整层次。

按此在新窗口浏览图片

上面的logo一共有5个组。


这里有一些游戏Logo供参考。部分logo完全可以用Flash做出来,其中FF的最NB....就一行Impact字体的字加一根横线,简洁干脆。而另一些用了外发光、材质等等,推荐使用PhotoShop制作。

这里不准备介绍如何用PhotoShop,稍微提一下:网上搜罗一下“材质 贴图库 下载”,推荐在使用图层蒙版和图层效果制作。

按此在新窗口浏览图片


按此在新窗口浏览图片

按此在新窗口浏览图片

按此在新窗口浏览图片

按此在新窗口浏览图片

按此在新窗口浏览图片

按此在新窗口浏览图片

按此在新窗口浏览图片

按此在新窗口浏览图片

按此在新窗口浏览图片

按此在新窗口浏览图片

动态文本不能被编辑,所以很多简单的效果都有些麻烦。这里就介绍一些对话框中文字的制作。


4.1 制作对话框

首先参考下各种游戏的对话框:
(待续)


源代码网供稿.
网友评论 (0)
会员中心
设计在线
本站推荐
设计在线之精华