《Photoshop-CC平面设计案例教程》模块4.ppt

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,4.1,4.2,4.3,文字工具的操作,文字工具的操作,编辑文字,掌握文字工具的使用，包括横排文字工具和直 排文字工具、横排和直排文字蒙版工具。,掌握字符调板和段落调板的使用。,能够编辑文字。,图4-1是要设计制作的宣传单，这是应某购物广场要求制作的用于推广活动的宣传页，目的是将活动的具体内容、时间等信息传递给更多人，让更多人了解并参与购物广场举办的活动。,制作,宣传单,图4-1宣传单完成效果,本案例制作的是一则购物广场第五届服装展的宣传单，围绕该设计主题，首先在背景的处理上大胆地运用了蓝色，配以白色的字体，既简单又清新。在单页中放入了服装展的标志物，采用的黄色和蓝色背景产生鲜明的对比，吸引人们的关注。最后配合简单的图像向购物者介绍了活动内容，完成了设计。,利用,“,定义图案,”,命令制作宣传单的底纹。,利用改变图层混合模式的图层功能，调整图像叠加效果。,利用基线偏移功能调整文字的位置。,在Photoshop中，文字属于一项很特别的图像结构，它由像素组成，与当前图像具有相同的分辨率，字符被放大不会有锯齿，它具有矢量边缘的轮廓，放大和缩小都不会模糊，图4-2所示为在设计作品中应用的文字。,在Photoshop中，使用文字工具组中的工具可以在图像中的任意位置创建文本或文字选区，创建后会在,“,图层,”,调板中增加一个新的文字图层。,选择,“,文字工具,”,，菜单栏下方就会出现,“,文字工具,”,选项栏，可以预先在这里设置文字的各种属性，然后开始输入文字，如图4-2所示。,图4-,2,“,文字工具,”,选项栏,因为文字有时被称为文本，所以文字工具有时也被称为文本工具。在工具箱中，用来创建文本的工具有两种：,“,横排文字工具,”,和,“,直排文字工具,”,，如图4-3所示。,图4-,3,文字工具,4.1.,1 横排文字工具和直排文字工具,“,横排文字工具,”,和,“,直排文字工具,”,的使用方法是相同的，只是一个是横排，一个是直排，在此以,“,横排文字工具,”,的使用方法为例进行讲解。,4.1.,1 横排文字工具和直排文字工具,打开一幅图片，在工具箱中选择,“,横排文字工具,”,，使用该工具在图像中单击，文档中将会出现一个闪动的光标，输入文字后，Photoshop将自动创建一个缩略图显示为T的图层，如图4-4所示，这是创建的横排文字图层。,操作步骤,(1),使用文字工具创建文本的操作如下：,图4-4,创建文字,操作步骤,(1),使用文字工具创建文本的操作如下：,在选择工具时，可配合使用,【,Shift,】,键，如魔棒工具组，按,【,Shift+W,】,快捷键，可在快速选择工具和魔棒工具之间进行转换。,操作步骤,(1),使用文字工具创建文本的操作如下：,将鼠标指针置于工具图标上停留片刻后，Photoshop CC会显示该工具的名称和切换至该工具的快捷键。记住常用工具的快捷键，可显著提高工作效率。,在视图中输入所需的文本内容，如图4-5所示。,选中创建的文字，单击选项栏中的,“,切换文本取向,”,按钮，可切换文字方向为横排或直排，如图4-7所示。,操作步骤,(1),使用文字工具创建文本的操作如下：,图4-5输入文本1 图4-6切换文本方向,操作步骤,(1),使用文字工具创建文本的操作如下：,操作步骤,(1),使用文字工具创建文本的操作如下：,当文字工具处于选中状态时，可以输入文字并能对文字进行编辑。但是，如果要执行其他操作，则必须结束对文字图层的编辑才能进行。,提,示,使用,“,横排文字工具,”,在文字上拖动，选中全部文本，如图4-7所示。,在选项栏中单击,“,设置文本颜色,”,色块，打开,“,拾色器(文本颜色),”,对话框，设置颜色为白色，如图4-8所示。最后，单击,“,确定,”,按钮将对话框关闭。,操作步骤,(1),使用文字工具创建文本的操作如下：,图4-7选中全部文本图4-8设置文本颜色,操作步骤,(1),使用文字工具创建文本的操作如下：,移动鼠标指针到文本外的图像区域，单击并拖动鼠标可移动文本位置，如图4-9所示。,完成文本的编辑后，在选项栏中单击,“,提交所有当前编辑,”,按钮，可完成编辑，如图4-10所示。,操作步骤,(1),使用文字工具创建文本的操作如下：,图4-9 移动文本位置图4-10完成文本编辑,操作步骤,(1),使用文字工具创建文本的操作如下：,当需要重新编辑文字时，可在,“,图层,”,调板中双击文字图层缩览图，即可选中全部文字。或者使用,“,横排文字工具,”,在文字上单击激活文字，即可重新编辑。,操作步骤,(1),使用文字工具创建文本的操作如下：,使用,“,横排文字工具,”,在视图内拖动鼠标可以创建出一个文本框，效果如图4-11所示。,在文本框中直接输入文本，并根据需要设置文本属性，如图4-12所示。,操作步骤,(2)使用文字工具创建段落文本的操作步骤如下：,图4-11创建文本框图4-12设置文本属性,设置完毕后单击,“,提交所有当前编辑,”,按钮，完成段落文本的输入，如图4-13所示。,操作步骤,(2)使用文字工具创建段落文本的操作步骤如下：,图4-13完成段落文本输入,操作步骤,(2)使用文字工具创建段落文本的操作步骤如下：,在输入文字时，按,【,Enter,】,键可以换行。结束输入文字时可按,【,Ctrl+Enter,】,快捷键，或者按小键盘上的,【,Enter,】,键，还可以直接单击工具箱中的其他工具按钮。,提,示,使用,“,横排文字蒙版工具,”,和,“,直排文字蒙版工具,”,可以创建出文字形的选区。,4.1.2,横排和直排文字蒙版工具,(1)选取文字工具中的,“,横排文字蒙版工具,”,，并设置文字的各项属性，使用,“,横排文字蒙版工具,”,在图像窗口中单击，此时视图进入蒙版编辑模式，如图4-14所示。,操作步骤,操作步骤,图4-14使用,“,横排文字蒙版工具,”,在视图中单击,(2)在其中输入文本，红色的区域为选区外的内容，如图4-15所示。,操作步骤,图4-15在蒙版中输入文本,(3)完成文字编辑后，单击,“,提交所有当前编辑,”,按钮，文字蒙版区域将转换为文字的选区范围，为选区填充颜色，即可得到图4-16所示的效果。,操作步骤,操作步骤,图4-16完成编辑后为选区填充颜色,Photoshop提供了一种扩充文本生成能力的调板，它们分别是,“,字符,”,调板和,“,段落,”,调板，在其中可以对文字设定更多的选项。下面就针对这两个调板进行详细介绍。,执行,“,窗口,”,|,“,字符,”,命令，可以打开或隐藏,“,字符,”,调板，在该调板中可以精确地控制所选文字的字体、大小、颜色、行间距、字间距和基线偏移等属性，方便文字的编辑，如图4-1,7,所示。,4.2,.1,“,字符,”,调板,图4-17,“,字符,”,调板,选中文字所在图层，按,【,Ctrl+T,】,快捷键可变换文字大小；当文字处于可编辑状态时，按,【,Ctrl+T,】,快捷键，可打开或关闭,“,字符,”,调板。,提,示,4.2,.1,“,字符,”,调板,(1)设置字体和字形：在,“,设置字体系列,”,下拉列表框中可选择所需的字体和字形。,(2)设置字体大小：选中文本后，可在,“,设置字体大小,”,下拉列表框中设置字体大小。,“,字符,”,调板中的主要选项及按钮的含义如下：,4.2,.1,“,字符,”,调板,(3)设置行距：行距是指文字行之间的间距量。间距控制文字行之间的距离，若设为自动，间距将会跟随字号的改变而改变，若为固定的数值则不会。因此，如果手动指定了行间距，在更改字号后一般也要再次指定行间距。如果间距设置得过小，就可能造成行与行的重叠。图4-1,8,左是自动行距与手动指定为12像素行距的比较。如果有重叠发生，下一行文字将会遮盖上一行。,“,字符,”,调板中的主要选项及按钮的含义如下：,4.2,.1,“,字符,”,调板,图4-1,8,设置行间距,“,字符,”,调板中的主要选项及按钮的含义如下：,4.2,.1,“,字符,”,调板,(4)设置竖直缩放和水平缩放：这两个选项可以指定文字高度和宽度的比例，相当于将字体变高或变扁，数值小于100%为缩小，大于100%为放大。图4-,19,中3个字分别为标准、竖向50%和横向50%的效果。,“,字符,”,调板中的主要选项及按钮的含义如下：,4.2,.1,“,字符,”,调板,图4-,19,设置字体缩放,“,字符,”,调板中的主要选项及按钮的含义如下：,4.2,.1,“,字符,”,调板,(5)设置字符间距：设置文本与文本之间的间距。,(6)设置比例间距：按指定的百分比值减小字符周围的空间，字符本身并不因此被伸展或挤压。当向字符添加比例间距时，字符两侧的间距按相同的百分比减小，百分比越大，字符间压缩就越紧密。,“,字符,”,调板中的主要选项及按钮的含义如下：,4.2,.1,“,字符,”,调板,(7)设置文字颜色：为创建的文本更换颜色，选中文本，单击色块，可通过打开的,“,拾色器(文本颜色),”,对话框选取所需颜色。,(8)设置文字样式：在,“,字符,”,调板的底部有一排设置字体样式的属性栏，该选项包含了有关字符的多种功能，如加粗、倾斜、全部大写字母等。,“,字符,”,调板中的主要选项及按钮的含义如下：,4.2,.1,“,字符,”,调板,(9)设置消除锯齿的方法：该选项中有5种可设置消除锯齿的方法。其中，,“,锐利,”,使文字边缘显得最为锐利；,“,犀利,”,使文字边缘显得稍微锐利；,“,平滑,”,使文字边缘更光滑；,“,浑厚,”,使文字显得粗重；,“,无,”,就是不应用该项。,“,字符,”,调板中的主要选项及按钮的含义如下：,4.2,.1,“,字符,”,调板,选中输入的小写英文，单击,“,字符,”,调板中的,“,全部大写字母,”,按钮，可调整字母全部为大写。,“,字符,”,调板中的主要选项及按钮的含义如下：,提,示,4.2,.1,“,字符,”,调板,使用,“,段落,”,调板可对段落文本的属性进行细致的调整，还可使段落文本按照指定的方向对齐，如图4-2,0,所示。执行,“,窗口,”,|,“,段落,”,命令，即可打开该调板,。,选中段落文本后，利用,“,段落,”,调板中的对齐按钮，可使选中的段落文本按左对齐或者右对齐方式对齐文本。,4.2,.2,“,段落,”,调板,4.3.4段落调板,图4-2,0,“,段落,”,调板,(1)左对齐文本：文字左对齐，段落右端则参差不齐。,(2)居中对齐文本：文字居中对齐，段落两边则参差不齐。,(3)右对齐文本：文字段落的右边对齐，左边文本参差不齐。,(4)最后一行左对齐：段落两边左右对齐，最后一行文字左对齐。,主要参数介绍,4.2,.2,“,段落,”,调板,(5)最后一行中间对齐：段落两边左右对齐，最后一行文字居中对齐。,(6)最后一行右对齐：段落两边左右对齐，最后一行文字右对齐。,(7)全部对齐：使所有文本两端对齐。,(8)左缩进：设置该段落向右的缩进，直排文字时控制向下的缩进量。,主要参数介绍,4.2,.2,“,段落,”,调板,(9)右缩进：设置该段落向左的缩进，直排文字时控制向上的缩进量。,(10)首行缩进：设置首行缩进量，即段落的第一行向右或者直排文字时段落的第一列向下的缩进量。,(11)段前添加空格和段后添加空格：设置段落与段落之间的空余。如果同时设置段前和段后分隔空间，那么在各个段落之间的分隔空间则是段前和段后分隔空间之和。,主要参数介绍,4.2,.2,“,段落,”,调板,Photoshop中的滤镜效果、画笔、橡皮擦、渐变等绘图工具及部分菜单命令不能直接应用到文字图层，如果想要应用其效果，必须将文字图层栅格化。对于文字的处理，还可以将文字变形，转换为形状，以及创建沿路径绕排的文字。,选中文字图层，执行,“,类型,”,|,“,栅格化文字图层,”,命令，可将文字图层转换为普通图层。转换为普通图层的文字将被作为一个图像来编辑，不再拥有文字所具有的相关属性。,1.栅格化文字,文字变形是文字图层的属性之一，可以根据选项创建出不同样式的文字效果。使用文本工具选中文本图层后，在选项栏中单击,“,创建文字变形,”,按钮，打开,“,变形文字,”,对话框，如图4-2,1,所示。,2.文字变形,图4-2,1,“,变形文字,”,对话框,2.文字变形,(1)样式：决定文本最终的变形效果，该下拉列表框中包含各种变形的样式，选择不同的选项，文字的变形效果也各不相同，如图4-2,2,所示。,2.文字变形,图4-2,2,文字的不同变形效果,(2)水平或垂直：决定文本的变形是在水平方向还是在垂直方向上变化。,(3)弯曲：设置文字的弯曲方向和弯曲程度。当参数为0时没有任何弯曲效果。,(4)水平扭曲：决定文本在水平方向上的扭曲程度。,(5)垂直扭曲：决定文本在垂直方向上的扭曲程度。,2.文字变形,可以利用路径来配合文本工具进行编辑，如将文本的选区载入并转换为路径，以添加更多的其他编辑方法，或者可以在路径段上创建沿路径排列的文本等。,3.路径文字,(1)文本转换为工具路径：选中文本，执行,“,类型,”,|,“,创建工作路径,”,命令，即可沿文本轮廓创建出文本路径，从而进行更多的编辑操作，如图4-2,3,所示。,3.路径文字,操作,图4-2,3,将文本轮廓转换为文本路径并继续编辑,3.路径文字,操作,(2)创建文本绕排路径：当创建文本绕排路径时，将文字工具放置在路径上，当光标下侧出现曲线时单击，此时输入文本，文本将沿着路径走向排列，如图4-2,4,所示。,3.路径文字,操作,图4-2,4,创建文本绕排路径,操作,3.路径文字,操作,在创建文本绕排路径时，绘制路径的方向决定了Photoshop如何放置文本。如果从左向右绘制路径，文本在线上方流动；如果是相反方向，文本会颠倒显示。翻转文本，将路径上的左右两端反向拖动。,提,示,(3)创建区域路径文本：使用文本工具在封闭的路径内单击，创建的文本将在封闭路径内部，即路径的轮廓变为段落文本的文本框，限制文本的走向，如图4-2,5,所示。,3.路径文字,操作,图4-2,5,创建区域路径文本,操作,3.路径文字,操作,文字的工作路径可以像其他路径一样执行存储、填充和描边等操作，但是不能将路径文字的字符作为文本来编辑。原来的文字图层仍然存在图层中，而且可进行编辑。,提,示,输入文字,制作背景,添加底部图像,1,2,3,具体的操作步骤，请参考课本详细操作！,在平面设计作品中，使用文字变形表达设计主题是一种常用的手法，它可以使整个画面产生生动的效果，如图4-8,6,所示。,图4-8,6,海报,1.,实训内容,从效果图可以看出，变形后的文字与背景图像结合得十分到位。本实例中首先在视图中创建了文字，然后通过在,“,变形文字,”,对话框中进行设置使文字变形，最后使用,“,钢笔工具,”,在文字两侧绘制了括号图像，完成了整个实例的制作，如图4-87所示。,图4-87 制作海报的流程,该海报的主要制作过程如下。,（1）打开素材文件，使用,“,直排文字工具,”,在视图中输入文本。,（2）使用,“,创建文字变形,”,对话框变形文本。,（3）继续添加其他文本，并添加变形效果。,制作步骤,谢谢！,