- Photoshop CS3中文版图像处理与平面设计精彩百练
- 刘亚利 郑庆荣编著
- 2079字
- 2024-12-22 21:16:47
1.2 精彩实例荟萃
实例1 妩媚动人
【A.技术分析】
读者在此第一次接触图形图像处理,从一个简单的化妆实例可以体会出本软件的神奇功能。其中,主要接触到【图层混合模式】、【画笔工具】、【不透明度】和【橡皮擦工具】等。最终效果如图1-2所示。

图1-2 化妆前和化妆后对比
【B.制作步骤】
(1)打开配套光盘【素材】→【第1章】文件夹中的“素面朝天.tif”,此时我们将看到一幅素面朝天的美女素材图片,如图1-3所示。

图1-3 打开素材文件
(2)单击【图层】面板上的【创建新图层】按钮,新建“图层1”,如图1-4所示。

图1-4 新建图层
(3)单击工具箱下方的【设置前景色】按钮,打开“拾色器(前景色)”对话框,设置颜色参数为:粉红色(R:255,G:79,B:91),如图1-5所示。

图1-5 设置前景色颜色
(4)单击工具箱中的【画笔工具】,设置属性栏上的【画笔】大小为:70像素,并设置画笔样式为:柔角,【不透明度】为:20%。在人物两侧的脸腮处进行涂抹,效果如图1-6所示。

图1-6 涂抹腮红
(5)单击工具箱中的【橡皮擦工具】,设置属性栏上的【画笔】大小为:50像素,并设置画笔样式为:柔角,【不透明度】为:50%。在人物两侧的脸腮处多余的部分进行擦除,效果如图1-7所示。

图1-7 擦除后的效果
(6)新建“图层2”,此时我们准备为美女改换口红的颜色,如图1-8所示。

图1-8 新建“图层2”
(7)单击工具箱下方的【设置前景色】按钮,打开“拾色器(前景色)”对话框,设置颜色参数为:粉红色(R:247,G:137,B:9),如图1-9所示。

图1-9 设置前景色
(8)单击工具箱中的【画笔工具】,设置属性栏上的【画笔】大小为:40像素,并设置画笔样式为:柔角,【不透明度】为:100%。在人物嘴唇处进行涂抹,效果如图1-10所示。

图1-10 涂抹口红
(9)单击【图层】面板上的【图层混合模式】为:叠加,如图1-11所示。

图1-11 设置图层模式
(10)此时,唇膏色彩效果与背景图层相融合,效果如图1-12所示。

图1-12 涂抹口红后的效果图
(11)单击工具箱中的【橡皮擦工具】,设置属性栏上的【画笔】大小为:50像素,并设置画笔样式为:柔角,【不透明度】为:50%。在人物嘴唇处多余的部分进行擦除,效果如图1-13所示。

图1-13 擦除嘴唇颜色
(12)此时,唇膏色彩效果过于艳丽,所以调整【图层】面板上的【不透明度】为:50%,如图1-14所示。

图1-14 设置不透明度
(13)双击工具箱中的【抓手工具】,使文件以最合适的大小显示在工作区域,再选择【缩放工具】
,单独缩小人物部分进行观察,效果如图1-15所示。

图1-15 缩放观察
(14)接着选择前景色为:黄色,选择【画笔工具】,设置属性栏上的参数为:20%,为人物添加上黄色眼影,效果如图1-16所示。

图1-16 绘制眼影效果
(15)单击【缩放工具】,单独放大人物眼睛部分,并单击【橡皮擦工具】
,设置属性栏上的【不透明度】参数为:30%,对眼影进行擦除,使其过渡自然,如图1-17所示。

图1-17 修饰眼影效果
(16)如果觉得眼影颜色过于艳丽,可以选择【图层】面板上的【图层混合模式】为:叠加,效果如图1-18所示。

图1-18 处理眼影效果
(17)最后,为了使整个妆面效果融合、自然,我们为其头发进行挑染颜色。单击【画笔工具】,随意绘制红色画笔到头发上,选择【图层混合模式】为:叠加。最终效果如图1-19所示。

图1-19 最终效果
【C.拓展知识——换颜色的简便方法】
在很多时候除了人物需要化妆换色,还有数码换装、染发效果、皮肤美白等都需要换颜色,其间有很多方法可以适当选用:
(1)使用本例所提供的方法,选择【画笔工具】配合前景色,绘制不同的颜色于新的图层,然后进行颜色叠加。
(2)另外,还可以采用【图像】→【调整】中的一系列子命令进行颜色的改变,如使用【替换颜色】命令,将图片皮肤的颜色改变为黄色,如图1-20至图1-22所示。

