平面设计与制作第4章.ppt

1、第第4 4章章 文字编排文字编排4.1 4.1 输入文字输入文字124.2 4.2 编辑文字编辑文字目录目录 在在Photoshop CS4Photoshop CS4中，文字既能起到传达和叙述的意义又中，文字既能起到传达和叙述的意义又能起到画龙点睛的效果。因此，在进行海报、产品包装、网站能起到画龙点睛的效果。因此，在进行海报、产品包装、网站等的设计时，常常需要使用文字。等的设计时，常常需要使用文字。在在Photoshop CS4Photoshop CS4中输入文字是通过文字工具来实现的。中输入文字是通过文字工具来实现的。可使用文字工具在图像中的任何位置创建文字，可以对文字设可使用文字工具在图像

2、中的任何位置创建文字，可以对文字设置各种格式，如斜体、上标、下标、下划线和删除线等，还可置各种格式，如斜体、上标、下标、下划线和删除线等，还可以对字体进行简单的艺术变形，能将文字转换为矢量路径，轻以对字体进行简单的艺术变形，能将文字转换为矢量路径，轻松地把矢量文本与图像完美结合，随图像信息一同输出。松地把矢量文本与图像完美结合，随图像信息一同输出。4.1 4.1 输入文字输入文字 当输入文字时，当输入文字时，“图层图层”面板中会自动添加一个新的文字图面板中会自动添加一个新的文字图层。在这些模式中，文字将以栅格化文本的形式出现在图像上。层。在这些模式中，文字将以栅格化文本的形式出现在图像上。文字

3、工具的属性栏如下图所示。文字工具的属性栏如下图所示。文字工具的属性栏文字工具的属性栏点文字输入效果点文字输入效果4.1.1 4.1.1 输入点、段落文字输入点、段落文字 Photoshop CS4 Photoshop CS4提供了两种常用的提供了两种常用的文字输入形式：点文字和段落文字输文字输入形式：点文字和段落文字输入形式。可以依据需要输入文本的数入形式。可以依据需要输入文本的数量及版式的不同选择适当的文本输入量及版式的不同选择适当的文本输入形式。形式。1.1.点文字点文字 点文字效果就是从在图像中单击的点文字效果就是从在图像中单击的位置开始一个水平或垂直文本行。文位置开始一个水平或垂直文本

4、行。文本行的长度随着输入的文字增加而变本行的长度随着输入的文字增加而变长，即使超出图像范围也不会自动换长，即使超出图像范围也不会自动换行，除非按行，除非按EnterEnter键。如果图像中需要键。如果图像中需要添加少量文字，点文字是一种不错的添加少量文字，点文字是一种不错的输入形式。点文字输入效果如输入形式。点文字输入效果如右图所右图所示。示。2.2.段落文字段落文字 段落文字效果就是从在图像段落文字效果就是从在图像中拖出的矩形区域的左上方开始中拖出的矩形区域的左上方开始的一个区域内的多个水平或垂直的一个区域内的多个水平或垂直文本行。文本行的长度受到矩形文本行。文本行的长度受到矩形外框的限制，

5、当文本遇到外框会外框的限制，当文本遇到外框会自动换行。在输入完毕后，依然自动换行。在输入完毕后，依然可以灵活调整矩形外框，以达到可以灵活调整矩形外框，以达到调整文本的效果。可以调整矩形调整文本的效果。可以调整矩形外框的大小，使文字在调整后的外框的大小，使文字在调整后的外框内重新排列，还可以使用外外框内重新排列，还可以使用外框调整来达到旋转、缩放和斜切框调整来达到旋转、缩放和斜切文字的目的。段落文字输入效果文字的目的。段落文字输入效果如右图所示。如右图所示。段落文字输入效果段落文字输入效果3.3.点文字与段落文字的转换点文字与段落文字的转换 依据需求可以在点文字与段落文字之间进行转换，以达到灵活

6、依据需求可以在点文字与段落文字之间进行转换，以达到灵活调整的目的。可以将点文字转换为段落文字，以便在矩形区域内调调整的目的。可以将点文字转换为段落文字，以便在矩形区域内调整字符排列；可以将段落文字转换为点文字，使各文本行彼此独立整字符排列；可以将段落文字转换为点文字，使各文本行彼此独立排列，便于单独操作。排列，便于单独操作。将段落文字转换为点文字操作方法如下：将段落文字转换为点文字操作方法如下：在在“图层图层”面板中选择段落文字所在图层，在菜单栏中执行面板中选择段落文字所在图层，在菜单栏中执行“图层图层”“”“文字文字”“”“转换为点文本转换为点文本”命令。命令。将点文字转换为段落文字操作方法

