- Photoshop CS3美工广告设计百练成精
- 卓越科技编著
- 592字
- 2024-12-22 21:04:41
第2章 图像的绘制

Photoshop CS3作为一款功能强大的图像处理软件,不仅在处理图像色彩方面发挥着重要的作用,而且通过它,还能绘制出精美的图像。本章将主要讲解图像的基本绘制方法,包括使用画笔工具、渐变工具和形状工具等进行图像绘制的方法。
实例20 绘制雨丝
素材:\实例20\雨中.jpg
源文件:\实例20\雨中.psd
包含知识
■ 新建图层
■ 设置“画笔”面板
重点难点
■ 设置“画笔”面板
制作思路

原始图像

设置画笔样式

绘制雨丝

调整不透明度
01

1 打开“雨中.jpg”图像。
2 单击“图层”面板底部的“创建新图层”按钮,创建图层1。
02

1 选择画笔工具,按【F5】键打开“画笔”面板,在左侧列表框中选择“画笔笔尖形状”选项,在右侧的笔尖形状列表框中选择“柔角5”画笔选项,设置直径为200px,角度为80°,圆度为1%,间距为1000%。
03

1 在左侧列表框中选中“形状动态”复选框,设置相应的大小抖动为83%,控制为“钢笔斜度”,最小直径为3%,倾斜缩放比例为200%。
04

1 选中“散布”复选框,设置散布为500%,取消选中“两轴”复选框,选中“湿边”和“平滑”复选框。
05

1 按【D】键复位前景色和背景色。
2 按【X】键交换前景色和背景色。
3 在图像中来回拖动鼠标进行涂抹,得到如图所示的效果。
06

1 在“图层”面板中将图层1的不透明度调整为50%,得到雨丝的最终效果,完成实例的制作。
实例21 去除面部杂色
素材:\实例21\电影海报.jpg
源文件:\实例21\海报.psd
包含知识
■ 缩放工具
■ 模糊工具
重点难点
■ 模糊工具的应用
制作思路

原始图像

放大显示图像

去除脸部和额头处杂色

去除鼻梁处杂色
01

1 打开“电影海报.jpg”图像。
02

1 在工具箱中选择缩放工具。
2 在图像中人物脸部中央单击,以放大显示脸部区域。
03

1 在涂抹工具上单击鼠标右键,在弹出的工具组中选择模糊工具
,在工具栏中设置画笔主直径为25px。
2 在图像中人物面部左侧不平整的地方反复涂抹,直至得到如图所示的面部平滑效果。
04

1 按照上一步骤的操作方法,继续在人物的面部右侧和额头等面积较大的皮肤上涂抹,直至得到如图所示的面部平滑效果。
05

1 按两次【[】键,将画笔直径设置为15px。
2 继续在图像中人物的鼻梁处反复涂抹,直至皮肤平滑为止,完成实例的制作。
举一反三
根据本例介绍的方法,将左下所示面部有杂色的图像(素材:\实例21\小孩.jpg)调整成右下所示面部光滑的图像(源文件:\实例21\小孩.psd)。

实例22 制作夜景
素材:\实例22\城市一角.jpg
源文件:\实例22\城市一角.psd
包含知识
■ 画笔工具
■ 设置前景色
重点难点
■ 画笔工具的应用
制作思路

原始图像

降低亮度

局部洽抹

最终效果
01

1 打开“城市一角.jpg”图像,观察发现该图像反映的是白天的风景效果。
02

1 按【Ctrl+M】组合键打开“曲线”对话框,向下拖动右上角调整点降低图像亮度,单击“确定”按钮。
03

1 单击工具箱中的“前景色”色块,在打开的对话框中设置颜色为绿色(R48,G255,B0),单击“确定”按钮。
04

1 选择画笔工具,在工具栏中设置画笔模式为“颜色减淡”,画笔为“柔角35”,流量为10%,在图像左下侧涂抹上色。
05

1 继续在已涂抹的区域底部的水面处涂抹上色,模拟出灯光投影到水面上时的倒影效果。
06

1 按照步骤3~步骤5的操作方法,分别设置不同的前景色并在图像中涂抹模拟灯光效果和灯光投影到水面后的倒影效果,直至得到如图所示的夜景效果,完成实例的制作。
实例23 面部润色
素材:\实例23\补妆.jpg
源文件:\实例23\补妆.psd
包含知识
■ 海绵工具
重点难点
■ 海绵工具的应用
制作思路

原始图像

去除肩部多余颜色

去除颈部多余颜色

增加脸部饱和度
01

1 打开“补妆.jpg”图像,观察发现该人物面部皮肤有些苍白,没有润泽感,而身体部分的皮肤颜色则过分浓烈。
02

1 在工具箱中选择海绵工具,并在工具栏中设置画笔主直径为300px,模式为“去色”。
2 移动鼠标指针到人物肩部处,这样做的目的是为了确定要修改皮肤的范围。
03

1 多次单击鼠标左键,并观察鼠标指针范围内皮肤的变化过程,直至得到如图所示的去色效果。
04

1 按【[】键,缩小画笔主直径。
2 继续在人物中除面部外的其他皮肤处单击或涂抹,直到得到类似如图所示的去色效果。
05

1 在工具栏中设置模式为“加色”。
2 按【]】键适当增加画笔的主直径,然后在人部面部单击或涂抹,直至得到如图所示的加色效果。
知识提示
使用工具箱中的“缩放工具”按钮,可以将图像缩小或者放大,以便查看或修改图像。选择缩放工具后,移动鼠标指针到图像中,指针会变成放大镜形状
,中心有一个“+”号,如果在图像中单击,则会放大图像。如果按住【Alt】键,或在工具栏中单击“缩小”按钮,则可以缩小图像。
实例24 模拟摄影机景深效果
素材:\实例24\酒瓶.jpg
源文件:\实例24\酒瓶.psd
包含知识
■ 模糊工具
■ 锐化工具
重点难点
■ 锐化工具的应用
■ 模糊工具的应用
制作思路

原始图像

锐化中间酒瓶

模糊两端酒瓶
01

1 打开“酒瓶.jpg”图像,本实例将把中间的酒瓶进行突出显示,而弱化显示两侧的酒瓶,以模拟特殊景深效果。
02

1 在工具箱中选择锐化工具。
2 在工具栏中设置画笔的主直径为60px。
03

1 在图像中间的酒瓶中反复涂抹,直至得到如图所示的图像清晰效果。
04

1 在工具箱中选择模糊工具。
2 在工具栏中设置画笔的主直径为80px。
05

1 在图像中顶部的酒瓶上反复涂抹,直至得到如图所示的效果。
06

1 按3次【]】键增大画笔主直径为125px。
2 在图像底部的酒瓶上反复涂抹,直至得到如图所示的效果,完成实例的制作。
实例25 去除面部雀斑
素材:\实例25\面庞.jpg
源文件:\实例25\面庞.psd
包含知识
■ 污点修复画笔工具
■ 模糊工具
■ 海绵工具
重点难点
■ 污点修复画笔工具的应用
制作思路

