设为首页
收藏本站
3D模型素材下载
开启辅助访问
素材下载
展览专用单个3D模型下载
展位展览
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
Fireworks文本路径结合操作
返回列表
发布主题
Fireworks文本路径结合操作
[复制链接]
查看:
247
|
回复:
0
gggds
当前离线
积分
22694
IP卡
狗仔卡
gggds
发表于 2009-12-27 03:18:05
|
显示全部楼层
|
阅读模式
输入的文本一般总是位于一个矩形的文本框中,很多情况下我们需要绘出动态的文本。为达到这个效果,我们可以绘制一条路径,然后将文本附着于路径之上,文本将随着路径的改变而改变。不过此时路径又失去了笔触、描边、填充等路径属性。下面我们具体看看Fireworks中文本和路径的结合操作可以实现哪些灵活丰富的效果。
_2 y7 }$ G" C$ H) _- @- _
1. 附加文本到路径
" U& c2 o9 s0 n+ V0 K) q1 Q7 f
在Fireworks中,我们可以将文本附加到某个路径上,此时文本会按照路径的
方向
和形态排列。当文本被附加到路径后仍然可以编辑文本,描边、填充和效果属性都将用于文本,而非路径。不过一旦文本与路径剥离,路径还能恢复它的原有属性。下面看看如何将文本附加到路径的:
5 ?; I- _) }* T# W
(1)
新建
一个文件,然后选择
工具箱
中的钢笔工具,在绘图区中绘制出一条路径,如图1所示。
" j. D+ D/ P6 I
" ]3 b, D9 R9 [7 S* C
: K& A8 U% |4 S6 v, U( p
图1 绘制路径
9 }: Q" H! G/ O" F' m. D# S5 y4 \) N
(2) 选择工具箱中的文本工具在绘图区单击添加一个文本。然后使用工具箱上的选择工具按住Shift键同时选中路径和文本对象,如图2所示。
. P' A/ w2 t$ i& O1 u
+ h$ ]# _3 q9 v9 J8 Q! B
5 [- S& X1 z! |& s5 E1 [
图2 选中文本和路径
5 g4 f3 i' \# L# h
(3) 点击“Text”菜单,在下拉菜单中选择“
Attach
to Path”(附加到路径),文本即被附加到路径上,这时文本随着路径的形状而改变其原先的方向和位置,如图3所示。
5 a" j" X( z8 Q2 C. Q2 ^
; X U* {4 Y0 `3 o
+ i' Q4 S5 u9 D$ T7 i3 o1 N) ?
图3 将文本附加到路径上
& O- x& l0 u/ C( w
(4) 如果分离文本与路径,可选中文本与路径后,选择“Text”菜单下的“Detach from Path”(从路径分离)。分离后,路径将恢复其原有属性。
0 q* J- e0 Y. G4 m5 O! `
注意:如果文本的长度超出了所附加到的路径长度,那么剩下的文本会折返回来重复路径的形状,出现这样的情况可以通过修改文本的字体大小或者修改路径的长度来调整。
6 W. K/ ^. b/ ]
2.改变文本起始位置
: q4 m6 H& K. h" B" @
选中附加到路径上的文本在属性面板的“Path offset” (文本偏移)文本框中输入需要的偏移量即可改变文本的其实位置,如图4所示。得到图5所示图像。
& y' w: W' T+ ]* p* r
6 [( j& L( H8 ^& M G8 ]+ y; U
! j- K% Y$ u' G' c2 ^
图4 设置文本偏移量
& O# ~6 G( _5 _' V8 w8 |8 f
! g% Z2 y2 I( F8 ?3 t4 T! G
% {1 v+ r. F, V5 i+ d
图5 改变文本的起始位置
5 u2 Z' E' b7 h3 K
2 T% _1 K' M7 k2 I; ?: d
[color=red\\'][1]
/ q6 p. _% ?) x2 u M1 O+ y. G
[2]下一页
+ A4 S: q1 x5 q2 U, \ D
3.改变文本方向
0 @% L, T/ V" S* y5 x
& F6 l+ X% X ^
文本被附加到路径后,选择“Text>>Orientation”,然后从其子菜单中选择需要的方向可以进一步改变文本的方向。Orientation菜单下级菜单中的四个选项分别如下:Rotate Around Path(依路径旋转)、Vertical(垂直)、Skew Vertical(垂直倾斜)、Skew Horizontal(水平倾斜)。图6至图9所示分别为四种选项的效果。
0 V) z) Z |/ B0 W' e! r5 c& r
/ |9 w1 e8 @" F" g2 Z9 _
) t. x2 \1 c" t3 b% g9 t- W
图6 依路径旋转的效果
0 }+ p# w; U1 X3 H6 ^! v* W" n
4 ~& C6 I$ |/ M! V. N! j- V# Q
8 H7 i3 Z0 f- o; v4 C
图7 垂直的效果
( ~2 e8 f5 Q: D4 k* r3 \/ `
) r7 a( m. h% w' i
7 q) y: A2 |, e3 P/ T
图8 垂直倾斜的效果
: N. J9 U* [( r* N
; {8 k1 t) _; ]% j) i# x
* _* j3 x: i5 y) O$ s% `
图9 水平倾斜的效果
y" L# i1 ~; k' r3 D5 ?
另外,选择 “Text>>Reverse Direction”还可将文本翻转,如图10所示。
f5 W& y/ r& |4 A" F3 o
4 L+ H( P6 s) U: Z
9 P# H. F* I+ W+ S) f9 A
图10 翻转文本
! N3 \# Z: c" T
4.改变文本对齐方式
/ v9 Q4 n- h" L9 d, m$ A* w- V: `
通过选择“Text>>Align”菜单中适当的选项,可按路径排列调整文本的对齐方式,如图11所示。
+ I9 Y: e! Q; f/ b5 }& Y. F4 e
0 h$ R9 f/ b" @ U! K+ N$ W
5 U9 s9 k1 L) N; G$ p
图11 对齐子菜单
& k: ?( D/ [% T" c& k% L; _
图12至图16所示的分别是Left(左对齐)、Centered Horizontally(水平居中对齐)、Right(右对齐)、Justified(两端对齐)和Strentched(强制对齐)的效果。
- P8 O% D7 G6 T _
) |/ v, `4 }' b* `6 }4 d
$ u8 g% c) N2 f. w
图12 左对齐的效果
- Z% K% ~) d$ Q+ E# X; `
8 x2 P7 {2 u! Y* ]9 B0 w) h8 v; Y
% C; R( ^2 d" ]
图13 水平居中的效果
0 T2 i4 {! Q$ A5 R2 [
/ V+ P# @' ~- ~; F( X
Z4 t3 V4 k8 `. I
图14 右对齐的效果
8 u! i3 n" T* W# P# R1 c; y
. K' m8 G7 Q. {# p% Z: N! y3 P
( [% O; V9 P# J v
图15 两端对齐的效果
, o. [7 X; k9 Z5 z. E4 O' K
2 \: c$ X3 q0 j% p9 j: e& _
7 t4 c0 \9 C: G/ l% `! z
图16 强制对齐的效果
上一页[1]
# \: E3 M k5 r3 l$ j# D" \( y
[color=red\\'][2]
/ _: l# z$ \$ x9 Q! e8 W' l
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
快速回复
返回顶部
返回列表