图1-20 打开素材图片

图1-21 吸取皮肤颜色并改参数

图1-22 改后的皮肤效果
【D.拓展知识——画笔的妙用】
运用画笔可以绘制普通的画笔柔角样式,还可以绘制其他的画笔样式。其中,既可以选择系统默认的画笔样式,也可以自己添加系统中未添加的画笔样式,甚至还可以自己设定自定义画笔。
(1)选用系统默认的画笔样式,如图1-23所示。

图1-23 默认画笔样式
(2)单击【画笔】面板上的三角形按钮,追加未添加的画笔样式,如图1-24所示。

图1-24 添加画笔样式
提示
添加画笔样式后,会弹出对话框询问你是【追加】还是【替换】,读者可以根据需要进行选择。如果需要恢复成默认样式,则选择该列表中的【复位画笔】命令。
实例2 地产画册平面制作
【A.技术分析】
通过本实例讲解地产画册的平面制作,我们可以学习到如何调整图片的颜色,以及如何使用【图层样式】,另外还将学习如何绘制邮票效果,从中体会到画笔工具的妙用。最终效果如图1-25所示。

图1-25 最终效果
【B.制作步骤】
(1)执行【文件】→【新建】命令,打开“新建”对话框,参数设置如图1-26所示。

图1-26 设置“新建”文件参数
(2)设置前景色为:黄色(R:254,G:244,B:194),按【Alt+Delete】组合键填充前景色,效果如图1-27所示。

图1-27 填充颜色
(3)打开配套光盘【素材】→【第1章】文件夹中的“风景.tif”,此时我们将看到一幅湖泊素材,如图1-28所示。

图1-28 打开素材文件
(4)执行【图像】→【调整】→【色彩平衡】命令,调整参数偏红,效果如图1-29所示。

图1-29 调整素材文件颜色
(5)执行【图像】→【调整】→【曲线】命令,调整曲线,对比度有所改变,图片效果如图1-30所示。

图1-30 调整曲线
(6)此时,风景图片颜色调整得比较鲜艳,效果如图1-31所示。

图1-31 风景图片颜色鲜艳
(7)选择【移动工具】,将图片移动到背景文件中,并按【Ctrl+T】组合键,打开“自由变换”对话框,缩放其大小,效果如图1-32所示。

图1-32 缩放图片大小
提示
执行【编辑】→【自由变换】命令也是打开自由变换框的方法之一。
(8)选择【套索工具】,沿图片边缘勾崎岖不平的边缘效果,按【Delete】键删除选区内容,如图1-33所示,按【Ctrl+D】组合键取消选区。

图1-33 删除选区内容
(9)双击工具区域空白处,选择【投影】效果,设置颜色为:暗红色。参数设置如图1-34所示。

图1-34 设置【投影】效果
(10)打开配套光盘【素材】→【第1章】文件夹中的“别墅.tif”,此时我们将看到一幅别墅素材,如图1-35所示。

图1-35 打开别墅素材
(11)按【Ctrl+Shift+U】组合键去色,效果如图1-36所示。

图1-36 素材图片去色
(12)执行【图像】→【调整】→【变化】命令,分别多次单击红色和黄色,使之变化为金黄色效果,如图1-37所示。

图1-37 改变素材颜色
(13)按【Ctrl+M】组合键打开“曲线”对话框,调整曲线弧度,如图1-38所示。

图1-38 调整曲线
(14)此时,别墅效果对比度加强,如图1-39所示。

图1-39 加强别墅效果对比度
(15)选择【移动工具】,将图片移动到背景文件中,并按【Ctrl+T】组合键,打开“自由变换”对话框,缩放其大小。然后使用【橡皮擦工具】
,对别墅的边缘进行擦除,效果如图1-40所示。

图1-40 擦除别墅边缘
(16)选择【矩形选框工具】,新建“图层3”,绘制矩形选区,并设置前景色为:白色,填充颜色后如图1-41所示。

图1-41 绘制白色矩形
(17)按【Ctrl+D】组合键取消选区。选择【画笔工具】后,按【F5】打开【画笔】面板,参数设置如图1-42所示。

图1-42 设置画笔参数
提示
【间距】参数的设置很重要,它决定着两点间的距离。
(18)新建“图层4”,设置前景色为:黑色。按【Shift】键不放,绘制直线,如图1-43所示。