原始图像

去除雀斑

模糊处理

去色处理
01

1 打开“面庞.jpg”图像,观察发现该图像中的人物面部具有明显的雀斑。
02

1 在工具箱中选择污点修复画笔工具。
2 移动鼠标指针到面部的一处雀斑处,按【[】或【]】键调整好画笔大小。
03

1 单击鼠标左键,发现按下鼠标左键时取样区呈黑色显示。
2 释放鼠标,系统自动从单击处取样颜色并进行修复。
04

1 按照步骤2和步骤3的操作方法,适当调整画笔大小并继续单击修复去除面部的其他雀斑。
05

1 在工具箱中选择模糊工具,并设置画笔主直径为125 px。
2 在图像中的人物面部快速涂抹几次,以彻底去除面部的雀斑,如图所示。
06

1 在工具箱中选择海绵工具,并设置画笔主直径为200 px,模式为去色。
2 在人物面部快速涂抹几次,以降低图像饱和度,完成实例的制作。
实例26 去除面部黑痣
素材:\实例26\期待.jpg
源文件:\实例26\期待.psd
包含知识
■ 修复画笔工具
重点难点
■ 修复画笔工具的应用
制作思路

原始图像

去除一处黑痣

去除其他黑痣
01

1 打开“期待.jpg”图像,观察发现该图像中人物面部具有多处黑痣。
02

1 在工具箱中选择修复画笔工具,并设置主直径为10 px。
2 按住【Alt】键,在人物面部没黑痣的地方单击取样。
03

1 松开【Alt】键,在取样处附近需要去除黑痣的皮肤上单击或涂抹,释放鼠标后,该处黑痣即被成功去除。
04

1 按照步骤2和步骤3的方法,继续在其他黑痣周围取样,并分别在黑痣处单击或涂抹,直至去除所有的黑痣,完成实例的制作。
注意提示
在使用修复画笔工具修复图像前,必须先按住【Alt】键,当鼠标指针呈
形状时,在图像中单击取样,然后用取样处的图像修复图像。取样的地方非常重要,它直接影响到修复的质量,原则上选择的取样处应与被修复处有相近的颜色和亮度值。画笔的直径大小应与被修复处的直径大小相匹配,可先将画笔移动到被修复处,然后通过按【[】键或【]】键来调整画笔直径大小,当画笔完全覆盖被修复处即可。另外,污点修复画笔工具
、画笔修复工具
、修补工具
和红眼工具
都位于同一个工具面板组中,系统默认按【J】键选择这组工具,按【Shift+J】组合键可在该工具面板组中切换选择其他工具。
举一反三
根据本例介绍的方法,为左下图中的人物面部去除黑痣(素材:\实例26\微笑.jpg),以得到右下图所示效果(源文件:\实例26\微笑.psd)。

实例27 去除照片中的划痕
素材:\实例27\戏水.jpg
源文件:\实例27\戏水.psd
包含知识
■ 修补工具
重点难点
■ 修补工具的应用
制作思路

原始图像

绘制选区

拖动修复

修复其他划痕
01