7、如下：将点文字转换为段落文字操作方法如下：在在“图层图层”面板中选择点文字所在图层，在菜单栏中执行面板中选择点文字所在图层，在菜单栏中执行“图图层层”“”“文字文字”“”“转换为段落文本转换为段落文本”命令。命令。注意：将段落文字转换为点文字时，所有溢出外框的字符都将注意：将段落文字转换为点文字时，所有溢出外框的字符都将被删除。因此在转换前应调整外框，使全部文字都显现出来，以避被删除。因此在转换前应调整外框，使全部文字都显现出来，以避免丢失文字。免丢失文字。文字未溢出文字未溢出文字溢出文字溢出 区分文字是否溢出，需要观察右下方的拖动手柄的形态：区分文字是否溢出，需要观察右下方的拖动手柄的形态：

8、呈现呈现“口口”字形状时表明文字并未溢出；呈现字形状时表明文字并未溢出；呈现“田田”字形状字形状时表明文字已经溢出，如图下图所示。时表明文字已经溢出，如图下图所示。4.“4.“字符字符”面板面板 通过使用通过使用“字符字符”面面板，可以设置文字的字体、板，可以设置文字的字体、文字的大小等参数，还可文字的大小等参数，还可以设置文字的行距、垂直以设置文字的行距、垂直和水平比例、字间距等参和水平比例、字间距等参数。在菜单栏中执行数。在菜单栏中执行“窗窗口口”“”“字符字符”命令完成命令完成对对“字符字符”面板的调用。面板的调用。“字符字符”面板面板5.“5.“段落段落”面板面板 通过使用通过使用“段

9、落段落”面板，可以改变或重新定义文本的排列方式、面板，可以改变或重新定义文本的排列方式、段落缩进、段落间距等。在菜单栏中执行段落缩进、段落间距等。在菜单栏中执行“窗口窗口”“”“段落段落”命令命令完成对完成对“段落段落”面板的调用。面板的调用。“段落段落”面板面板文字蒙版图文字蒙版图 文字选区文字选区4.1.2 4.1.2 创建文字型选区创建文字型选区 使用使用“横排文字蒙版工具横排文字蒙版工具”或或“直排文字蒙版工具直排文字蒙版工具”输入文字，输入文字，我们能够得到一个具有文字形状的选区。文字选区出现在现用图层我们能够得到一个具有文字形状的选区。文字选区出现在现用图层中。我们可以对创建的文字

10、型选区进行移动、复制、填充或描边等中。我们可以对创建的文字型选区进行移动、复制、填充或描边等操作。操作。4.1.3 4.1.3 横排、直排文本及互换横排、直排文本及互换 我们可以使用我们可以使用“横排文字工具横排文字工具”或或“直排文字工具直排文字工具”输入输入横排或直排文字。横排或直排文字。如果需要对已输入的文字进行横排或直排的互换，我们可如果需要对已输入的文字进行横排或直排的互换，我们可以在菜单栏中执行以在菜单栏中执行“图层图层”“文字文字”“水平水平”或或“垂垂直直”命令，还可以在文字选项栏中直接点击命令，还可以在文字选项栏中直接点击“更改文本方向更改文本方向”按钮按钮 。4.2 4.2

11、 编辑文字编辑文字 除了对已经存在文字进行添加、删除、修改、查找、替除了对已经存在文字进行添加、删除、修改、查找、替换等基本操作以外，我们还可以对文本进行旋转和变形等操换等基本操作以外，我们还可以对文本进行旋转和变形等操作。不仅如此，我们还可以将文本转化成选区、路径和形状作。不仅如此，我们还可以将文本转化成选区、路径和形状进行更高级别的操作。进行更高级别的操作。旋转效果旋转效果4.2.1 4.2.1 文本的旋转和变形文本的旋转和变形 1.1.文本的旋转文本的旋转将光标放置在文本外框角落中的控将光标放置在文本外框角落中的控制点外侧，然后进行拖动，可以实制点外侧，然后进行拖动，可以实现将文本旋转一

12、定角度的功能。现将文本旋转一定角度的功能。2.2.文本的变形文本的变形选择操作对象后，在菜单栏中直接选择操作对象后，在菜单栏中直接执行执行“编辑编辑”“自由变换自由变换”命命令或者执行令或者执行“编辑编辑”“变换变换”命令的级联菜单中的缩放、旋转、命令的级联菜单中的缩放、旋转、斜切等命令。斜切等命令。3.3.创建文字变形创建文字变形 Photoshop CS4 Photoshop CS4提供了一提供了一些参数化的文字样式，要想些参数化的文字样式，要想使用这些文字样式，只需单使用这些文字样式，只需单击选项栏中的击选项栏中的“创建文字变创建文字变形形”按钮，就可以打开按钮，就可以打开“变变形文字形

13、文字”对话框，如下图所对话框，如下图所示。可以在对话框示。可以在对话框“样式样式”下拉列表框中选择下拉列表框中选择PhotoshopPhotoshop预置的预置的1515款文本样式。不仅款文本样式。不仅如此，还可以对这些样式的如此，还可以对这些样式的作用方向、作用方向、“弯曲弯曲”、“水水平扭曲平扭曲”和和“垂直扭曲垂直扭曲”等等参数进行调整，以求得到理参数进行调整，以求得到理想的文字效果。想的文字效果。“变形文字变形文字”对话框对话框 另外，不能像对待普通图层那样，对文字图层使用画笔工具另外，不能像对待普通图层那样，对文字图层使用画笔工具或滤镜命令等。为了能够像其他图层那样灵活操作，可以将文

