修图匠“ Photoshop商业插画制作实例:海底世界【图】”Photoshop图文教程内容:
12.10
插画设计——商业插画
在对通道的基础知识有所了解后,本节为读者安排了一则商业插画制作实例,在该实例中很多操作都离不开通道。读者可以在操作过程中仔细体会,以掌握通道的使用方法和操作技巧,相信读者通过该实例的学习会对通道有个全新的认识。
制作步骤
(
1
)启动
Photoshop
,执行“文件”→“打开”命令,打开本书附带光盘
\Chapter-12\
“海底
.jpg
”文件。单击“图层”调板底部的
“创建新组”按钮,新建“组
1
”图层组。接着单击
“创建新图层”按钮,在图层组中新建“图层
1
”
,如图
12-85所示。
图
12-85
光盘文件(
2
)使用
“钢笔”工具,在视图中绘制鱼图形身体部位的路径,然后按下
<Ctrl+Enter>
键,将路径转换为选区,接着使用黑色填充选区。如图
12-86
所示。
图
12-86
绘制路径并填充颜色(
3
)保持选区的浮动状态,新建“图层
2
”
,设置前景色为浅蓝色(
R222、
G235
、
B235
),按下
<Alt+Delete>
键使用前景色填充选区,如图
12-87
所示。
图
12-87
新建图层并为选区填充颜色(
4
)保持选区的浮动状态,切换到“通道”调板中,单击调板底部的
“将选区存储为通道”按钮,创建出
Alpha 1
通道,如图
12-88
所示。
图
12-88
创建新通道
(
5
)保持选区浮动状态,选择
Alpha 1
通道,执行“滤镜”→“模糊”→“高斯模糊”命令,打开“高斯模糊”对话框。参照图
12-89
所示设置对话框,为选区内图像添加模糊效果。
图
12-89
设置“高斯模糊”对话框(
6
)接着执行“图像”→“调整”→“曲线”命令,打开“曲线”对话框,参照图
12-90
所示设置“曲线”对话框,对选区内图像进行调整。
图
12-90
设置“曲线”对话框(
7
)配合使用工具箱中的
“减淡”工具和
“加深”工具,在选区的相应位置进行涂抹,对选区内的图像进行处理,如图
12-91
所示。
图
12-91
处理图像(
8
)按下
<Ctrl>
键的同时单击
Alpha 1
通道,将该通道作为选区载入。切换到“图层”调板中,选择“图层
2
”
,按下
<Delete>键将选区内的图像删除,如图
12-92
所示。
图
12-92
删除选区内的图像
(
9
)按下
<Ctrl+D>
键将选区取消。在“图层”调板中新建“图层
3
”
,然后在视图中绘制出如图
12-93所示的鱼头图形路径,并将路径转换为选区,为选区填充黑色。
图
12-93
绘制鱼头图形(
10
)保持选区浮动状态,新建“图层
4
”
,将选区填充为浅蓝色(
R222、
G235
、
B235
)。接着在“通道”调板中,将选区存储为
Alpha 2
通道,如图
12-94
所示。
图
12-94
将选区存储为通道(
11
)选择该通道,执行“滤镜”→“模糊”→“高斯模糊”命令,打开“高斯模糊”对话框,参照图
12-95
所示设置对话框,为图像添加模糊效果。
图
12-95
设置“高斯模糊”对话框(
12
)执行“图像”→“调整”→“亮度
/
对比度”命令,打开“亮度
/
对比度”对话框,参照图
12-96
所示设置对话框,对图像进行调整。
图
12-96
调整图像的亮度和对比度
(
13
)使用工具箱中的
“减淡”工具,对图像的亮部区域进行减淡处理,如图
12-97
所示。
图
12-97
对图像进行减淡处理(
14
)将
Alpha 2
通道作为选区载入,然后在“图层”调板中激活“图层
4
”
,将选区内的图像删除,并取消选区,效果如图
12-98所示。
图
12-98
删除图像(
15
)参照前面绘制图像的方法,制作出鱼的其他组成部分,并分别对各组成部分所在图层的顺序进行调整,效果如图
12-99
所示。
图
12-99
绘制其他组成图形提示:读者也可以打开本书附带光盘
\Chapter=12\
“鱼.psd
”文档,将该文档中的鱼图像复制粘贴到“海底”文档中直接使用。(
16
)在“图层”调板中新建一个图层,然后在视图中绘制出鱼的眼睛轮廓图形,如图
12-100
所示。
图
12-100
绘制眼睛轮廓图形
(
17
)执行“文件”→“打开”命令,打开本书附带光盘
\Chapter-12\
“眼睛素材
.psd
”文件。使用
“移动”工具,将文档中的圆形图像拖动到“海底
.jpg
”文档中的相应位置,如图
12-101
所示。
图
12-101
添加素材图像(
18
)创建一个新图层,通过
“椭圆选框”工具绘制圆形选区,然后为其填充黑色,制作出眼珠图像,如图
12-102
所示。
图
12-102
制作眼珠(
19
)再次新建图层,然后绘制出两个白色圆形图像,使用
“橡皮擦”工具对图像进行部分擦除,制作出眼球的高光,如图
12-103
所示。
图
12-103
制作眼球高光(
20
)将导入的眼睛素材图像作为选区载入,然后新建一个图层,将其填充为黑色。
(
21
)将选区存储为通道,通过前面一系列编辑通道的方法,对通道进行编辑。然后将编辑后的通道作为选区载入,将选区内的黑色圆形图像删除,制作眼球的立体效果,如图
12-104
所示。
图
12-104
制作立体效果(
22
)选择“组
1
”图层组,并单击鼠标右键,在弹出的菜单中选择“合并组”命令,将图层组合并。然后将“组
1
”图层重命名为“鱼”,如图
12-105
所示。
图
12-105
合并图层组
(
23
)复制“鱼”图层,得到“鱼
副本”图层。然后使用“魔棒”工具,在红色鱼鳞图像上单击,创建选区,接着为选区填充绿色,如图
12-106
所示。
图
12-106
为选区填充颜色(
24
)取消选区。执行“编辑”→“变换”→“水平翻转”命令,将复制的鱼图像水平翻转。然后按下
<Ctrl+T>
键执行“自由变换”命令,对其大小和位置进行调整,如图
12-107
所示。
图
12-107
复制并调整图像(
25
)再次对“鱼”图层进行复制,创建出“鱼
副本
2
”
图层,并将该副本图层调整到“鱼”图层的下方,如图
12-108所示。
图
12-108
复制图层(
26
)执行“编辑”→“变换”→“垂直翻转”命令,将“鱼
副本
2
”
图层中的图像垂直翻转,然后使用
“橡皮擦”工具,将多余的图像擦除,如图
12-109
所示。
图
12-109
修改图像
(
27
)在“图层”调板中,将“鱼
副本
2
”
图层的混合模式设置“柔光”,如图
12-110所示。
图
12-110
设置图层混合模式(
28
)将“鱼
副本
2
”
图层的图像作为选区载入,然后单击“图层”调板底部的
“创建新的填充或调整图层”按钮,执行“亮度
/
对比度”命令,参照图
12-111
所示设置对话框,调整图像亮度和对比度。
图
12-111
调整图像的亮度(
29
)选择“鱼
副本”图层,可以打开本书附带光盘
\Chapter-12\
“装饰图像
.psd
”文档,按下
<Shift>
键,使用
“移动”工具将该文档中的图像拖移到“海底
.jpg
”文档中,如图
12-112
所示。
图
12-112
添加文字和装饰
(
30
)单击
“创建新的填充或调整图层”按钮,在弹出的菜单中执行“色相
/
饱和度”命令,参照图
12-113
所示设置对话框,调整图像的整体饱和度。
图
12-113
制作其他图像并调整图像的饱和度(
31
)至此,完成实例的制作,最终效果如图
12-114
所示。如果读者在制作过程中遇到什么问题,可打开本书附带光盘
\Chapter-12\
“商业插画
.psd
”文件进行查看。
图
12-114
完成效果12.10
插画设计——商业插画
在对通道的基础知识有所了解后,本节为读者安排了一则商业插画制作实例,在该实例中很多操作都离不开通道。读者可以在操作过程中仔细体会,以掌握通道的使用方法和操作技巧,相信读者通过该实例的学习会对通道有个全新的认识。
制作步骤
(
1
)启动
Photoshop
,执行“文件”→“打开”命令,打开本书附带光盘
\Chapter-12\
“海底
.jpg
”文件。单击“图层”调板底部的
“创建新组”按钮,新建“组
1
”图层组。接着单击
“创建新图层”按钮,在图层组中新建“图层
1
”
,如图
12-85所示。
图
12-85
光盘文件(
2
)使用
“钢笔”工具,在视图中绘制鱼图形身体部位的路径,然后按下
<Ctrl+Enter>
键,将路径转换为选区,接着使用黑色填充选区。如图
12-86
所示。
图
12-86
绘制路径并填充颜色(
3
)保持选区的浮动状态,新建“图层
2
”
,设置前景色为浅蓝色(
R222、
G235
、
B235
),按下
<Alt+Delete>
键使用前景色填充选区,如图
12-87
所示。
图
12-87
新建图层并为选区填充颜色(
4
)保持选区的浮动状态,切换到“通道”调板中,单击调板底部的
“将选区存储为通道”按钮,创建出
Alpha 1
通道,如图
12-88
所示。
图
12-88
创建新通道
(
5
)保持选区浮动状态,选择
Alpha 1
通道,执行“滤镜”→“模糊”→“高斯模糊”命令,打开“高斯模糊”对话框。参照图
12-89
所示设置对话框,为选区内图像添加模糊效果。
图
12-89
设置“高斯模糊”对话框(
6
)接着执行“图像”→“调整”→“曲线”命令,打开“曲线”对话框,参照图
12-90
所示设置“曲线”对话框,对选区内图像进行调整。
图
12-90
设置“曲线”对话框(
7
)配合使用工具箱中的
“减淡”工具和
“加深”工具,在选区的相应位置进行涂抹,对选区内的图像进行处理,如图
12-91
所示。
图
12-91
处理图像(
8
)按下
<Ctrl>
键的同时单击
Alpha 1
通道,将该通道作为选区载入。切换到“图层”调板中,选择“图层
2
”
,按下
<Delete>键将选区内的图像删除,如图
12-92
所示。
图
12-92
删除选区内的图像
(
9
)按下
<Ctrl+D>
键将选区取消。在“图层”调板中新建“图层
3
”
,然后在视图中绘制出如图
12-93所示的鱼头图形路径,并将路径转换为选区,为选区填充黑色。
图
12-93
绘制鱼头图形(
10
)保持选区浮动状态,新建“图层
4
”
,将选区填充为浅蓝色(
R222、
G235
、
B235
)。接着在“通道”调板中,将选区存储为
Alpha 2
通道,如图
12-94
所示。
图
12-94
将选区存储为通道(
11
)选择该通道,执行“滤镜”→“模糊”→“高斯模糊”命令,打开“高斯模糊”对话框,参照图
12-95
所示设置对话框,为图像添加模糊效果。
图
12-95
设置“高斯模糊”对话框(
12
)执行“图像”→“调整”→“亮度
/
对比度”命令,打开“亮度
/
对比度”对话框,参照图
12-96
所示设置对话框,对图像进行调整。
图
12-96
调整图像的亮度和对比度
(
13
)使用工具箱中的
“减淡”工具,对图像的亮部区域进行减淡处理,如图
12-97
所示。
图
12-97
对图像进行减淡处理(
14
)将
Alpha 2
通道作为选区载入,然后在“图层”调板中激活“图层
4
”
,将选区内的图像删除,并取消选区,效果如图
12-98所示。
图
12-98
删除图像(
15
)参照前面绘制图像的方法,制作出鱼的其他组成部分,并分别对各组成部分所在图层的顺序进行调整,效果如图
12-99
所示。
图
12-99
绘制其他组成图形提示:读者也可以打开本书附带光盘
\Chapter=12\
“鱼.psd
”文档,将该文档中的鱼图像复制粘贴到“海底”文档中直接使用。(
16
)在“图层”调板中新建一个图层,然后在视图中绘制出鱼的眼睛轮廓图形,如图
12-100
所示。
图
12-100
绘制眼睛轮廓图形
(
17
)执行“文件”→“打开”命令,打开本书附带光盘
\Chapter-12\
“眼睛素材
.psd
”文件。使用
“移动”工具,将文档中的圆形图像拖动到“海底
.jpg
”文档中的相应位置,如图
12-101
所示。
图
12-101
添加素材图像(
18
)创建一个新图层,通过
“椭圆选框”工具绘制圆形选区,然后为其填充黑色,制作出眼珠图像,如图
12-102
所示。
图
12-102
制作眼珠(
19
)再次新建图层,然后绘制出两个白色圆形图像,使用
“橡皮擦”工具对图像进行部分擦除,制作出眼球的高光,如图
12-103
所示。
图
12-103
制作眼球高光(
20
)将导入的眼睛素材图像作为选区载入,然后新建一个图层,将其填充为黑色。
(
21
)将选区存储为通道,通过前面一系列编辑通道的方法,对通道进行编辑。然后将编辑后的通道作为选区载入,将选区内的黑色圆形图像删除,制作眼球的立体效果,如图
12-104
所示。
图
12-104
制作立体效果(
22
)选择“组
1
”图层组,并单击鼠标右键,在弹出的菜单中选择“合并组”命令,将图层组合并。然后将“组
1
”图层重命名为“鱼”,如图
12-105
所示。
图
12-105
合并图层组
(
23
)复制“鱼”图层,得到“鱼
副本”图层。然后使用“魔棒”工具,在红色鱼鳞图像上单击,创建选区,接着为选区填充绿色,如图
12-106
所示。
图
12-106
为选区填充颜色(
24
)取消选区。执行“编辑”→“变换”→“水平翻转”命令,将复制的鱼图像水平翻转。然后按下
<Ctrl+T>
键执行“自由变换”命令,对其大小和位置进行调整,如图
12-107
所示。
图
12-107
复制并调整图像(
25
)再次对“鱼”图层进行复制,创建出“鱼
副本
2
”
图层,并将该副本图层调整到“鱼”图层的下方,如图
12-108所示。
图
12-108
复制图层(
26
)执行“编辑”→“变换”→“垂直翻转”命令,将“鱼
副本
2
”
图层中的图像垂直翻转,然后使用
“橡皮擦”工具,将多余的图像擦除,如图
12-109
所示。
图
12-109
修改图像
(
27
)在“图层”调板中,将“鱼
副本
2
”
图层的混合模式设置“柔光”,如图
12-110所示。
图
12-110
设置图层混合模式(
28
)将“鱼
副本
2
”
图层的图像作为选区载入,然后单击“图层”调板底部的
“创建新的填充或调整图层”按钮,执行“亮度
/
对比度”命令,参照图
12-111
所示设置对话框,调整图像亮度和对比度。
图
12-111
调整图像的亮度(
29
)选择“鱼
副本”图层,可以打开本书附带光盘
\Chapter-12\
“装饰图像
.psd
”文档,按下
<Shift>
键,使用
“移动”工具将该文档中的图像拖移到“海底
.jpg
”文档中,如图
12-112
所示。
图
12-112
添加文字和装饰
(
30
)单击
“创建新的填充或调整图层”按钮,在弹出的菜单中执行“色相
/
饱和度”命令,参照图
12-113
所示设置对话框,调整图像的整体饱和度。
图
12-113
制作其他图像并调整图像的饱和度(
31
)至此,完成实例的制作,最终效果如图
12-114
所示。如果读者在制作过程中遇到什么问题,可打开本书附带光盘
\Chapter-12\
“商业插画
.psd
”文件进行查看。
图
12-114
完成效果