1 打开“戏水.jpg”图像,观察发现该图像左侧水面和人物手臂处有多处白色划痕。
02

1 放大图像,在工具箱中选择修补工具,选择手臂上一条白色划痕所在区域。
03

1 在工具栏中选中“源”单选按钮,向右侧拖动选区至离划痕最接近的一处无划痕区域,释放鼠标完成该处划痕的修补。
2 按【Ctrl+D】组合键取消选区。
04

1 按照步骤2和步骤3的操作方法,继续在图像中其他有划痕的地方绘制选区,并分别拖动至无划痕区域进行修补,完成实例的制作。
注意提示
与修复画笔工具取样的重要性一样,使用修补工具
,拖动选区的目标区域的图像必须和被修补处的图像在颜色和亮度方面具有相似性。另外,绘制完选区后,如果要取消选区,除了按【Ctrl+D】组合键外,也可在选区之外的任意位置单击鼠标左键,快速取消选区。
知识延伸
通过本例可以看出,修补工具利用目标区域的图像去匹配修复源区域的图像,以去除错误像素,并保持该处图像原有的亮度关系。
实例28 去除照片中多余景物
素材:\实例28\单人照.jpg
源文件:\实例28\单人照.psd
包含知识
■ 仿制图章工具
重点难点
■ 仿制图章工具的应用
制作思路

原始图像

去除左侧多余人物

去除右侧多余手臂
01

1 打开“单人照.jpg”图像,观察发现照片中除人物主角外,背景中还有另一人物和手臂。
02

1 在工具箱中选择仿制图章工具。
2 单击鼠标右键,在弹出的面板中设置主直径为35px。
03

1 适当放大图像,选择仿制图章工具,在按住【Alt】键的同时在左侧瀑布处单击取样。
04

1 在取样处右侧的人物头部所在区域单击或涂抹,十字准线下的区域被仿制到圆圈选中区域。
05

1 按照步骤3和步骤4的操作方法,继续在多余背景左侧取样,并用取样处的图像覆盖多余人物图像区域,直至多余人物完全消失为止。
06

1 按【H】键,拖动图像显示照片中右侧多余的人物手臂。
2 使用仿制图章工具在手臂处右侧取样并在手臂上涂抹,完成实例的制作。
实例29 制作皮肤刺青效果
素材:\实例29\健美.jpg、水墨画.jpg
源文件:\实例29\刺青.psd
包含知识
■ 仿制图章工具
■ 磁性套索工具
重点难点
■ 仿制图章工具的应用
制作思路

取样

绘制选区

确定覆盖起始位置

最终效果
01

1 打开“水墨画.jpg”图像。
2 在工具箱中选择仿制图章工具,在工具栏中设置画笔主直径为150px,模式为正片叠底。
3 按住【Alt】键的同时在图像左上角单击取样。
02

1 打开“健美.jpg”图像。
2 在工具箱中选择磁性套索工具,沿图像中人物裸露的皮肤边缘绘制如图所示的选区。
03

1 选择仿制图章工具将鼠标指针移动到选区左上侧按住鼠标左键不放,以确定仿制的起始位置。
04

1 在选区内拖动鼠标涂抹,直至得到如图所示的效果。
2 按【Ctrl+D】组合键取消选区,完成实例的制作。
注意提示
用仿制图章工具不但能在同一个图像中进行图像取样,也可以在不同的图像间进行图像取样。在涂抹时应首先确定好仿制的起始位置,这样才能使仿制后的图像尽量完全显示出来。如果出现仿制不合理,可重新进行取样进行仿制。
知识延伸
在使用仿制图章工具时,系统默认选中工具栏中的“对齐”复选框,此时在涂抹仿制图像时,一次只会有一个源图像(即在当取样点不变的情况下,不管复制多少次,下一次复制总是前一次复制的延续)。若不选中该复选框,则每次涂抹都会单独进行图像的重新仿制。
实例30 修正倾斜照片
素材:\实例30\倾斜照片.jpg
源文件:\实例30\照片.psd
包含知识
■ 裁剪工具
重点难点
■ 裁剪工具的应用
制作思路

绘制定界框

旋转定界框

第一次修正

第二次修正
01

1 打开“倾斜照片.jpg”图像,观察发现人物和景色是倾斜的。
02

1 选择工具箱中的裁剪工具,在图像中单击并拖动鼠标绘制出如图所示的裁剪定界框。
03

1 将鼠标指针置于裁剪定界框的外围,当指针变为形状时,顺着图像倾斜的方向旋转定界框至如图所示。
04

1 按【Enter】键确认裁剪图像,观察发现定界框外的图像区域被删除,且图像进行了旋转变化。
05

1 再次利用裁剪工具在图像中绘制裁剪定界框,利用定界框边缘的各个控制点修改裁剪范围,直至得到如图所示的图像范围。
06

1 按【Enter】键,完成倾斜图像的最终修正,效果如图所示,完成实例的制作。
实例31 校正图像透视关系
素材:\实例31\住宅楼.jpg
源文件:\实例31\住宅楼.psd
包含知识
■ 显示与隐藏网格
■ 扭曲变换图像
■ 转换背景图层
重点难点
■ 显示与隐藏网格
■ 扭曲变换图像
制作思路