14、字或滤镜命令等。为了能够像其他图层那样灵活操作，可以将文字图层栅格化转换成普通图层。但它的内容不能再使用文字工具进图层栅格化转换成普通图层。但它的内容不能再使用文字工具进行编辑了。将文字图层转换成普通图层后无法再转换回文字图层，行编辑了。将文字图层转换成普通图层后无法再转换回文字图层，除非撤销操作。将文字图层栅格化的操作是在菜单栏中执行除非撤销操作。将文字图层栅格化的操作是在菜单栏中执行“图图层层”“栅格化栅格化”“文字文字”命令。命令。栅格化前的栅格化前的“图层图层”面板面板栅格化后的栅格化后的“图层图层”面板面板文本转换为选区前后的图像效果文本转换为选区前后的图像效果我们可以利用现有的文我

15、们可以利用现有的文字图层和相关命令创建字图层和相关命令创建一个与文字相同形状的一个与文字相同形状的选区。具体的操作方法选区。具体的操作方法是是:在图层调板中选择在图层调板中选择文字图层，然后在菜单文字图层，然后在菜单栏中执行栏中执行“选择选择”“载入选区载入选区”命令。命令。4.2.2 4.2.2 文本转换为选区范围文本转换为选区范围 4.2.3 4.2.3 文本转换为路径和形状文本转换为路径和形状 1.1.文本转换为路径文本转换为路径 文本转换为路径具体操作如下：在文本转换为路径具体操作如下：在“图层图层”面板中选择文字图层，面板中选择文字图层，然后在菜单栏中执行然后在菜单栏中执行“图层图层

16、”“”“文字文字”“”“创建工作路径创建工作路径”命令。命令。这样就可以沿文字边缘创建一条路径，同时这样就可以沿文字边缘创建一条路径，同时“路径路径”面板中文本路径面板中文本路径自动转换为工作路径。自动转换为工作路径。转换为路径后的图像效果转换为路径后的图像效果转换为路径后的转换为路径后的“路径路径”面板面板2.2.文本转换为形状文本转换为形状 文本转换为形状具体操作如下：在文本转换为形状具体操作如下：在“图层图层”面板中选择文字图层，面板中选择文字图层，然后在菜单栏中执行然后在菜单栏中执行“图层图层”“”“文字文字”“”“转换为形状转换为形状”命令，可以命令，可以在文字区域上创建形状，同时在

17、文字区域上创建形状，同时“路径路径”面板中产生一个相应的矢量蒙版。面板中产生一个相应的矢量蒙版。通过编辑矢量蒙版，可以灵活地改变文字的形状，并且还可以实时地看通过编辑矢量蒙版，可以灵活地改变文字的形状，并且还可以实时地看到改变文字形状的填充效果。此时文字图层将变换属性，无法再使用文到改变文字形状的填充效果。此时文字图层将变换属性，无法再使用文本工具对其进行编辑。本工具对其进行编辑。转换为形状后的图像效果转换为形状后的图像效果转换为形状后的转换为形状后的“路径路径”面板面板本章小结本章小结 本章主要讲解了本章主要讲解了Photoshop cs4Photoshop cs4中文本的输入与编辑。中文本

18、的输入与编辑。文本的输入有点文字和段落文字两种较为常用的形式。点文字文本的输入有点文字和段落文字两种较为常用的形式。点文字与段落文字可以相互转换。利用字符调板和段落调板进行调整是与段落文字可以相互转换。利用字符调板和段落调板进行调整是我们的需要掌握的知识点。我们的需要掌握的知识点。文字的编辑主要有两大部分内容：第一部分是简单操作部分，文字的编辑主要有两大部分内容：第一部分是简单操作部分，我们只需要执行简单的菜单操作、鼠标操作即可完成，创建变形我们只需要执行简单的菜单操作、鼠标操作即可完成，创建变形文字也只是简单的参数化设置。第二部分是高级操作部分，将文文字也只是简单的参数化设置。第二部分是高级操作部分，将文本转化成选区、路径或是形状后，对文字操作将更加随意，因为本转化成选区、路径或是形状后，对文字操作将更加随意，因为选区、路径或是形状为我们提供了更广阔的操作空间。因此对于选区、路径或是形状为我们提供了更广阔的操作空间。因此对于文本向选区、路径或是形状的转换使我们要熟知的。针对选区、文本向选区、路径或是形状的转换使我们要熟知的。针对选区、路径和形状的操作将在其它章节里进行详细介绍。路径和形状的操作将在其它章节里进行详细介绍。第第4 4章章 结束！结束！