图1-43 绘制直线
(19)选择“图层3”。按住【Ctrl】键不放,单击“图层4”的预览框,载入选区。按【Delete】键删除选区内容,如图1-44所示。

图1-44 删除选区内容
(20)按【Ctrl+D】组合键取消选区。打开配套光盘【素材】→【第1章】文件夹中的“鸟瞰图.tif”,此时我们将看到一幅鸟瞰图素材,如图1-45所示。

图1-45 打开素材文件
(21)将素材文件改变为黄色后,绘制矩形框,并按【Ctrl+C】组合键复制选区内容,如图1-46所示。

图1-46 绘制矩形框并复制
(22)选择文件窗口后,按【Ctrl+V】组合键粘贴图片内容。缩放素材大小后,按【Ctrl+M】组合键调节其对比度,如图1-47所示。

图1-47 调整对比度
(23)按【Ctrl】键不放,同时选中白色矩形图层与鸟瞰图图层,按【Ctrl+E】组合键合并两图层为“图层3”。按【Ctrl+T】组合键打开自由变换调节框进行旋转,如图1-48所示。

图1-48 旋转“图层3”
(24)双击“图层3”后面的空白处,打开“图层样式”对话框,设置【投影】效果,如图1-49所示。

图1-49 设置【投影】效果
(25)此时,邮票效果由于有投影效果而显得突出,如图1-50所示。

图1-50 投影效果
(26)最后,为该文件添加上地产广告中应有的文字信息,如热线电话、现成的公司标志图案、开发商、楼盘地址等。最终效果如图1-51所示。

图1-51 最终效果
提示
可以为文字增加外发光效果,丰富广告内容。
【C.拓展知识——套索工具组】
套索工具组分为3个工具。一是【套索工具】,二是【多边形套索工具】
,三是【磁性套索工具】
。它们都是选择选取范围的利器,但是又各有特殊的使用之处。第一个工具的特点是按住不放,直接绘制,线条随意;第二个工具的特点是由直线组成的选区范围;第三个工具的特点是具有吸附功能,便于颜色界限分明的选择。套索工具组的特色如图1-52所示。

图1-52 套索工具组的特色
实例3 地产画册立体制作
【A.技术分析】
通过本实例讲解地产画册的立体制作,我们可以学习到如何制作画册的立体效果。通过该实例,我们可以学习到如何用最快捷的方式制作立体效果,且可以接触到【液化】命令的变形方法,以及用【图层样式】来创建新图层的方法等。最终效果如图1-53所示。

图1-53 最终效果
【B.制作步骤】
(1)执行【文件】→【新建】命令,打开“新建”对话框,参数设置如图1-54所示。

图1-54 设置“新建”对话框参数
(2)选择工具箱中的【渐变工具】,选择属性栏上的【渐变色编辑器】按钮,打开“渐变编辑器”对话框,设置:
位置0绿色(R:127,G:178,B:144);
位置100深绿色(R:10,G:18,B:15);
如图1-55所示。

图1-55 设置渐变色
(3)斜向填充到“背景”图层,效果如图1-56所示。

图1-56 填充渐变色
(4)打开配套光盘【素材】→【第1章】文件夹中的“地产画册立体制作.tif”,此时我们将看到上一个实例制作的画册内页,效果如图1-57所示。

图1-57 打开素材文件
(5)选择【移动工具】,将素材图片移动到文件背景中,然后按【Ctrl+T】组合键缩放其大小,如图1-58所示。

图1-58 缩放素材文件
(6)选择【矩形选框工具】,在素材图片一半的位置绘制矩形框,按【Ctrl+J】组合键复制选区内容,【图层】面板自动生成“图层2”,如图1-59所示。

图1-59 复制矩形选区内容
(7)按【Ctrl+Shift+I】组合键反选,并选择素材所在的“图层1”,再按【Ctrl+J】组合键复制选区内容,【图层】面板自动生成“图层3”,如图1-60所示。

图1-60 复制选区内容
(8)选择“图层1”,单击该图层前面的【图层可视性】按钮,隐藏该图层。选择“图层2”,按【Ctrl+T】组合键打开自由变换调节框,调节4个节点的位置。双击确定后,用同样的方法调整“图层3”,效果如图1-61所示。

图1-61 调节页面透视效果
提示
自由变换调节框需要双击确定,也可以按【Enter】键确定。
(9)选择“图层2”,执行【滤镜】→【液化】命令,打开“液化”对话框。选择【向前变形工具】,设置合适的笔触大小,然后将中间部分向前推,形成翻页效果,如图1-62所示。