显示网格

根据网格变换图像

根据网格变换图像

最终效果
01

1 打开“住宅楼.jpg”图像,观察发现该图像中的建筑物存在透视方面的问题。
02

1 在“图层”面板中双击背景图层,在打开的对话框中单击“确定”按钮,将背景图层转换成普通图层。
03

1 选择“视图-显示-网格”命令,图像中将显示灰色网格,通过网格可以很容易地观察出建筑物的倾斜方向。
04

1 选择“编辑-变换-扭曲”命令,向左拖动网格左上角的控制点,直到建筑物左侧墙体平行于垂直直线为止。
05

1 向右拖动网格右上角的控制点,直至建筑物右侧墙体平行于垂直直线为止。
2 按【Enter】键确认变换。
06

1 选择“视图-显示-网格”命令,隐藏图像中的网格显示,调整图像透视关系后的效果如图所示,完成实例的制作。
实例32 为风景画上色
素材:\实例32\草丛.jpg
源文件:\实例32\草丛.psd
包含知识
■ 画笔工具
■ 设置前景色
重点难点
■ 使用画笔工具上色
制作思路

原始图像

给天空上色

给草丛上色

给草地上色
01

1 打开“草丛.jpg”图像,观察发现该图像为一幅黑白图像。
02

1 选择画笔工具,设置模式为“颜色”,在图像上单击鼠标右键,在弹出的面板中设置主直径为80px。
03

1 设置前景色为黄色(R255,G182,B17),在图像中的天空处涂抹,得到如图所示的效果。
04

1 设置前景色为深红褐色(R124,G37,B53),在中部的草丛上涂抹,直至得到如图所示的效果为止。
05

1 设置前景色为褐色(R132,G76,B19),适当缩小画笔主直径,然后在图像中近处的草丛和植物的茎上涂抹,直至得到类似如图所示的效果。
06

1 设置前景色为淡红褐色(R166,G80,B47),适当缩小画笔主直径,然后在图像的草地上涂抹,直至得到如图所示的效果,完成实例的制作。
实例33 绘制实线条
素材:\实例33\广告.jpg
源文件:\实例33\广告.psd
包含知识
■ 矩形选框工具
■ 吸管工具
重点难点
■ 吸取前景色填充选区
制作思路

绘制选区

填充选区

绘制并填充选区

绘制并填充选区
01

1 打开“广告.jpg”图像。
02

1 在工具箱中选择矩形选框工具。
2 在图像底部拖动鼠标绘制如图所示的矩形选区。
03

1 在工具箱中选择吸管工具。
2 在图像中“2008”文字上单击,取样颜色。
04

1 按【Alt+Delete】组合键,使用取样颜色填充选区。
05

1 按【Ctrl+D】组合键取消选区。
2 继续绘制其他矩形选区,并用前景色填充选区,直至得到如图所示的线条效果。
06

1 继续在图像底部绘制高度不一致的矩形选区。
2 使用吸管工具取样任意黑色文字中的颜色,用前景色填充选区,得到如图所示的效果,完成实例的制作。
实例34 绘制渐变线条
素材:\实例34\汽车广告.jpg
源文件:\实例34\汽车广告.psd
包含知识
■ 矩形选框工具
■ 渐变工具
重点难点
■ 渐变填充矩形选区
制作思路

绘制矩形选区

绘制渐变线

填充选区

绘制其他渐变线
01

1 打开“汽车广告.jpg”图像。
02

1 在工具箱中选择矩形选框工具。
2 在图像左上角文字底部绘制如图所示的的矩形选区。
03

1 按【D】键复位前景色和背景色。
2 按【X】键交换前景色和背景色。
3 在工具箱中选择渐变工具,单击工具栏渐变色块右侧的
按钮,在弹出的下拉列表中选择“前景到透明”渐变样式。
04

1 按住【Shift】键的同时,在矩形选区最左端按住鼠标左键并向右拖动鼠标至如图所示的位置。
05

1 释放鼠标左键,系统自动使用前景色和渐变样式填充矩形选区。
2 按【Ctrl+D】键取消选区。
06

1 根据步骤2~步骤5的操作方法,在图像右下侧文字底部绘制矩形选区,并使用渐变工具,从选区右侧向左侧进行渐变填充,取消选区后的效果如图所示。
实例35 为照片添加烟雾效果
素材:\实例35\黄河一角.jpg
源文件:\实例35\黄河一角.psd
包含知识
■ 渐变工具
重点难点
■ 渐变指示线
制作思路

原始照片

第一次填充

第二次填充

第三次填充
01

1 打开“黄河一角.jpg”图像。
02

1 设置前景色为白色。
2 在工具箱中选择渐变工具,设置渐变样式为“前景到透明”。
03

1 在图像右上角的位置按下鼠标左键,拖动鼠标至图像中部如图所示的位置。
04

1 释放鼠标,系统自动使用前景色,根据渐变线的长度渐变填充图像。
05

