走进流媒体的世界

液晶效果巧制作

平时在翻看一些设计杂志的时候常能看到这样一种字体,他们全是由小的方块组成,组合起来很清楚地体现一种常见的字体,有点像手机上的液晶显示。把这种字体放在一些照片上,再对字体覆盖的区域加反色或者加亮,能取得不错的效果。在网上的Banner广告条中,也经常可以看到类似的效果,突出了一种电子的气氛。一般来说,借助于外部字体可以实现这样的效果。不过,这样一来就被局限为一种固定的字体,就不可以自由地用任何字体来制作液晶效果了。于是静下心来研究这种字体。本来以为只要用网格填充字体就可以了,但是却发现,虽然字体内部方块组成,但是边缘却还是按照原来字体的边界呈圆弧,没有方块堆砌的样子。然后又试过用马赛克滤镜在边界打出大的锯齿,却发现这个滤镜会改变某些马赛克块的颜色,造成边界颜色的不准确,所以还是不行。后来突然想到,在用Type Tool向图片中加入文字时,可以保留文字边界天然的锯齿,只要有办法让这些锯齿变大,问题就可以解决。既然无法让锯齿直接变大(我一时想不出比较迅速准确的方法),那就让锯齿跟着缩小的文字一起变大,经过实验果然成功了。现在就把具体步骤写下来,供大家参考学习。
1. 新建一幅100×50(像素)的图片,进入channle面板,新建一个channle,取名Alphe1,用Type Tool在上面打上白色的文字,文字大小为16 pixels。为了让最后的效果更为明显,在选择字体时建议使用粗一点的字体。 在输入文字时把Anti-Alias选项换成None,即关闭自动抗锯齿功能。
2. 打开file->preferences->general选项,将Interpolation下拉项改成Nearest Neighbor(Faster),这样的目的是使图片在放大后保证边界的锯齿不受损失,等比放大(在做完这个例子后要记得改回来哦,不然在处理其它图片时会发现锯齿很厉害)。选择image->image size将图片放大到600%(看到边界的锯齿被放大了吧)。
3. 新建一个6×6(像素)的图片,黑色背景,在居中位置用白色画出4×4的方块。按“Ctrl+a”全选该图片,然后选择edit->define pattern,把它定义成pattern。返回第一张图片,按住“Ctrl”键点击前面写字的通道Alpha1,让白色的文字部分被选取,选择edit->fill,选择use下拉项为pattern,即用前面定义的pattern填充被选取分。
4. 按“Crtl+d”取消选择后就可以看到方块字就做好了。你可以用Select->Load Selection,把Alpha1通道作为选择区域读到图层中进行上色等处理。
在这个例子中,使用了平时可能忽略的file->preferen -ces->general中的Interpolation选项,这不是作图的命令,而是控制PhotoShop处理图片的质量和时间的平衡,在这里我们需要锯齿的出现,所以把它改成最差。由于在整个制作过程中,我们都是在没有边界抗锯齿的情况下完成的,颜色也只有2色,所以通过转换软件可以很精确地将文字转换成矢量图,再用字体制作软件做成TTF字体,这样你就不需要每次都这样做一遍了。看一看制作成果吧,如图。


(Semon)