图1-62 推进页面的中部
(10)用同样的方法向前推进“图层3”,如图1-63所示。

图1-63 推进另一个页面
提示
在推进时注意动作的轻缓性,最好一点一点地推进,这样便于控制。
(11)此时,书页效果如图1-64所示。

图1-64 书页效果
(12)选择【加深工具】,在页面的两侧进行垂直涂抹,加深暗部立体感。选择【减淡工具】
,涂抹页面中部,减淡亮部,以体现其高光,如图1-65所示。

图1-65 加深书页内侧
(13)按住【Ctrl】键不放,单击“图层2”前面的预览框,载入选区。然后,设置前景色为:黑色。新建“图层4”,选择【画笔工具】,绘制黑色画笔在两侧,如图1-66所示。

图1-66 绘制两侧的暗部
(14)调整【图层】面板上【不透明度】的设置为15%,效果如图1-67所示。

图1-67 调整不透明度
(15)按住【Ctrl】键不放,单击“图层3”前面的预览框,载入选区。新建“图层5”,选择【画笔工具】,绘制黑色画笔在左侧,将【图层】面板上的【不透明度】设置为36%。如图1-68所示。

图1-68 制作侧面的暗部
(16)新建“图层6”,选择【多边形套索工具】,绘制画册的厚度,并填充颜色为:暗红色(R:88,G:38,B:5),效果如图1-69所示。

图1-69 绘制书籍厚度
(17)新建“图层7”,并放置到背景图层的上方,选择【多边形套索工具】绘制投影的黑色,然后执行【滤镜】→【高斯模糊】命令,设置参数为:5像素。投影效果如图1-70所示。

图1-70 制作黑色投影
(18)分别选择“图层2”和“图层3”,然后双击后面的空白处,打开“图层样式”对话框,选择【投影】效果,参数设置如图1-71所示。

图1-71 设置投影效果
(19)此时,投影效果如图1-72所示。

图1-72 投影效果
(20)分别单击“图层2”和“图层3”的【投影】效果处,选择【创建图层】命令,如图1-73所示。

图1-73 分离投影图层
(21)创建图层后,投影与原来的图层分离开,选择分离后的投影图层,并单击【橡皮擦工具】,擦除边缘多余的部分,如图1-74所示。

图1-74 擦除投影多余部分
(22)地产广告立体效果如图1-75所示。

图1-75 最终效果
【C.拓展知识——分离图层样式】
图层样式有很多种如外发光、内阴影、浮雕效果等,它们都是附属于某一图层下的。只需要单击该图层效果所在的位置,即可选择【创建新图层】命令,并将图层样式效果创建成新的图层,如图1-76至图1-78所示。

图1-76 执行图层样式

图1-77 分离图层样式

图1-78 分离后的图层样式
实例4 鼠标科技
【A.技术分析】
通过本实例讲解幻想中的鼠标制作,我们可以学习到如何合成图片却又不留痕迹。通过该实例,可以学习到如何用抠绘鼠标的凹面或凸面等效果。最终效果如图1-79所示。

图1-79 最终效果
【B.制作步骤】
(1)打开配套光盘【素材】→【第1章】文件夹中的“鼠标科技.tif”,此时我们将看到一幅红色鼠标素材,如图1-80所示。

图1-80 打开素材文件
(2)单击【椭圆选框工具】,绘制椭圆后,执行【选择】→【变换选区】命令,旋转其角度位置,如图1-81所示。

图1-81 变换选区
(3)单击鼠标右键,选择【透视】命令,然后拖动节点进行调节,如图1-82所示。

图1-82 调节透视角度
(4)双击确定后,新建“图层1”,设置前景色为:黑色,按【Alt+Delete】组合键填充颜色,如图1-83所示。

图1-83 填充颜色为黑色
提示
变换选区的确定与自由变换调节框是一样的,需要双击确定,也可以按【Enter】键确定。
(5)执行【选择】→【修改】→【扩展】命令,打开“扩展选区”对话框,设置参数为:4,如图1-84所示。

图1-84 设置扩展量
(6)确定“扩展选区”对话框后,将选区的位置向四周扩展,如图1-85所示。

图1-85 扩展后的范围
(7)选择“背景”图层,选择【加深工具】,在椭圆选区的下方涂抹,绘制暗部。选择【减淡工具】
涂抹选区的上方,涂抹出高光位置,取消选区显示,如图1-86所示。

图1-86 涂抹高光与暗部
(8)打开配套光盘【素材】→【第1章】文件夹中的“树林.tif”,此时我们将看一幅美丽的风景画。选择【移动工具】,将其放置到鼠标文件中,并按【Ctrl+T】组合键调节其大小后旋转,如图1-87所示。