1 从图像左上角向图像中部绘制第二条渐变线,填充后的效果如图所示。
06

1 从图像顶部向中部绘制渐变线,填充后的效果如图所示,完成实例的制作。
实例36 眼睫毛加长
素材:\实例36\眼晴.jpg
源文件:\实例36\眼睫毛.psd
包含知识
■ 画笔工具
重点难点
■ 定义画笔样式
制作思路

原始图像

加长一根眼睫毛

加长两根眼睫毛

加长其他眼睫毛
01

1 打开“眼晴.jpg”图像,观察发现图像中人物眼晴处的眼睫毛太短。
02

1 在工具箱中选择画笔工具。
2 按【F5】键,在打开的面板中选择“沙丘草”画笔样式,在左侧列表框中选择“画笔笔尖形状”选项,设置直径为70px,选中“翻转X”复选框,设置角度为13°。
03

1 按【D】键复位前景色为黑色。
2 移动鼠标指针到要加长的一根眼睫毛处。
04

1 单击一次进行填充,加长了该处的一根眼睫毛,效果如图所示。
05

1 设置画笔直径为50px,角度为-22°。
2 移动鼠标指针至已加长的眼睫毛右侧的一根眼睫毛处,单击以加长该处眼睫毛。
06

1 根据人物眼部睫毛的走向调整画笔直径和角度,分别加长其他睫毛,最终得到如图所示的效果,完成实例的制作。
实例37 绘制直线路径
素材:\实例37\抽象画.jpg、文字.psd
源文件:\实例37\招贴.psd
包含知识
■ 钢笔工具
■ 路径转换为选区
■ 移动工具
重点难点
■ 钢笔工具的应用
制作思路

综小图像

绘制路径

转换路径并为选区填充颜色

复制外部素材
01

1 打开“抽象画.jpg”图像。
2 适当缩小图像,以使画布灰色背景显示出来。
02

1 选择钢笔工具,并在工具栏中单击“路径”按钮。
2 在图像左上侧不断单击鼠标,绘制出如图所示的路径。
03

1 按【D】键复位前景色和背景色。
2 按【Ctrl+Enter】组合键将路径转换为选区。
3 按【Ctrl+Delete】组合键为选区填充背景色。
04

1 选择矩形选框工具,分别按一次向上和向左方向键,以移动选区,然后按【Alt+Delete】组合键填充前景色。
05

1 按照步骤2~步骤4的操作方法,使用钢笔工具在图像右侧绘制路径,将其转换成选区,用背景色填充选区,并向右下侧移动选区,再用前景色填充选区。
06

1 打开“文字.psd”文件。
2 选择移动工具,拖动打开的“文字”图像至“抽象画”图像中,完成图像的复制。
实例38 绘制曲线路径
素材:\实例38\笔记本封面.jpg
源文件:\实例38\笔记本封面.psd
包含知识
■ 钢笔工具
■ “填充”命令
重点难点
■ 使用钢笔工具创建选区
制作思路

绘制曲线路径

路径转换为选区

填充选区

绘制并填充其他选区
01

1 打开“笔记本封面.jpg”图像,适当缩小图像,以使画布灰色背景显示出来。
02

1 选择钢笔工具,在画布左下方按住鼠标左键,并拖动鼠标创建一个带控制柄的锚点。
03

1 移动鼠标指针至图像中下部松开鼠标,再按下鼠标左键并拖动,创建第二个带控制柄的锚点。
04

1 继续创建其他锚点,使绘制后的曲线路径如图所示。
2 按【Ctrl+Enter】组合键将路径转换为选区。
05

1 选择“编辑-填充”命令,在打开的“填充”对话框中设置不透明度为50%,单击“确定”按钮,得到如图所图所示的填充效果。
2 按【Ctrl+D】组合键取消选区。
06

1 按照步骤2~步骤5的操作方法,分别绘制其他曲线路径,将路径转换为选区并用“填充”命令进行填充,得到如图所示的填充效果,完成实例的制作。
实例39 绘制商标符号
素材:\实例39\画册封面.jpg
源文件:\实例39\画册封面.psd
包含知识
■ 自定形状工具
■ 编辑路径
■ 删除锚点工具
重点难点
■ 自定义形状的选择
■ 编辑路径
制作思路

绘制形状路径

删除部分锚点

调整锚点控制柄

填充选区
01

1 打开“画册封面.jpg”图像。
2 设置前景色为蓝色(R0,G12,B255)。
02

1 选择自定形状工具,在工具栏中单击“路径”按钮。
2 单击“形状”下拉按钮,在弹出的下拉菜单中单击右上角的
按钮,在弹出的下拉菜单中选择“装饰”命令,并在打开的对话框中单击“确定”按钮,载入形状。
03

1 在新载入的装饰样式中选择“饰件5”样式,在图像中拖动鼠标绘制,如图所示。
04

1 在钢笔工具上单击鼠标右键,在弹出的工具组中选择删除锚点工具
,在路径上单击显示锚点。
2 单击路径底部的部分锚点将它们删除。
05

1 拖动路径底部锚点上的控制柄,对路径的范围进行修改,直至得到如图所示效果。
06

