FLASH中像素字体使用技巧收集教程1.0（转）

来源: BlogBus 原始链接: http://www.blogbus.com:80/blogbus/blog/diary.php?diaryid=93922 存档链接: https://web.archive.org/web/20041205054344id_/http://www.blogbus.com:80/blogbus/blog/diary.php?diaryid=93922

<<<2004年2月17凌晨记 / 首页 / 爱情守望者>>> FLASH中像素字体使用技巧收集教程1.0（转）制作商业Flash动画的朋友相信对于象素字体一定不陌生。它又小又酷，非常漂亮，受大多数设计师的欢迎。目前像在全国非常有名的04系列字体（图－1） 04系列字体的官方网站： http://www.04.jp.org/ 大家可以到这里面去下载所有的04系列字体。(蓝色：04 字体对 flash 支持不好，并不是为 flash 开发的像素字体，建议用专为 flash 开发的字体。去 www.miniml.com 看看吧，今天还有幸收到 where-here 的邮件列表，专门提到了为 flash开发的像素字体网站 www.fontsforflash.com ，where-here 的会员，将提供10%的折扣) 对于04系列字体，Flash的支持并不完善。不仅对于04系列，对于其他各种类型的字体支持都不是那么完善，因为Flash是一个矢量动画软件。他可以很好的解决图像因为放大或缩小所造成的失真问题，但对于由单个象素构成的图形支持不好，即使目前的FlashMX也是如此。比如（图－2）曾经有许多网友问过我关于象素字体的处理方法，但因为很麻烦，所以没有一一说清楚，于是决定写这篇文章，针对象素字体在Flash中的运用技巧所出现的各种问题的解决方法。

象素字体的基本使用这时候就有网友要问了，难道连如何使用这种字体都要说明吗？是的，因为这种字体的特殊性，对于他的基本使用，有必要说明。每一种象素字体都有它最合适的一个大小，如果不符合这个大小就会出现模糊，或者失去了象素字体的视觉效果等等，就像宋体的最佳大小是9号字体一样。一般的象素字体最佳大小都在4号～15号之间，至少目前我还没有遇到超出这个范围的字体。下面我把04系列字体的最佳大小清单列出来，以供大家参考。由上列清单可以看出，一般的象素字体都是在8号大小，所以一般我们都有8号，如果不行，再一个一个的进行试验。（www.miniml.com 基本上都是8pix ，用pt 是不标准的说法。）
关于象素字体的坐标。象素字体它的构成是由象素做单位构成的，而对于它在场景中的坐标而言，必须是整数！这是好多朋友犯的错误。如果嵌入了MovieCilp中，MovieCilp在场景中的坐标也必须是一个整数，否则就会出现模糊的状况。而且对于将Flash嵌入网页中对它的大小设定也必须是原动画的大小，否则都会出现模糊的状态。
在符号中的使用为了能够更好的组织动画结构，我们一般都会用符号去构成动画。如果将象素字体嵌入符号中，编辑时也要注意。在构成象素字体的时候，一定要在主场景中构成，也就是先在主场景中输入文字，然后按F8键将其转换为符号，如果先生成符号，在符号中编辑，字体会出现模糊状况。而对于在调用编辑时候，一定不能从符号库中去调用。因为每个符号在Flash中就是一个小动画，而他们在主场景中的坐标并不受限制，也就是一个符号有他一个自己的内部坐标系。所以如果要关联主场景中的主坐标系，就要首先在主场景中生成元素，然后在创建符号，让符号使用主场景的坐标系。调用的时候在主场景中双击这个符号进行编辑，符号仍然使用主场景的坐标系，如果从符号库中去调用，则脱离了与主场景的坐标系关联。这也需要我们在制作动画的时候养成一个非常好的习惯，否则你需要重新制作整个符号。（蓝色：这里忘记介绍最重要的，建立符号时，选择的坐标中心点，如果选择正中间，通常会出问题，我选择左上角）
象素之间的错误排列有时候在输入字体的时候并没有发生模糊的状况，而导出动画的时候却出现了如图－2中第行文字的情况，这是Flash对矢量图形的处理错误（蓝色：应该是字体做的不完善）。要解决这个问题也不难，只是相对比较麻烦。要测试字体是否出现排列错误的情况，可以用Ctrl+B连续两次打散文字图形。如果出现了这种情况，先撤销之前的操作，然后用直线工具，将排列错误的象素在新图层中勾画出来，然后剪贴，在文字的那个图层按Ctrl+Shift+C将线框粘贴在原处，并把排列错误的象素分割出来，然后选中删除即可。（图－4）
请勿使用动态字体 Flash的文字工具有个功能是动态装入字体，即调用字库Fonts显示相应的字符，这样可以很好的减少动画文件的体积。但在使用这个功能之前请先考虑：观看这个动画的网友是否装有这些字体呢？例如象素字体一般非专业用户都没有安装这类字体。观看的时候会团成一团，非常有损美观。我看过好多大意的朋友使用这个功能来解决象素字体模糊的问题，在自己的机器上测试没有问题。而像一般的宋体等等字体默认安装的字体，则可以使用这个功能。（蓝色：这个观点我不赞同，如果只是英文字体显示，可以使用动态字，并设置包含字体，如果是中文，则使用宋体，不包含。如果只是有限的中文字，则只需要把有限的字体包含进去就是了。如果非要包括中文字体，那么请参照这篇文章设置 danger 中文字体与Flash共享库) 以下为引用：中文字体与Flash共享库在做Flash项目时,我们常常会重复使用一些素材(包括图片,声音，影片简辑,字体等). 这个时候就需要用到共享库,只要将常用的素材定义为共享库.然后就可以供其他文件直接调用了. 使用共享库的好处是: 1,方便我们管理素材. 2,可以给整个项目减肥. 例如:一张100K的图片,你在10个文件里面用到.最后这些文件加起来就快1M了. 但如果你把这个图片定义成共享库(SWF),再用100个文件来调用. 最后全部加起来也就100K多一点,当你要修改图片时只用修改共享库就行了. 上面的共享库概念已经是VERY OLD了.但据我了解,国内很少人使用共享库. 今天我主要想说的是共享中文字体,Flash 5就可以共享字体,但不支持中文字体.MX也不行但是Flash MX 2004可以了.中文字体都很大,一个字体通常在2到6M之间.共享后在网上使用仍然不太实际,建议还是使用系统字体. 制作光盘或局域网应用时就可以选择共享中文字体,那样不存在带宽问题. 我做了个例子,看这里使用共享库共享字体的方法,看下面: http://www.macromedia.com/support/flash/ts/documents/sharedfonts.htm 最近在论坛里看到有人问:"不知什么原因，我的FLASH做得有6兆多？" 答案是因为那位先生把某个中文字体全部嵌入到了Flash文件中. http://www.blueidea.com/bbs/newsdetail.asp?id=1328771
使用Photoshop辅助像之前提到的对于象素错误排列的问题可以用勾画然后删除的方法，但假设有上百甚至上千个文字等着你一个一个去勾画难道还一个一个去画吗？所以这里建议用Photoshop。他在解决这类象素问题上非常良好，而且Flash也支持对于透明GIF的导入。我们中Photoshop先输入要输入的文字，然后在文字选项中选择“消除锯齿无”。然后导出透明的GIF再导入Flash，这样就可以很好的解决了，但相对出来的动画体积比较大。（图－5）
LoadMovie()方法的注意用Flash做网站的朋友经常要用到LoadMovie方法去读取一些动画，而如果在动画中使用了象素字体，这里就要注意了：返回放置动画的目标不能是符号，因为我之前已经说过了，符号和主场景并没有使用一个坐标系，如果读取到了符号中就会出现模糊，这里我们要读取到层级里，但有些朋友就提出了：我需要读取的动画有一个特定的坐标，如果这样的话读取动画后会自动将动画设置成X:0,Y:0的坐标。要解决这个问题把被读取动画的大小设置的和主动画一样大小，然后在做被读取动画的时候事先计算好他在主动画中的位置，这样就可以解决这个问题了。（蓝色：这个问题也说的太绝对了，如果要了解 loadMovie 后，MC的坐标问题，请查询小乙哥写的相关文章。对初学者来说，load 到场景是比较容易理解的方法。）
周边资源因为目前象素字体异常的流行，国外又推出了许多新的象素字体，例如HOOGE系列的，对Flash的支持都不错。大家可以到国外的网站去找找，国内我还没有见到有下载的。或者可以访问我的网站，在我的网站里面也有这几个系列的字体下载，地址： http://www.blackflasher.net/ 另外其实在系统中，还有一个非常棒的象素字体，而且他是任何Windows机器上都带有的，就是系统默认的缺省字体：sans字体，使用他一定要用动态字体功能，他的最佳大小是9号。这样他就即可以减少文件大小问题，也可以达到很好的视觉效果。如图－6 好了，关于象素字体的使用方法就介绍到这里，顺便提醒大家，如果想让字体更漂亮，建议全部字母使用大写，（蓝色：这点我也不赞同。文字的可读性就差了，如果大片文字，我还是建议按正常大小写完成。FLASH的表现对象，仍然是内容，再好看的东西，没有内容，也会失去光彩。）因为象素字体本身在视觉语言中是以点的形式存在的。而点一定要规则，否则会失去了存在的意义。所以用全部大写的字母来使用象素字体会更加好看！ (qhwa: 以上的方法都是基于Flash MX 及以前版本的, Flash MX 2004 提供了新的工具: 锯齿文字工具. 看下面的教程：) 制造像素字体，FLASH MX2K4？在FLASH里使用超细字号的文字？当然会第一时间想到04这样经典的像素字体（PIXEL FONT）但是用PIXEL FONT缺点也不是没有，首先是需要位置定得相当准确，否则字还是要糊（需要精确到0.1像素地调，很烦）其次是每款PIXEL FONT通常都只有一个字号是合适的，你想它变大变小？没门~~最后是需要整个字体嵌入SWF（虽然它们一般都很小）但是FLASH MX2K4里却有新的功能，看下面：点选之后，FLASH就会将你想要的字体转为像素字体，BINGO~~以后像素字体自己做啦？比较一下9PX时候的ARIAL矢量字体跟像素字体，是不是清楚了很多？同时带来另一显著好处就是SWF的体积会变小，不过像素字体的SIZE大到一定程度体积还是会超过矢量的（不过我们用像素字体一般都是小字）当然，机器总是比不过手工的，我尝试了一下，自动转出来的像素字体一般不如手工的理想（注：有些字体如ARIAL的9PX其实是制作矢量字体时已经特别设计完附加了像素字体在TTF中，所以效果还是很好的），同时不同SIZE的像素字体可是要分开存放占更多空间的，矢量则是多大的SIZE都还是一样。同样地，你也可以在SHARE LIB的字库里使用像素字体（这里表达为锯齿字体 --）最后要说的是，像素字体的设计仍然是不可取代的艺术！（自 pixelx ) Posted by mojaves at | Trackback( 0 ) so help me to get where i belong......i love u Y tou....forever.hehehaha……………… 评论鑫哥,这次的改动不错哦,我觉得,是BLOGBUS上面最个性的皮肤了捏...:)恭喜... Posted by 徐 bear.blogbus.com @ 2004-02-27 10:05 不愧是“最佳视觉设计”！ Posted by 横戈 hengge.blogbus.com @ 2004-02-27 10:52 还有好多没完善的地方…… Posted by mojaves @ 2004-02-27 13:31 说实话,一直想看到鑫哥你的新东西...这次,终于能够如愿了哈:)我看不出有什么不完善的捏... Posted by 徐 bear.blogbus.com @ 2004-02-27 15:56 很有特色的blog，为什么字体的颜色有不同呢。 Posted by piapia octopus.blogbus.com @ 2004-02-27 22:39 嘿嘿，支持一下。 Posted by pixelx www.coolfd.com @ 2004-03-05 03:57 不错呀...嘻嘻嘻 Posted by 一笑而过 @ 2004-04-23 11:15 谢谢了 Posted by AOYU aoyu.blogbus.com @ 2004-07-04 10:28 你的flash在哪里呢？没看到。想念成都了。。。。 Posted by 豆芽 gira.blogone.net @ 2004-08-03 17:34 想说的啥？最后更新试听：许巍新专辑第一推荐曲《曾经的你》 3日晚，看了部电影 HAPPY TOGETHER 青春后遗症 FREE THE DEPT. Thank You for Hearing Me KFC vs 回锅肉回来了棉花 Leonard Cohen - In My Secret Life