输入的文本一般总是位于一个矩形的文本框中,很多情况下我们需要绘出动态的文本。为达到这个效果,我们可以绘制一条路径,然后将文本附着于路径之上,文本将随着路径的改变而改变。不过此时路径又失去了笔触、描边、填充等路径属性。下面我们具体看看Fireworks中文本和路径的结合操作可以实现哪些灵活丰富的效果。
图1 绘制路径
(2) 选择工具箱中的文本工具在绘图区单击添加一个文本。然后使用工具箱上的选择工具按住Shift键同时选中路径和文本对象,如图2所示。
图2 选中文本和路径
(3) 点击“Text”菜单,在下拉菜单中选择“Attach to Path”(附加到路径),文本即被附加到路径上,这时文本随着路径的形状而改变其原先的方向和位置,如图3所示。
图3 将文本附加到路径上
(4) 如果分离文本与路径,可选中文本与路径后,选择“Text”菜单下的“Detach from Path”(从路径分离)。分离后,路径将恢复其原有属性。
注意:如果文本的长度超出了所附加到的路径长度,那么剩下的文本会折返回来重复路径的形状,出现这样的情况可以通过修改文本的字体大小或者修改路径的长度来调整。
图4 设置文本偏移量
图5 改变文本的起始位置
图6 依路径旋转的效果
图7 垂直的效果
图8 垂直倾斜的效果
图9 水平倾斜的效果
另外,选择 “Text>>Reverse Directi width=308>
图10 翻转文本
图11 对齐子菜单
图12至图16所示的分别是Left(左对齐)、Centered Horiz width=314>
图12 左对齐的效果
图13 水平居中的效果
图14 右对齐的效果
图15 两端对齐的效果
图16 强制对齐的效果
无忧站长学院,建站自然无忧www.5ucms.org
上一篇:5ucms培训,FW制作片头文字渐显渐隐动画 下一篇:5ucms教程,Fireworks 制作 IE 浏览器图标 |
|
本站声明:本网站所载文章等内容,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题,请在30日内与本网联系(Email:3876307#qq.com),我们将在第一时间删除内容。若原创内容转载请注明出处。 5ucms仿站,Fireworks文本路径结合操作的关键词: |