1 按【Ctrl+Enter】组合键将路径转换为选区。
2 按【Alt+Delete】组合键填充选区。
3 按【Ctrl+D】组合键取消选区,完成实例的制作。
实例40 制作卡片彩色纹理
素材:\实例40\贵宾卡.jpg
源文件:\实例40\贵宾卡.psd
包含知识
■ 矩形工具
■ “变形”命令
重点难点
■ 变换并填充路径
制作思路

绘制矩形路径

变换路径

填充路径

绘制并填充其他路径
01

1 打开“贵宾卡.jpg”图像,适当缩小图像,以使画布灰色背景显示出来。
02

1 选择矩形工具,在工具栏中单击“路径”按钮,在图像中拖动绘制矩形路径。
03

1 选择“编辑-变换路径-变形”命令,分别拖动路径上的变换点和控制柄,直至得到如图所示的效果。
04

1 按【Enter】键确认变换,变换后的路径如图所示。
05

1 设置前景色为红色(R255,G0,B0)。
2 单击“路径”面板底部的“用前景色填充路径”按钮,使用前景色填充路径。
06

1 继续绘制多个矩形路径,并分别对路径进行变形,最后使用自己喜欢的颜色填充路径,得到如图所示的效果,完成实例的制作。
实例41 输入名片文字
素材:\实例41\名片背景.jpg
源文件:\实例41\名片.psd
包含知识
■ 横排文字工具
■ 绘制并填充选区
重点难点
■ 设置文字字体的颜色
制作思路

输入文字

输入文字

输入文字

绘制并填充选区
01

1 打开“名片背景.jpg”图像。
02

1 选择横排文字工具,在工具栏中设置字体为黑体,字号为18 点,单击颜色块,在打开的对话框中将颜色设置为白色(R255,G255,B255)。
03

1 在名片右上角单击插入光标,进入文字输入状态,输入“成都天成包装印务有限公司”,如上左图所示。
2 按【Enter】键确认输入,如上右图所示。
04

1 保持字体不变,调整字号分别设置文字颜色为白色、黑色和绿色(R0,G255,B18),输入如图所示的文本。
05

1 在横排文字工具对应的工具栏中设置文字字体为华文琥珀,颜色为白色,输入“CHENGDUTIANCHENG PACKAGE”文本。
06

1 在“图层”面板中选择背景图层,将前景色设置为白色。
2 在右上方输入的中文和英文之间绘制选区。
3 按【Alt+Delete】组合键填充前景色。
4 按【Ctrl+D】组合键取消选区,完成实例的制作。
实例42 制作文字商标
素材:\实例42\背景.jpg
源文件:\实例42\文字商标.psd
包含知识
■ 横排文字工具
■ 编辑字符格式
重点难点
■ 编辑字符格式
制作思路

输入文字

编辑文字

编辑文字

输入并编辑文字
01

1 打开“背景.jpg”图像。
2 选择横排文字工具,输入如图所示的文本,字体为方正超粗黑简体,字号为20点,颜色为白色。
02

1 选择“96度”文本,在“字符”面板中设置字体为华文彩云,字号为60点,垂直缩放为150%。
03

1 选择“96”文本,在“字符”面板的“设置基线偏移”文本框中输入“-16点”。
04

1 选择“咖啡”文本,设置字号为30点,基线偏移为40点。
05

1 选择“COFFEE”文本,设置字号为15 点,垂直缩放为150%,基线偏移为43点,并单击“下划线”按钮,添加下划线。
06

1 输入“LAVAZZA”文本,设置字体为“RevuePEE”,字号为10点,垂直缩放为150%,字符间距为400,单击“下划线”按钮,完成实例的制作。
实例43 输入简历文字
素材:\实例43\简历背景.jpg
源文件:\实例43\简历封面.psd
包含知识
■ 直排文字工具
■ 横排文字工具
重点难点
■ 编辑直排文字
制作思路

原始图像

输入横排文字

输入直排文字

编辑直排文字
01

1 打开“简历背景.jpg”图像。
02

1 使用横排文字工具输入“DESIGN”文本,设置字体为方正综艺简体,字号为32点,颜色为红色(R255, G0,B0)。
03

1 继续输入文本“求职意向:平面设计”,设置字号为42点,颜色为黄色(R255,G157,B0)。
04

1 选择直排文字工具,在图像中输入“new”文本,设置字体为方正综艺简体,字号为170点。
05

1 选择直排文字中的“e”文本,在工具栏中将文本颜色设置为绿色(R12,G255,B0)。
06

1 选择直排文字中的“w”文本,在工具栏中将文本颜色设置为蓝色(R0,G12,B255),完成实例的制作。
实例44 输入广告说明文字
素材:\实例44\广告背景.jpg
源文件:\实例44\房地产广告.psd
包含知识
■ 横排文字工具
■ 设置段落文本
重点难点
■ 设置段落文本
制作思路

绘制段落文本框

输入段落文本

编辑段落文本

输入其他段落文本
01

1 打开“广告背景.jpg”图像,设置前景色为蓝色(R23,G59,B117)。
02

