当前位置: 首页 > 基础教程 > 入门教程 > 正文

10-3 区域文字排版

介绍完文字的选项后我们再来学习文字的排版,之前我们输入文字的方式可以称为行式文本,特点就是单行输入,换行的话需要手动回车,如果不手动换行,文字将一直以单行排列下去,甚至超出图像边界。

在大多数排版中,较多的文字都是以区域的形式排版的,如下图,一段《追梦人》的歌词排列在一个方块背景中。为了让文字与背景配合,我们需要在每一句的结尾回车换行。这样如果更改了背景的布局方式,文字就不能适应了,如下右图。此时必须重新按照背景来分行。如果字符数量很多,这样的操作就会显得很繁琐。

10-3 区域文字排版-10-3 区域文字排版

在设计中频繁地改动布局是常有的事,如此更改文字段落自然效率低下。针对这种情况,我们可以使用框式文本来解决。

就如同使用矩形选框工具一样,用文本工具在图像中拖拉出一个输入框,然后输入文字。这样文字在输入框的边缘将自动换行,如下左图。这样排版的文字也称为文字块。

对输入框周围的几个控制点进行拖拉(将鼠标置于控制点上约1秒钟变为双向箭头)可以改变输入框的大小。如果输入框过小而无法全部显示文字时,右下角的控制点将出现一个加号,表示有部分文字未能显示。如下中图红色箭头所指处。在输入框各控制点外部拖拉鼠标可旋转输入框,文字也相应发生旋转,如下右图。

输入框在完成文字输入后是不可见的,只有在编辑文字时才会再次出现。

10-3 区域文字排版

在上面所说的调整文字输入框的时候,只会更改文字显示区域而不会影响文字的大小。如果在调整的时候按住〖CTRL〗就可类似自由变换〖CTRL_T〗那样对文字的大小和形态加以修改。按住〖CTRL〗后拖拉下方的控制点可产生压扁效果。对其他控制点如此操作可以产生倾斜的效果。如下图。大家可以自己试试看。

自由变换命令也可以令文字块产生相同的效果。但不能使用透视和扭曲选项。要制作那样的效果需要转换文字为路径,这将在本课后面小节介绍。

10-3 区域文字排版

掌握了框式文本后,就可以很容易地改变整个文字块的段落了,如下2图。但大家必须明白,从左图到右图,是进行了两处改动的,除了改变了文字块的段落以外,还改变了作为文字块背景的那个圆角矩形的大小。

那可以同时改变两者吗?不行。如果将两个图层链接后使用自由变换〖CTRL_T〗,虽然矩形可以改变大小,但文字将产生类似上图的压挤效果,而我们想要的是让文字块依照改变后的矩形来安排段落。这主要是因为两个图层之间没有相应的从属关系,希望在以后版本的Photoshop中能够加以改进。

10-3 区域文字排版-10-3 区域文字排版

注意上左图中的歌词,在第4行的开头是一个逗号,这在中文习惯的排版中是不允许出现的。中文对于行首和行尾可以使用的标点是有限制的,称作避头尾。以下就常用标点的限制作一个说明:

行首不允许:逗号、句号、感叹号、问号、分号、冒号、省略号、后引号、后书名号、后括号。

行尾不允许:前引号、前书名号、前括号。

在输入过程中刻意去遵照这些规定是很难的。我们可以通过段落调板【窗口_段落】令已输入的文字遵照避头尾法则。如下左图是段落调板,右图是应用了避头尾法则前后的对比,注意红色箭头所指处的变化。

10-3 区域文字排版-10-3 区域文字排版

在段落调板中我们还可以对文字段落做更多更细致的调整。在其中我们可以看到原先在公共栏见过的3种对齐方式(居左对齐10-3 区域文字排版、居中对齐10-3 区域文字排版、居右对齐10-3 区域文字排版),还有4种新的对齐方式(末行居左10-3 区域文字排版、末行居中10-3 区域文字排版、末行居右10-3 区域文字排版、全部对齐10-3 区域文字排版),注意这4种对齐方式只针对由框式文本输入的段落文字才有效。

在使用过程中,大家可能会觉得两种居左的效果差不多。其实不然,虽然都是居左,但它们有不同的参照物。如下左图和中图,居左对齐10-3 区域文字排版以文字宽度为参照物。而末行居左10-3 区域文字排版以文本输入框的宽度作为参照物,这样就保证了文字充满整个输入框。其余两种居中和两种居右的区别也在于此。最后一个比较独特的是全部对齐10-3 区域文字排版,它令文字中每一行都充满输入框。这样可以令字数不同的多行文字左右边界相齐(无论字号大小),如下右图。

10-3 区域文字排版

位于对齐方式下方的5个选项是针对段落的微调,为了让效果更明显,我们输入3段文字(输入中按下回车即分段)来做示范。左缩进10-3 区域文字排版和右缩进10-3 区域文字排版的作用是将文字段落的行首和行末离开输入框一定距离,如下左图是将第二段文字左右各缩进20像素的效果。为什么看上去右边缩进的更多呢?假设容纳一行字需要10毫米的宽度,那么当行末的宽度只剩下9毫米时,本来该排列在这里的汉字就会被排到下一行的行首去。看看上左图,图中的文字行末也并不是完全对齐输入框右边缘的,这是因为行末的汉字与输入框的间距已不足以再容纳一个汉字。

那么如果我们范例中的文字大小为12像素,并且原本行末是紧贴着输入框右缘的。当右缩进20像素后,相当于右端被减去了20像素宽度,这样就有两个汉字被迁移,而这两个汉字原本是占据着24像素的宽度的。因此在视觉上看起来行末就好像多出了4像素。而在行首则不会出现这个情况,因为汉字是居左排列的。

上一篇: 10-2 使用字符调板 下一篇: 10-4 路径文字排版

赞助商

本文标题:10-3 区域文字排版
本文地址:https://www.lovehoyee.com/photoshop/1661.html