返回列表 回复 发帖

Fireworks教程:做出精美的文字特效

本文总结了不少用Fireworks绘制各种文字特效的常用表现技巧和制作方法,希望对大家有所帮助。; N5 Q4 P& M0 n( |
  一、几种常见文字特效
5 |! Z  ~% [+ Q6 v  1. 简单、常用- \+ `! B' L- ]# o. ?
两层:一是单色字体(一般是中粗)
9 A8 |! n0 F$ P  第二层是文字打散(Ctrl+Shift+P),描边(2-5px),投影(距离和柔化都在5以内)3 @8 H) L; b% K$ n
  2. 渐变
( h& m- C4 Q8 B5 }) E
7 X. A/ e5 R3 O2 M3 T: }3 ?! S4 b" z6 l5 w
本图摘自腾讯网,不是偶做的
6 c6 \' {( M6 ]# Q* \% ~7 g! C" W  N  暂时只说简单的两层式:在有色的背景中输入文字,打散。然后复制一层放在后面。
& E( e- ~( X1 _0 i  R7 v  把第一层进行这三步操作:拆分组合(Ctrl+Shift+B)、联合路径(选中所有文字“修改”-“组合路径”-“联合”)、然后填充渐变色(常用比较鲜艳的颜色,注意渐变的两个色最好一个深一个浅)9 ]9 J- i$ I* [8 Y" m" Y- j  x7 s
  后面那层就描边,根据其中的颜色来描。一般是描白色和黑色,3-5个像素宽的边。0 K2 w( B& }3 y% z4 A/ b* p
  3. 一种常见(特别是在像素画中)的凹凸效果! G+ [4 r3 S3 T5 Z) \
  共四层:主层是主体文字(用较粗的字体),给一个单一的色
+ n' p- n2 _5 }, T2 ~5 L) E  主层文字上面复制两层,一层是暗层,内投影-比主文字色暗一些的颜色,2像素边距,柔化为0,角度138左右;暗层的下面有个亮层(通常亮在暗下面,当光线不足),内投影-比主文字色亮一些的颜色,2像素边距,柔化为0,角度为315左右。
6 l, L) u% R  B; `- D  最后面给一层,为主体文字描个深色的边。OK了~
7 B2 A0 S" t) \) w4. 文字特效的另一手段:突出显示
* q- J. B, m( \6 t
9 X& X# L4 ~1 y* |! E/ @5 S  ?8 k5 a4 ~$ s$ v& v7 ], P

: |% C/ E5 {) y' O  y本图摘自腾讯网,不是偶做的
9 \6 M9 Y* _2 i. x, {( o  突出显示一些特殊的文字:比如“不错的绿色饮料哦!”其中可以把“绿色”突出来显示。把“绿色”文字放大一点用绿颜色显示。7 m3 w2 J% X8 v( J' d9 v
突出基本有这几种(可以合用):, ]- z5 A3 B$ K. ~* D/ O8 G7 z7 k
  ·字体加粗,加大
2 P- w- E; R4 a  ·文字用突出的、鲜艳的颜色(渐变色也可),以及描边(其实描边通常不需要鲜艳,用白色,或是淡色就不错,当然,也可以用与文字色相衬的艳色。
& H* h4 `2 k0 e: b( S$ s1 C0 `; @8 h  ·文字加高,倾斜,扭曲等变化,也可以相应使用。 , \+ u0 v2 v  o1 h2 E
  ·动态效果的话,就闪烁或动感效果 * G' {2 x( q+ s5 L! }% [" Y+ \( B
  ·根据文字内容,加上相应的元素。如前面提到的“绿色”,除了用绿色文字等效果,还可以在文字的上角(左右都可)添上一片绿叶,或是把文字用带水珠的绿色图片来填充。其他自己发挥,总之创意无限。 $ M) Y0 S$ @+ i% \. z
  ·改用其他字体,或是改变文字笔划。与上面接合,可以直接把“绿色”中的“纟”文字打散,用“部分选定工具”改变笔划路径,变成一片叶子。或是把“色”的下勾向右拉长,在勾中放一些叶子、草、水珠之类的元素。! O0 t. I3 F  n1 d1 o+ b
  这是westoy同学做的png源文件:* V7 U* f+ ]" l6 s/ G$ P4 J
7 B% ]( D$ {6 h  s; J9 Q

- @9 |. U( o- C* H- V4 ~8 s  5. 水晶* y( D* s' L- q' h
/ k, K* r& ?* f
  水晶的文字,就主要是利用遮罩中的两种蒙版:路径轮廓和灰度外观。3 j- r% R3 p1 L( H$ l
  另外的几种不错的水晶效果表现要点:3 B# |( W3 G8 k6 C7 I7 l
  一是高亮,我做的效果图中“招牌动作”中的“招牌”二字,上面就有这样的高亮。当然,我做的比较马虎。5 E3 V8 L3 D: l8 \! V$ S
  二是剔透的渐变:
; H9 b% N' V/ p2 \1 s9 T5 Y( n% \1 T. H
# [/ A/ l; Q4 L+ W& I; K
  就是这样的效果。通常配上白色描边,以及无柔化的白色/淡色半透明发化效果更佳。( u" z* R; r6 L
二、更眩的效果
$ B$ E1 E1 H6 p3 z; \5 @
7 `& U4 ^" _9 n8 l1 ?  我非美专生,也没有主动去研究过这些,但在经典里就有不错的帖,不用我班门弄斧了。" J) @" A! u4 z: D3 l+ d

: }& C9 X" m- s$ H5 y8 ^. @5 {, K, O/ v3 Q  w& e; _7 u, f# _
  其中特别是第一个和第二个,还有更多的东东值得研究,可以打造更多酷眩效果哦。 以下是我随便做的几个文字效果的图片。 0 E  f' G' i* B9 r2 A4 b

$ I% I/ x! f( E* B6 @5 H- b; x' H6 [
三、模仿别人的效果 ) ~  b  r1 I: G6 ]5 f; B+ u
  1. 找其他站的一些不错的效果,把图保存下来(保存不了的截图也好)。
% P8 d3 `# r, s5 p& b, I6 h. o4 ^  2. 打开FW,把图文放大数倍,看清文字到底有些什么效果。特别重要的是,把文字实现的效果层次搞清楚。' l6 O4 y' ~/ Z) ?* i1 F
基本的一些层次由内到外是:字内光亮->字内阴影->文字主体->描边/发光->阴影(通常描边和阴影可以放在一个层里实现)->其他背景7 \5 d9 `5 M( E4 k7 L, X
  3. 分清层次后就可以自己来做了。要完全仿照的话,要具备几个条件:
+ W4 e7 n( B9 b1 i* v7 A  ·对照图内是中文文字
9 P8 x: C. J) W2 Z/ u" C3 {  ·图内文字是你认识的字体(不认识的就去问吧),并且系统装有这种字体(估计你认识的字体你系统应该就会有) ' @8 [  q  D4 Y$ {: l
  ·要注意的是:有些不错的中文站,你明明看到相当不错的效果,也好像见过这种字体,可是他的效果就是如不来。这时你就可以效果,人家是不是用了字体之外的效果,比如把某个角度拉伸,某一笔划弯曲。 % C( P/ v. }) F* H
  ·如果你实在没见过那种字体,问也问不出所以然,还有一个注意的是,人家那是为自己站特别准备的字体,专业美工自制的文字。你就只能模仿着做相同的字体了(自己去画,或用相似字体变换,HOHO~)
$ p3 A: |, G& Z' a0 u0 l. f  4. 如果是英文,韩文,日文等语言的文字效果,要做成中文,只能用相似效果的字体了。寻找相似的字体,注意几点:
& ^0 q" |; Q+ ]5 K7 K  ·外文字体的角度,是圆,还是直,或其他~
. L; U* Y# S. p9 v3 ^  ·外文字体的粗细、中空。有些字是相当之厚,中文里的“经典特宋”、“华康海报”算是相当之粗了。
* k( p1 i7 @! e  ·最主要的是文字表现的风格。那要看你是从哪类网站上摘下来的图,有活跃可爱的娃娃风格(中文常用“华康娃娃”、“趣体”、“汉仪丫丫”、“汉仪娃娃篆”等)、活力动感(“华康海报”、“太极体”)、时尚潮流的风格(“秀英体”、、“圆体”、“蝶语体”)、也有方方正正的率真风格(“汉仪棱心体”、“综艺本”、“火柴体”)、严重风格(“黑体”、“宋体”)、古典雅致(古典就多不胜数了)等等,我用的机会也不多,暂时只能说这些(尽供参考,不知对否)~~
( e. i- h/ B# j' l  总之,这些效果是多多收集,切勿滥用。

风往尘香花已尽,日晚倦梳头。物是人非事事休,欲语泪先流。
闻说双溪春尚好,也拟泛轻舟。只恐双溪舴艋舟,载不动,许多愁。
返回列表