1 选择横排文字工具,在图像中拖动绘制如图所示的段落文本输入框。
03

1 在“字符”面板中设置文字字体为宋体,字号为3点,然后输入如图所示的段落文本。
04

1 选择所有文字,在“段落”面板的“段前添加空格”文本框中输入“2点”,按【Ctrl+Enter】组合键确认。
05

1 选择横排文字工具,设置文字字号为2.5点,颜色为黑色。
2 在已输入的段落文字底部绘制段落文本框并输入如图所示文本。
06

1 在“段落”面板中设置首行缩进值为5点。
2 按【Ctrl+Enter】组合键确认,完成实例的制作。
实例45 输入变形文字
素材:\实例45\房地产广告.jpg
源文件:\实例45\房地产广告.psd
包含知识
■ 创建变形文字
重点难点
■ 创建变形文字
制作思路

原始图像

输入横排文本

编辑横排文本

变形处理横排文字
01

1 打开“房地产广告.jpg”图像。
02

1 选择横排文字工具,设置字体为方正超粗黑简体,字号为10点,颜色为黑色,输入如图所示文本。
03

1 选择“美丽”文本,在工具栏中将文本颜色设置为红色(R255,G0,B0),字号设置为18点。
04

1 选择“东山苑”文本,在工具栏中将文本颜色设置为蓝色(R0,G24,B255)。
05

1 在工具栏中单击“创建文字变形”按钮,在打开的对话框中设置样式为“旗帜”,弯曲为-75%,水平扭曲为-50%,垂直扭曲为0%,单击“确定”按钮。
06

1 按【Ctrl+Enter】组合键确认创建文字变形,最终效果如图所示,完成实例的制作。
实例46 规范文字输入路径
素材:\实例46\手机广告.jpg
源文件:\实例46\手机广告.psd
包含知识
■ 直排文字工具
■ 钢笔工具
■ 横排文字工具
重点难点
■ 沿开放路径输入文字
制作思路

绘制路径

沿路径路径输入横排文字

绘制路径

沿路径路径输入直排文字
01

1 打开“手机广告.jpg”图像。
02

1 选择钢笔工具,在工具栏中单击“路径”按钮,在图像中绘制如图所示的开放型路径。
03

1 选择横排文字工具,移动鼠标指针到路径的起点处单击,插入光标,呈输入文字状态。
04

1 设置文字字体为方正超粗黑简体,字号为6点,颜色为红色(R255,G0,B0),然后输入文本。
2 按【Ctrl+Enter】组合键确认。
05

1 再次选择钢笔工具,并沿图像中人物右侧边缘从上至下绘制如图所示的开放型路径。
06

1 选择直排文字工具,设置文字字体为华文彩云,字号为4点,颜色为白色,在路径上单击并输入文字。
2 按【Ctrl+Enter】组合键确认,完成实例的制作。
实例47 规范文字输入区域
素材:\实例47\指甲油广告.jpg
源文件:\实例47\指甲油广告.psd
包含知识
■ 钢笔工具
■ 横排文字工具
重点难点
■ 沿封闭路径输入文字
制作思路

绘制路径

沿路径输入段落文字

编辑路径

隐藏路径
01

1 打开“指甲油广告.jpg”图像。
2 选择钢笔工具,绘制如图所示的封闭路径。
02

1 选择横排文字工具,移动鼠标指针到路径内部任意位置处单击,插入光标。
03

1 在工具栏中设置文字字体为方正综艺简体,字号为4点,颜色为红色(R255,G0,B42),输入如图所示的文本。
04

1 在“段落”面板中单击“右对齐文本”按钮,使输入的段落文本右对齐显示。
05

1 在工具箱中选择直接选择工具,选择路径左侧的两个锚点,并通过拖动控制柄编辑路径,观察发现随着路径的变化文字排版方式也跟着发生变化。
06

1 按住【Shift】键的同时单击“路径”面板中的路径缩略图,将路径隐藏,此时得到的文字效果如图所示,完成实例的制作。
实例48 输入宣传单主题文字
素材:\实例48\宣传单背景.jpg
源文件:\实例48\宣传单.psd
包含知识
■ 多边形套索工具
■ 横排文字蒙版工具
■ “变换选区”命令
■ “描边”命令
重点难点
■ “描边”命令
制作思路

绘制并填充选区

输入文字

填充文字

描边文字
01

1 打开“宣传单背景.jpg”图像。
2 使用多边形套索工具绘制如图所示的选区。
02

1 设置前景色为黄色(255,G255,B0)。
2 选择“编辑-填充”命令,在打开的对话框中,选择“使用”下拉列表中的“前景色”选项,设置不透明度为50%,单击“确定”按钮并取消选区。
03

1 选择横排文字蒙版工具,设置文字字体为方正超粗黑简体”,字号为30点,输入“开业了!”文本。
2 按【Ctrl+Enter】组合键确认。
04

1 选择“选择-变换选区”命令,在出现的变换框上单击鼠标右键,在弹出的快捷菜单中选择“透视”命令,调整变换框,如图所示。
2 按【Ctrl+Enter】组合键确认变换。
05

