2008-05-04

Mac版photoshop模拟bitmap字体

bitmap-font.jpg
(本文方法仅只用于解决中文和日文字体的扭曲问题)

用photoshop做网页设计平面稿,为了让客户or制作人员直观的看明白哪里是图片文字哪里是代码文字,一般都是取消代码文字的消锯齿模式,以模拟在IE下呈现的位图字体效果。

但是在Mac系统下,这个情况就会变得很棘手。

Mac OS自带的宋体,直接使用会产生乱码,所以需要拷贝windows版本的宋体来替换系统默认宋体。这里一定要注意,需要解决一下字体重复的问题,就是在字体名称旁边会出现一个圆点,在字体册的“编辑”菜单下,有一个“解决重复”选项。

现在字体有了,但是很快你会发现,锯齿模式下的文字,有时看起来扭曲的厉害(如上图)。

怎么办?

一个方法是,command+T,手工拉大一点,可以解决这个问题。不过当要调整的文字非常多,一个个手工拉大不就变成摧残啦~?

这里还有一个方法是,调整文字的垂直百分比

把字体垂直百分比改成95%~105%之间的某个值,可以让文字正确显示。这个值并不是固定的,甚至在不同的图层,需要使用不同的设置值。而且这个值,跟字体扭曲的程度也没什么关系,上面图片第一种演示了整段文字完全扭曲的状态,但是很多时候,只有一部分字是扭曲的,偶尔也有字号大小不一的状况。你需要以1%为变量逐次加减来慢慢调整。很奇妙的是,正确的那个调整数值,可能是与100%对称的两个,如上图示,101%和99%都呈现出正确的位图字体效果。

因为12px字体整段变形后的大小,看起来是个随机的11.*,而且因为在windows下显示比例正常的文档,在mac下则显示为纵向压扁的效果,所以我猜可能是字体设计时像素比率的问题。

另外在调整画布大小时,或从一个文档拖到另一个文档,已经调整好的文字,都有可能会重新扭曲,所以,在作这样的操作时务必注意检查。

还有,如果你有更好的调整方法,一定要告诉我啊,拜谢并感激涕零 stO...

No comments:

Post a Comment

你不想说点儿啥唛 ?