任务3 鲜花字
任务描述
本例中运用【文字工具】输入一定格式的文字,运用【魔棒工具】和【磁性套索工具】选择一部分图像进行编辑,利用【自由变换】命令对置入的图像进行变形,并运用【图层样式】命令对置入的图像设置阴影、投影、外发光等效果,其最终效果如图1.57所示。
图1.57 最终效果
相关知识
1.3.1 【套索工具】组
【套索工具】组主要用来创建不规则形状范围的选区。在工具箱上用鼠标右键单击【套索工具】按钮,会弹出下拉工具列表,可在其中选择不同的套索工具,如图1.58所示。
图1.58 【套索工具组】下拉工具列表
1.套索工具
使用【套索工具】可以以手控的方式选取不规则形状的曲线区域。单击工具箱中的【套索工具】按钮,工具选项栏如图1.59所示,其中各项参数的含义与【矩形选框工具】的工具选项栏中的参数含义基本相同。
图1.59 【套索工具】的工具选项栏
使用【索套工具】创建不规则选区的具体操作方法如下。
步骤1:打开配套素材文件01/相关知识/笔记本.jpg,单击工具箱中的【套索工具】按钮,在其工具选项栏中对相应的参数进行设置。
步骤2:将光标移动到图像编辑区中,此时光标将变为形状,从要创建选区的起点开始,按住鼠标左键并拖动,如图1.60所示。
图1.60 绘制选区的过程
步骤3:当起点与终点重合时释放鼠标左键,即可得到选区。如图1.61所示。
图1.61 【套索工具】创建的选区
2.多边形套索工具
使用【多边形套索工具】可以以手控的方式选取具有直边的图像部分,一般多用于选取多边形选区,如三角形、梯形和五角星等。右键单击工具箱中的【套索工具】按钮,在弹出的下拉工具列表中选择【多边形套索工具】按钮,工具选项栏如图1.62所示。其中各参数的含义与【矩形选框工具】的工具选项栏中的参数含义基本相同。
图1.62 【多边形套索工具】的工具选项栏
使用【多边形套索工具】创建选区的具体操作方法如下。
步骤1:打开配套素材文件01/相关知识/1.3文件夹下的“五角星.jpg”图像文件,右键单击工具箱中的【套索工具】按钮,在弹出的菜单中选择【多边形套索工具】按钮,在其工具选项栏中对相应的参数进行设置。
步骤2:将鼠标移动到图像编辑区中,此时光标将变为形状,单击鼠标以确定起点。
步骤3:移动鼠标,在转折处单击以确定选区的另一个端点,如图1.63所示。
图1.63 绘制选区的过程
步骤4:当欲选择的范围全部选中且起点与终点重合时,光标将变为 形状,此时单击鼠标即可得到一个封闭的选区,如图1.64所示。
图1.64 【多边形套索工具】创建的选区
3.磁性套索工具
【磁性套索工具】是三种套索工具中功能最强大的,该工具可以自动与区域的边缘对齐,具有方便、准确、灵活的特点。
右键单击工具箱中的【套索工具】按钮,在弹出的下拉工具列表中选择【磁性套索工具】按钮,此时工具选项栏如图1.65 所示。【磁性套索工具】的工具选项栏中的各项参数作用如下。
图1.65 【磁性套索工具】的工具选项栏
◆ 羽化和消除锯齿:这两个参数与【矩形选框工具】中的【羽化】和【消除锯齿】参数作用一样。
◆ 宽度:用于设置磁性套索的宽度,取值范围在1~40像素,其值越小,检测越精确。
◆ 边对比度:用于设置创建选区时边缘的对比度,取值范围在1%~100%,较高的百分比可以检测对比鲜明的边缘;较低的百分比则检测低对比度边缘。
◆ 频率:用于设置选取时的定位节点的数量,取值范围在 1~100。其值越大,节点越多,如图1.66所示。
图1.66 不同频率值的节点效果
◆ 钢笔压力:用于设定绘图板的笔刷压力。该选项只有安装了绘图板及其驱动程序时才有效。
使用【磁性套索工具】创建选区的具体操作方法如下。
步骤1:打开配套素材文件01/相关知识/向日葵.jpg图像文件,右键单击工具箱中的【套索工具】按钮,在弹出的下拉工具列表选择【磁性套索工具】按钮,在其工具选项栏中对相应的参数进行设置。
步骤2:将鼠标移动到图像编辑区中,此时光标将变为形状,单击鼠标以确定起点。
步骤3:沿要选取的区域边缘移动鼠标,将产生一条套索线并自动附着在图像周围,每隔一段距离将产生一个节点,节点数量与设置的【频率】取值有关。
步骤4:当起点与终点重合时,光标将变为形状 ,此时单击鼠标即可得到一个封闭的选区,如图1.67所示。
图1.67 【磁性套索工具】创建的选区
1.3.2 【快速选择工具】组
【快速选择工具】组中提供的工具可以选择图像内色彩相同或相近的区域,而不必跟踪其轮廓。在工具箱上用鼠标右键单击【快速选择工具】按钮,出现快速选择工具的下拉列表,如图1.68所示。
图1.68 【快速选择工具组】
1.快速选择工具
快速选择工具的使用方法是基于画笔模式的。也就是说,可以用“快速选择工具”拖动“画”出所需要的选区。如果是选取离边缘比较远的较大区域,就要使用大一些的画笔;如果是要选取边缘比较近的较小区域,则换成小尺寸的画笔,这样才能尽量避免选取背景像素。
打开一幅花朵素材文件,单击工具箱中的【快速选择工具】,设置画笔大小为“30”,在花朵内部拖动鼠标,即可创建如图1.69所示的选区。继续在花朵内部拖动鼠标,直到选区创建完成,如图1.70所示。
图1.69 绘制选区的过程
图1.70 【快速选择工具】创建的选区
2.魔棒工具
在工具箱中右键单击工具箱中的【快速选择工具】按钮,在弹出的下拉工具列表中选择【魔棒工具】按钮,此时【魔棒工具】的工具选项栏如图1.71所示。
图1.71 【魔棒工具】的工具选项栏
【魔棒工具】的工具选项栏中的各项参数作用如下。
◆ 容差:用于设置颜色取样时的范围,取值范围在0~255之间,系统默认值为32。取值越小,选取的颜色越接近,选取的颜色范围越小;取值越大,选取的颜色范围越大。
◆ 消除锯齿:用于平滑选区边缘。
◆ 连续:选中该复选框表示只选择颜色相近的连续区域,如图1.72 所示;未选中该复选框会选取颜色相近的所有区域,如图1.73所示。
图1.72 选中【连续】复选框的效果
图1.73 未选中【连续】复选框的效果
◆ 用于所有图层:当图像含有多个图层时,选中该复选框可以对该图像的所有图层起作用;未选中该复选框只对当前图层起作用。
1.3.3 文字工具
文字是艺术作品中常用的元素之一,使用Photoshop制作各种精美的图像时,可以使用文字增加作品的主题内容,图像中适当的文字可以起到画龙点睛的效果。如果为文字赋予合适的艺术效果,可以使图像的美感得到极大的提升。
文字工具是一个工具组,在工具箱中单击文字工具,会弹出下拉工具列表,其中包括【横排文字工具】、【直排文字工具】、【横排文字蒙版工具】和【直排文字蒙版工具】。
1.横排文字工具
使用【横排文字工具】,可以在图像上创建水平排列的文字,操作方法如下。
步骤1:在工具箱中选择【横排文字工具】,此时工具选项栏如图1.74所示,可对输入的横排文字进行格式设置。
图1.74 横排文字工具选项栏
步骤 2:在图像中放置文字处单击一下,即可在该位置插入了一个文本光标,在光标后面输入要添加的文字,如图1.75所示。
图1.75 输入文字
2.直排文字工具
为图像添加垂直排列文本的操作方法与添加水平排列文本的操作方法相同。
在工具箱中选择【直排文字工具】,然后在页面中单击并在光标后面输入文字,则可以得到垂直排列的文字,效果如图1.76所示。
图1.76 输入直排文字效果
3.文字选区工具
使用【横排文字蒙版工具】和【直排文字蒙版工具】,能够创建水平或垂直文字选区。文字选区是一类特别的选区,它具有文字的外形。使用文字选区工具可以非常轻松地创建文字选区,下面通过一个具体的实例来说明文字选区工具的用法。
步骤1:在工具箱中选择【横排文字蒙版工具】,在图像中插入一个文本光标,在输入状态下图像背景呈现淡红色。
步骤2:在淡红色背景下输入文字,此时文字为实心文字,如图1.77所示。
图1.77 输入文字
步骤3:在工具选项栏中单击【提交所有当前编辑命令】按钮退出文字编辑状态,可看到如图1.78所示的文字选择区域。
图1.78 退出文字输入状态
步骤4:打开一幅素材文件,如图1.79所示。
图1.79 素材图像
步骤5:按【Ctrl+A】组合键,执行全选操作,按【Ctrl+C】组合键,执行复制操作。
步骤6:切换到文字选择区域所在文件,选择【编辑】→【贴入】命令,得到如图1.80所示的图像文字效果。
图1.80 图像文字效果
1.3.4 格式化文本
格式化文本包括对文本字符和对文本段落的格式设置,除了在介绍横排文字工具时使用的工具选项栏之外,还可以通过【字符/段落】面板对文字进行格式化。
1.【字符】面板
使用【字符】面板可以对文字的字符属性进行设置,包括设置文字的字体、大小、颜色、间距和行距等。在工具选项栏中单击“显示/隐藏字符和段落面板”按钮,便可弹出【字符】面板,如图1.81所示。在面板中可直接设置需要改变的选项。
图1.81 【字符】面板
下面介绍【字符】面板中主要的参数,如【行距】、【垂直缩放】、【水平缩放】和【字距调整】等对文字的影响。
(1)设置行间距
在此数据框中输入数值或在下拉列表框中选择一个数值,可以设置两行文字之间的距离,数值越大,行间距越大。
(2)垂直缩放/水平缩放
这两个数值能够改变被选中文字的水平及垂直缩放比例,得到较高或较宽的文字效果。
(3)设定所选字符间距
此数值控制了所有选中文字的间距,数值越大,间距越大。
(4)设置特殊样式
单击其中的按钮可以将选中的文字改变为该按钮指定的特殊显示形式。可将文字改变为粗体、斜体、全部大写、小型大写、上标、下标或为文字添加下画线和删除线等。
2.【段落】面板
如果输入的文本较多,形成段落后,就需要对文字的段落进行调整。对段落的设置是应用于整个段落而不只是单个字符,例如段前空格、段后空格、对齐方式等,下面介绍如何通过【段落】面板来设置段落的属性。
单击【字符】面板右侧的【段落】标签,弹出如图1.82所示的【段落】面板。在面板中可直接设置需要改变的选项。
图1.82 【段落】面板
下面介绍在【段落】面板中比较常用的参数。
◆ 对齐方式:选中要设置的文本,单击其中的选项为所选文本设置对齐方式。
◆ 左缩进值:设置文字段落的左侧相对于左编辑框的缩进值。
◆ 右缩进值:设置文字段落的右侧相对于右编辑框的缩进值。
◆ 首行缩进值:设置选中段落的首行相对其他行的缩进值。
◆ 段前添加空格:设置当前文字段落与上一文字段落之间的垂直间距。
◆ 段后添加空格:设置当前文字段落与下一文字段落之间的垂直间距。
◆ 连字:设置手动或自动断字,仅适用于Roman字符。
1.3.5 文字变形效果
使用文字工具选项栏中的创建文字【变形】按钮可以使文字扭曲变形,用这一功能可以使图像中的文字效果更加丰富,在Photoshop中提供了15种文字扭曲效果,如图1.83所示是使用变形文字功能制作的15种不同扭曲文字效果。
图1.83 文字变形效果
1.3.6 【置入】命令
【置入】命令可以将照片、图片或任何Photoshop支持的文件作为智能对象添加到文档中。可以对智能对象进行缩放、定位、斜切、旋转或变形操作,而不会降低图像的质量。
智能对象是包含栅格或矢量图像(如Photoshop或Illustrator文件)中的图像数据的图层。智能对象将保留图像的源内容及其所有原始特性,从而让您能够对图层执行非破坏性编辑。
例如,选择【文件】→【置入】命令,将出现如图1.84所示的对话框,然后选择要置入的文件,单击【置入】按钮。
图1.84 【置入】对话框
这个时候会发现置入的图像不能应用,图像上面有方框和叉线。如图1.85所示,按【Enter】键或双击图层可以激活置入图像。
图1.85 置入图像
想对置入的图像进行编辑,在置入的图像图层上右键单击选择【栅格化图层】才可以进一步编辑处理,快捷菜单如图1.86所示。
图1.86 栅格化图层
1.3.7 编辑选区
创建选区后,往往要根据实际情况来对选区进行修改,如移动选区的位置,调整选区大小、形状,旋转选区,反选,保存选区等操作。在这一部分内容中,将向读者介绍一些常见的编辑选区的操作。
1.移动选区
移动选区是对选区进行的最基本的操作。要移动选区,可先选择工具箱中的任意选择工具创建选区,然后将指针移动到选区内,按下鼠标左键,将其拖动到适当的位置后释放鼠标左键即可,移动前后的效果如图1.87所示。
图1.87 选区移动前后的效果
2.增减选区
(1)增加选区
步骤 1:利用工具选项栏中的【添加到新选区】按钮可以增加选区。打开配套素材文件01/相关知识/圆柱体.jpg,如图1.88所示,首先使用工具箱中的【矩形选框工具】按钮,可以选取一个矩形范围,如图1.89所示。
图1.88 圆柱体
图1.89 矩形选区
步骤2:使用工具箱中的【椭圆选框工具】按钮,在图1.90所示的鼠标位置按住【Shift】键,并拖动鼠标左键,增加选区,效果如1.91所示。
图1.90 增加选区
图1.91 增加选区效果
(2)减去选区
步骤:使用工具箱中的【椭圆选框工具】按钮,在图1.92所示的鼠标位置按住【Alt】键,并拖动鼠标左键,减少选区,效果如图1.93所示,这样就将圆柱体的柱面选中了。
图1.93 增加选区后的效果
图1.92 光标的变化
3.修改选区
修改选区操作主要包括放大选区、缩小选区、扩边、变换选区、反选、存储和载入等操作。
(1)扩大选区
扩大选区就是指扩大选区的范围,下面主要介绍三种扩大选区的方法。
方法一:
步骤1:打开配套素材文件01/相关知识/玫瑰花.jpg图像文件,运用【磁性套索工具】构造出如图1.94左图所示的选区。
步骤 2:选择【选择】→【修改】→【扩展】命令,弹出【扩展选区】对话框,在【扩展量】文本框中输入需要的像素值,如图1.94右图所示。
图1.94 选区与【扩展选区】对话框
步骤3:单击【确定】按钮,即可扩大选区,效果如图1.95左图所示。将前景色设置为粉色,新建一个图层,然后按【Alt+Delete】组合键填充选区,并按键盘的数字键【5】,将图层变为半透明,将可以看到扩展的粉色半透明玫瑰区域,如图1.95右图所示。
图1.95 【扩展选区】后及填充半透明的粉色效果
方法二:打开配套素材文件01/相关知识/美人蕉.jpg,在选区已经创建的情况下,选择【选择】→【扩大选取】命令,可以扩大原有的选取范围,所扩大的范围是原选区相邻和颜色相近的区域,颜色的近似程度由【魔棒工具】工具栏中的“容差”参数值来决定。执行【扩大选取】命令前后效果如图1.96所示。
图1.96 执行【扩大选取】命令的前后效果
方法三:利用方法二中的素材,在选区已创建的情况下,选择【选择】→【选取相似】命令,可以扩大原有的选取范围,所扩大的范围是把图像中所有近似颜色的区域都包括进来。执行【选取相似】命令前后效果如图1.97所示。
图1.97 执行【选取相似】命令的前(左图)后(右图)效果比较
(2)缩小选区
缩小选区功能可以使选区范围减少,与扩大选区的功能恰好相反。打开配套素材文件01/相关知识/香蕉.jpg,选择【选择】→【修改】→【收缩】命令,弹出【收缩选区】对话框,如图1.98所示。在该对话框中设置【收缩量】参数值(在这里设置为20),单击【确定】按钮,即可完成缩小选区的操作。缩小选区前后效果如图1.99所示。
图1.98 【收缩选区】对话框
图1.99 缩小选区前(左图)后(右图)的效果
(3)扩边
选择【选择】→【修改】→【边界】命令,弹出【边界选区】对话框,如图1.100所示。在【宽度】文本框中输入一个像素值,介于1~200之间(在这里输入20),然后单击【确定】按钮,沿原选区边界形成一个新的环形选区,如图1.101所示。
图1.100 【边界选区】对话框
图1.101 扩边后的效果
4.反选
反选是指重新选取当前选区之外的部分,即非当前选区。方法是选择【选择】→【反向】命令,或按【Ctrl+Shift+I】组合键,效果如图1.102 所示。通常情况下,可以先选取图像中易选取的部分,然后通过【反向】命令得到其余需要而不易选取的部分图像。
图1.102 原选区(左图)与反选后(右图)效果
5.存储和载入选区
选区创建完成后,可以利用Photoshop提供的存储选区功能将其保存;也可以将已经保存的选区应用到图像中,即载入选区。
(1)存储选区
选区创建完成后,选择【选择】→【存储选区】命令,弹出【存储选区】对话框,如图1.103所示。其中各项参数的作用如下。
图1.103 【存储选区】对话框
◆ 文档:用于选择存储选区的目标图像文件,默认为当前图像文件;也可选择【新建】选项,创建一个新文档来保存选区。
◆ 通道:用于设置保存选区的通道。
◆ 名称:在【通道】下拉列表框中选择【新建】选项后,该项设置才有效,其作用在于设置新通道的名称。
◆ 操作:用于设置保存的选区和原选区之间的组合关系。默认为【新通道】,其他选项只有在【通道】下拉列表框中选择了已经保存的Alpha通道时才有效。
◆ 在【存储选区】对话框中设置好各项内容后,单击【确定】按钮即可保存该选区。
(2)载入选区
若将已保存好的选区应用到图像中,可以选择【选择】→【载入选区】命令,弹出【载入选区】对话框,如图1.104所示。其中各项参数的作用如下。
图1.104 【载入选区】对话框
◆ 文档:用于选择要载入选区的图像文件。
◆ 通道:用于选择载入哪一个通道中的选区。
◆ 反相:用于将选区反选。
◆ 新建选区:用于将新载入的选区代替原选区。
◆ 添加到选区:用于将新载入的选区与原选区相加。
◆ 从选区中减去:用于将新载入的选区与原选区相减。
◆ 与选区交叉:用于将新载入的选区与原有的选区交叉。
在【载入选区】对话框中设置好各项内容后,单击【确定】按钮即可载入该选区。
任务实现
步骤1:在Photoshop中打开配套素材文件01/案例/背景2.jpg,如图1.105所示。
图1.105 背景图像
步骤2:选择【文件】→【置入】命令,置入本书的配套素材文件01/案例/向日葵.jpg,然后按【Enter】键,如图1.106所示。
图1.106 置入文件
步骤 3:接下来右键单击【向日葵】图层,在出现的快捷菜单中选择【栅格化图层】命令,如图1.107所示。
图1.107 【栅格化图层】命令
步骤 4:隐藏“向日葵”图层,选择【横排文字工具】,打开【字符】面板,并按照如图1.108所示进行设置。
图1.108 【新建图层】对话框
步骤5:输入文字“HearT”,注意H、T要大写,输入后的效果如图1.109所示。
图1.109 文字输入后的效果
步骤6:选择【文件】→【置入】命令,置入本书的配套素材文件01/案例/玫瑰花.jpg图像文件,然后按【Enter】键,并【栅格化图层】,效果如图1.110所示。
图1.110 置入文件
步骤7:按【W】键选择【魔棒工具】,容差设为“50”,鼠标单击空白处,并单击【Delete】键,删除花以外的部分,并按【Ctrl+D】组合键去掉选区,效果1.111所示。
图1.111 去掉留白处的效果
步骤 8:置入本书的配套素材文件01/案例/白花.jpg,具体操作类似步骤6、步骤7,效果如图1.112所示。
图1.112 白花效果
步骤9:置入本书的配套素材文件01/案例/黄花.jpg,按【W】键选择【磁性套索工具】,选择黄花部分,按【Ctrl+Shift+I】组合键反选,将花以外的图像部分删除,按【Ctrl+D】组合键取消选区,效果如图1.113所示。
图1.113 黄花效果
步骤10:将文字图层隐藏,改变各个花的大小,还可以复制几朵花,让花充满文字区域,按照如图1.114所示的位置放置。
图1.114 花朵所在的位置
步骤11:取消隐藏文字所在的图层,在文字图层的上面再放置一些小花做装饰,放置位置和大小可以参考图1.115,然后将文字图层下面除背景层的其他图层合并。
图1.115 在文字上放置花朵
步骤12:按【Ctrl】键单击文字图层,生成选区,栅格化文字,然后按【Delete】键删除文字填充部分,然后选中刚才合并的图层,按【Ctrl + Shift + I】组合键反选,按【Delete】键,删除的效果如图1.116所示。
图1.116 鲜花字
步骤13:最后给鲜花文字加上图层样式:【投影】、【内发光】、【外发光】,外发光颜色设置为“#0353cc”,内发光颜色设置为“#02e3f7”,其他值设置如图1.117所示,最终的效果如图1.57所示。
图1.117 设置图层样式
练习实践
利用本节学到的【增加选区】、【减去选区】、【置入】命令、【横排文字蒙版工具】,以及前面学到的【填充工具】制作一个如图1.118所示的立体圆柱效果。
图1.118 圆柱体
提示:文字字体是“华文新魏”,文字后的图像见配套素材文件01/案例/向日葵.jpg。