也谈Fireworks像素化文字的制作方法(1)

[复制链接]
查看: 255|回复: 0
gggds 发表于 2009-12-27 03:24:24 | 显示全部楼层 |阅读模式
  首先声明,教程思路不是自己的,是参考了ps的教程而决定用fw来进行制作的! ps的教程出自 六月海设计——《用Photoshop制作像素化文字》,因为手痒,就照猫画虎的用fw来制作了一下,具体的制作过程请参看下面的具体步骤吧!  1、打开fw,新建文件,大小为50 x 50 像素,背景色采用默认的白色即可。  2、在编辑区输入文字对象,这里输入了“风”这个字,字体为“华文行楷”,字号大小随意,此处采用了“45”,并且“加粗”文本对象,将边缘效果设为“不消除锯齿”,具体设置如下图所示。
5 v+ x1 K6 w/ Y& D' Q6 q# u
6 }3 o# `/ ~, i; J6 ?
! {( V' K5 @* l  3、选中文本对象,单击菜单“修改--平面化所选”命令,或者按快捷键“Ctrl+Shift+Alt+Z”,将文本对象转化为位图对象,继续后面的操作。  注意:此处务必要将文本对象转化为位图对象,否则后面的操作就没有意义了。  4、在编辑区以外的任意地方单击鼠标左键,属性面板成为“文档”属性面板的显示状态。单击面板上“图像大小”按钮,在弹出的“图像大小”设置框中,将图像的“像素尺寸”区域的宽和高的数值大小都设为 500,然后单击“插值法”的下拉菜单,将插值方式设为“最近的临近区域”,具体设置如下图所示。
7 |- t' d8 ?; F" X1 H3 T9 e2 o% ?5 ~1 N

% Y# p# h" i! O+ Q6 w* Y3 S! n+ r2 ^! o( v
  注意:有关“插值法”的几种计算方式的知识,将在教程最后做一个简单的讲解。这里如果不太了解的话,可以先不用管它,继续后面的操作步骤即可。5 ]2 |% S4 c  H: W- D' j7 B, j. L
  5、此刻编辑区的图形对象如下图所示。# ~' ~' s, c8 U- t/ w

1 D. t' h3 Z# p% r9 A5 g! n# }* R( [9 q, y0 _9 a

$ [& T8 d& b& U, l/ ?  6、接下来,我们要制作一个用来产生像素化效果的填充纹理图片。再次新建一个文件,文件的大小为 10 X 10像素大小,背景色采用白色即可。  7、使用矩形工具在编辑区绘制一个矩形对象,在属性面板上设置矩形对象的填充色为“无”,描边色采用“红色”,描边类型为“1像素”,宽,高均为10像素大小,具体设置如下图所示:
1 b6 {$ a7 ]' p* k) m8 y! v/ x2 @1 J- ~" v" l7 h) V
' f; d- ?! T: A0 Q( H, p0 C
; W/ t+ K/ g; c  Q0 L% R
  8、一切设置完毕,保存文档到你知道的地方 。  9、返回到刚才编辑的像素文字效果的编辑窗口, 打开层面板,按下“Ctrl”键,然后单击“位图层”,即可得到转化为位图对象的文字的选区,具体操作参看如下图。. X6 g$ ]' X" \! I* Y. _

* }/ J3 x( K& _3 G
3 [. B) u& ~/ W# ^9 v) F1 J5 j) i' Y2 Y! ~+ @- }* Y0 E
  10 、单击工具箱上的“油漆桶”工具,然后调整属性面板的填充设置。单击“填充类别”的下拉菜单,选择“图案——其他”,在弹出的“定位文件”的对话框中选择我们第8步操作保存的文件即可,颜色填充井就会显示出我们刚刚制作保存的纹理图案了,属性面板此刻如下图所示,; ?9 F4 _8 y2 i! @' Y+ q% d! V2 u

* D$ q0 ?; K" V/ x" ~, l' X- Q/ j4 L/ H2 O+ T3 _
1 P" o( r% }  s# k
  注意1:将边缘设为“实边”,“容差”值设为“0”并且取消“填充选区”前面的复选框。  注意2:如果我们将将“边缘”设为“羽化”,并且给予一个数值大小,并且将“容差”值设为任意一个数值,如下图所示。
- H- S! v! ~; {6 f
2 l# o* G2 X* O. m) K: l0 Y9 {! k! _6 U  h

( B- k8 S) E/ W  如果我们按照上图设置继续随后步骤的操作的话,效果会有一些不同,具体操作结果请参看第12步的操作。

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )