Fireworks文本路径结合操作

[复制链接]
查看: 254|回复: 0
gggds 发表于 2009-12-27 03:18:05 | 显示全部楼层 |阅读模式
输入的文本一般总是位于一个矩形的文本框中,很多情况下我们需要绘出动态的文本。为达到这个效果,我们可以绘制一条路径,然后将文本附着于路径之上,文本将随着路径的改变而改变。不过此时路径又失去了笔触、描边、填充等路径属性。下面我们具体看看Fireworks中文本和路径的结合操作可以实现哪些灵活丰富的效果。
! s2 a( s1 V) D* r  1. 附加文本到路径
- W9 E* }1 }3 \. q  在Fireworks中,我们可以将文本附加到某个路径上,此时文本会按照路径的方向和形态排列。当文本被附加到路径后仍然可以编辑文本,描边、填充和效果属性都将用于文本,而非路径。不过一旦文本与路径剥离,路径还能恢复它的原有属性。下面看看如何将文本附加到路径的:
6 L  l* _( T/ G; H  (1) 新建一个文件,然后选择工具箱中的钢笔工具,在绘图区中绘制出一条路径,如图1所示。 4 s) e6 X2 V2 D1 L0 `) Y) ]
( h( o: E; B! ~( K# _/ |" E' e
1 y% _" z5 l2 p/ r
图1 绘制路径
) l9 ^" C; C& O7 \, e- v  (2) 选择工具箱中的文本工具在绘图区单击添加一个文本。然后使用工具箱上的选择工具按住Shift键同时选中路径和文本对象,如图2所示。7 d, R2 \' e% P3 n- q. `2 F% S

6 Z$ q) ]' Q7 v: j( d6 r* z/ m* \5 F/ o3 y: X( ]6 @$ x
图2 选中文本和路径
( v! \4 o: }4 `  (3) 点击“Text”菜单,在下拉菜单中选择“Attach to Path”(附加到路径),文本即被附加到路径上,这时文本随着路径的形状而改变其原先的方向和位置,如图3所示。
. o: O* n4 Z: C% i
. z* C8 T* a3 Q; Z  O9 q" M  y
8 M6 q6 b2 g+ q/ h2 `: h) X图3 将文本附加到路径上/ F: L& v' x6 L$ S
  (4) 如果分离文本与路径,可选中文本与路径后,选择“Text”菜单下的“Detach from Path”(从路径分离)。分离后,路径将恢复其原有属性。
/ P8 d; B8 t* J  注意:如果文本的长度超出了所附加到的路径长度,那么剩下的文本会折返回来重复路径的形状,出现这样的情况可以通过修改文本的字体大小或者修改路径的长度来调整。) @5 f: \9 b  y  `) v/ S( Q
  2.改变文本起始位置3 n! l$ J" S  s( K7 n" S9 j
  选中附加到路径上的文本在属性面板的“Path offset” (文本偏移)文本框中输入需要的偏移量即可改变文本的其实位置,如图4所示。得到图5所示图像。
: \" g% _/ S1 o* K  Z  ~: ?
. E. G0 b6 l; ~7 v" H$ c
; K  @5 P1 I: i9 s; C图4 设置文本偏移量
% v* i* s( g2 D% m; ]3 a3 y5 D) s( _2 I6 m. C6 n0 b% s) V* Q
% \' |" e3 M% E2 z, I3 y- r0 E' E
图5 改变文本的起始位置
4 l6 M' A  L) ]4 Z$ a% S/ D' V
; H1 ~/ g! @' N" z; o$ a( L- l8 _, W[color=red\\'][1]
. X5 Q3 Y+ p( b! T4 D[2]下一页
6 P. `+ f/ s! G9 n8 K
3.改变文本方向 & S" }. P8 p" x) q9 j, h

" N- T  ~6 |. u$ H$ w# |  文本被附加到路径后,选择“Text>>Orientation”,然后从其子菜单中选择需要的方向可以进一步改变文本的方向。Orientation菜单下级菜单中的四个选项分别如下:Rotate Around Path(依路径旋转)、Vertical(垂直)、Skew Vertical(垂直倾斜)、Skew Horizontal(水平倾斜)。图6至图9所示分别为四种选项的效果。. m/ L- `) d) N9 E2 h, f, `

, ]3 H- y1 e4 b7 J; S& r
) M7 y: m1 Q' i) t: j6 p图6 依路径旋转的效果/ @3 W, ~% K3 O  V, d

2 Y1 R( m$ g/ y" S
$ a) A, x- A9 l( z# w图7 垂直的效果$ r/ J7 f* M& x9 X& N# @8 o" I/ I
# [5 D- `8 Q& v/ [  I3 n$ U
- D6 J& H* g" t! r
图8 垂直倾斜的效果4 X; k- @8 U, w
" v) }6 ]( @* k1 B4 g6 Q
) ]. |& ?- o2 t1 d" h3 ?
图9 水平倾斜的效果# j. `8 M. b/ x% c
  另外,选择 “Text>>Reverse Direction”还可将文本翻转,如图10所示。
  W1 Y8 t7 N9 L
' i/ V, s& c' j9 U6 Y
+ k: i, U) w* @( \! U图10 翻转文本# f) r- m/ V) ]. t6 l( G
  4.改变文本对齐方式
7 W% F( y/ A* m& ]" T  通过选择“Text>>Align”菜单中适当的选项,可按路径排列调整文本的对齐方式,如图11所示。1 }2 p/ @% i& S$ Y% I
* m% o0 w" T& p( i
" }6 y# ?6 Y5 z( E0 {! v4 K' P# V
图11 对齐子菜单. H- n* l! g7 R7 n
  图12至图16所示的分别是Left(左对齐)、Centered Horizontally(水平居中对齐)、Right(右对齐)、Justified(两端对齐)和Strentched(强制对齐)的效果。1 m: `! d! }5 N: _: ^! F7 B

' I+ d. ?* w; ?3 C! E# q/ x( L! j3 m+ v; o$ q
   图12 左对齐的效果
3 T/ }' P* q; Z0 d: E, t' I" q# D- S, \' |1 z

' m/ J7 c  f) D1 x图13 水平居中的效果
" q% F( P$ u9 I( Q+ m
3 @+ X3 S$ O" W; N" G2 B1 g1 s7 @0 T! }5 l. o% I
图14 右对齐的效果' [7 l' }! ?1 q5 ]/ X/ @

9 t8 w* m& h/ J
3 `' J+ O  _; T2 c2 C& V- U0 l图15 两端对齐的效果. N1 O7 W4 V, P3 `) `2 p6 d' z

9 o6 J" N* y" X) E: _5 Y3 ^) r7 P- C0 S: w
图16 强制对齐的效果上一页[1]* S: Z  d0 }% h+ H0 r
[color=red\\'][2]3 S0 c# l, j3 b' Q- V4 K: `

本版积分规则

精彩图文

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