图1-87 打开素材文件并编辑
(9)按住【Ctrl】键不放,单击黑色椭圆所在的图层,载入选区。单击【图层】面板上的【添加蒙版】按钮,将图片嵌入到选区内,如图1-88所示。

图1-88 将图片放入蒙版
(10)新建图层,并填充渐变色,调整【图层】面板上的【不透明度】为:15%。取消选区后,选择【橡皮擦工具】擦除右边的局部,效果如图1-89所示。

图1-89 擦除多余部分
(11)选择【圆角矩形工具】,绘制圆角矩形路径,转换为选区后,执行【选择】|【变换选区】命令,旋转角度后新建图层,填充渐变色为:红色-暗红色的渐变,如图1-90所示。

图1-90 绘制渐变圆角矩形
(12)双击该图层后面的空白处,并选择【斜面与浮雕】效果,参数设置如图1-91所示。

图1-91 设置【斜面与浮雕】效果
(13)继续选择【纹理】效果,参数设置如图1-92所示。

图1-92 设置【纹理】效果
(14)复制该图层,并按【Ctrl+T】组合键缩放其大小,并与前面的圆角矩形平行,效果如图1-93所示。

图1-93 复制圆角矩形
(15)打开配套光盘【素材】→【第1章】文件夹中的“光驱.tif”,此时我们将看到一幅打开了光驱的笔记本电脑。选择【多边形套索工具】,将其放置到鼠标文件中,并按【Ctrl+T】组合键调节其大小后旋转,单击鼠标右键选择【扭曲】命令,可以调节各节点,如图1-94所示。

图1-94 调整光驱位置
(16)再次套选如图的选区范围并填充颜色为:黑色,将部分没完美吻合的部分绘制出来,如图1-95所示。

图1-95 补充不完整的位置
(17)取消选区范围后,执行【图像】→【调整】→【色彩平衡】命令,设置【中间调】参数,如图1-96所示。

图1-96 设置【中间调】参数
(18)继续设置【阴影】参数,如图1-97所示。

图1-97 设置【阴影】参数
(19)继续设置【高光】参数,如图1-98所示。

图1-98 设置【高光】参数
(20)此时光驱的颜色偏红,效果如图1-99所示。

图1-99 光驱的颜色偏红
(21)双击光驱所在图层,打开“图层样式”对话框,选择【投影】效果,参数设置如图1-100所示。

图1-100 设置【投影】参数
(22)此时,光驱添加上了黑色的投影,效果如图1-101所示。

图1-101 光驱添加了投影效果
(23)选择【钢笔工具】,选择“背景”图层后,精确勾选出鼠标下面的灰色部分,转化为选区后,运用【色彩平衡】命令调整其颜色偏红,如图1-102所示。

图1-102 调整背景上的灰色局部
(24)最后,再检查实例中还有什么值得完善的位置。如再次载入椭圆选区,新建图层后,设置前景色为:白色,并选择【画笔工具】绘制白色高光,效果如图1-103所示。

图1-103 添加高光
(25)如果觉得鼠标中的风景图案与本身的颜色格格不如,也可以单独选择风景素材所在的图层,调整其颜色偏红。最终效果如图1-104所示。

图1-104 最终效果
【C.拓展知识——钢笔工具的使用】
【钢笔工具】是最能精确载入选区的工具,如何快速地掌握使用该工具的技巧,在此我们将采用几幅示例图片进行详细说明。首先,在最明显的拐角处确定第一个节点,然后放开鼠标,在第二个节点处单击后不放,并同时进行拖动,直到找到满意的弧度为止。然后按住【Alt】键在第二个节点处单击,取消另一边的摇柄。接着选择第三个节点……如图1-105所示。

图1-105 钢笔工具的用法
【D.拓展知识——填充工具】
在通常情况下,我们都会在确定了某一选区范围后填充颜色,设置前景色颜色,然后按【Alt+Delete】组合键进行填充。但是,实际上填充的方法不止这些。比如,工具箱中的【油漆桶工具】就是一种很方便的填充方式。
(1)该工具的颜色填充也是与前景色保持一致,所以在确定某选区范围后,设置前景色后,便可以用该工具在选区范围内单击,即可填充前景色到选区内,如图1-106所示。

图1-106 【油漆桶工具】填充颜色
(2)该工具配合属性栏上的选择还可以填充图案,如图1-107所示。

图1-107 【油漆桶工具】填充图案