1 设置前景色为白色。
2 按【Alt+Delete】组合键填充前景色。
06

1 设置前景色为红色(R255,G0,B0)。
2 选择“编辑-描边”命令,在打开的对话框中设置宽度为10px,选中“居外”单选按钮,单击“确定”按钮。
3 按【Ctrl+D】组合键取消选区,完成实例的制作。
实例49 调入外部素材
素材:\实例49\
源文件:\实例49\手机宣传单.psd
包含知识
■ 移动工具
重点难点
■ 移动工具的应用
制作思路

原始图像

移入图像

调整图像位置

移入其他图像
01

1 打开“手机宣传单.jpg”图像。
02

1 打开“文字1.psd”图像。
03

1 在工具箱中选择移动工具。
2 拖动文字图像至“手机宣传单”图像窗口中,释放鼠标,完成图像的复制。
04

1 保持移动工具的选择状态,拖动刚复制的文字图像到“手机宣传单”图像的底部。
05

1 分别打开“文字2.psd”图像和“文字3.psd”图像,使用移动工具将它们复制到“手机宣传单”图像中,并调整好位置。
06

1 打开“企业标识.psd”图像。
2 使用移动工具将其复制到“手机宣传单”图像中,并调整到图像的左上侧,完成实例的制作。
实例50 调入外部素材部分区域
素材:\实例50\
源文件:\实例50\海报.psd
包含知识
■ 魔棒工具
■ 变换图像
■ 反选选区
■ 移动工具
重点难点
■ 反选选区
制作思路

选择选区

增加选区

复制图像

变换图像
01

1 打开“海报.jpg”图像,观察发现该图像由一个背景图层组成。
02

1 打开“话筒.jpg”图像,观察发现该图像由一个背景图层组成。
03

1 选择魔棒工具,在工具栏中选中“连续”复选框。
2 在话筒顶部空白区域单击,选择部分背景。
04

1 按住【Shift】键的同时单击未选择的空白区域,以增加选区范围。
05

1 按【Ctrl+Shift+I】组合键反选选区。
2 按【V】键选择移动工具,拖动选区内图像至“海报”图像中释放鼠标,完成话筒的复制。
06

1 按【Ctrl+T】组合键进入图像变换状态。
2 按住【Shfit】键的同时向外拖动变换框角点,将话筒图像放大。
3 按【Enter】键确认变换,完成实例的制作。
实例51 虚幻复制图像
素材:\实例51\
源文件:\实例51\戒指广告.psd
包含知识
■ 绘制并羽化选区
■ 移动图像
重点难点
■ 移动羽化选区
制作思路

绘制选区

羽化选区

复制图像

复制其他图像
01

1 打开“戒指.jpg”图像。
2 使用椭圆选框工具绘制如图所示的椭圆选区。
02

1 选择“选择-修改-羽化”命令,在打开的对话框中设置羽化半径为30px,然后单击“确定”按钮。
2 按【Ctrl+C】组合键复制选区内的图像到剪贴板。
03

1 打开“戒指广告.jpg”图像。
2 按【Ctrl+V】组合键,将剪贴板中的图像复制到当前图像中。
04

1 打开“婚纱照.jpg”图像。
2 绘制如图所示的椭圆选区并设置羽化半径为50px。
3 按【Ctrl+C】组合键复制选区内的图像到剪贴板。
05

1 切换到“戒指广告”图像窗口。
2 按【Ctrl+V】组合键,将剪贴板中的图像复制到当前图像中,并移动复制的图像至右上侧。
06

1 打开“装饰条.psd”图像。
2 按【V】键选择移动工具,拖动图像至“戒指广告”图像中,释放鼠标,将复制的图像移动至图像底部,完成实例的制作。
实例52 选择性擦除图像
素材:\实例52\
源文件:\实例52\视觉招贴.psd
包含知识
■ 橡皮擦工具
■ 魔术橡皮擦工具
■ 移动工具
重点难点
■ 魔术橡皮擦工具的应用
■ 橡皮擦工具的应用
制作思路

打开图像

快速擦除背景

打开并移动图像

删除部分图像像素
01

1 打开“招贴素材1.jpg”图像,观察发现该图像由一个背景图层组成。
02

1 选择魔术橡皮擦工具,在任意白色背景上单击,系统自动选择并删除所有白色背景。
03

1 打开“招贴素材2.jpg”图像。
2 使用移动工具将“招贴素材1”图像窗口中的图像拖动复制到当前打开的图像中,并在“图层”面板中设置图层的不透明度为50%。
04

1 打开“招贴素材3.jpg”图像。
2 使用移动工具将其拖动复制到“招贴素材2”图像中。
05

1 选择橡皮擦工具,在工具栏中设置不透明度为30%,画笔主直径为250px。
2 在复制的图像中涂抹擦除,直到得到如图所示的效果。
06

1 打开“招贴素材4.jpg”图像。
2 使用移动工具将其拖动复制到“招贴素材2”图像中,并拖动调整好图像的位置,完成实例的制作。