第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12...

40
博学谷——让 IT 教学更简单,让 IT 学习更有效 1 2补充案例 案例 2-1 绘制卡通猴宝宝 一、案例描述 1、 考核知识点 椭圆选框工具、图层的基本操作、自由变换基本操作、前景色和背景色 2、 练习目标 掌握图层的基本操作,可以进行新建、选中、调整和复制图层的操作 掌握椭圆选框工具的基本操作,可以绘制并填充椭圆选区 掌握自由变换,能够进行缩放和旋转制作简单的图形图像 掌握前景色和背景色的设置,能够恢复、设置和正确填充前景色和背景色 3、 案例分析 1) 效果如图 2-1 所示。 2-1 卡通猴宝宝 2) 具体实现步骤如下: a) 绘制“猴宝宝”头部:使用“椭圆选框工具”绘制“猴宝宝”头部,并使用前景色和背 景色填充颜色。 b) 绘制“猴宝宝”五官:使用“椭圆选框工具”绘制“猴宝宝”五官并调整图层的顺序。 c) 绘制“猴宝宝”身体:使用“椭圆选框工具”绘制“猴宝宝”的身体,使用“自由变换” 调整手脚的旋转角度,并使用前景色和背景色填充颜色。

Upload: others

Post on 26-Sep-2019

17 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

1

第2章 补充案例

案例 2-1 绘制卡通猴宝宝

一、案例描述

1、 考核知识点

椭圆选框工具、图层的基本操作、自由变换基本操作、前景色和背景色

2、 练习目标

掌握图层的基本操作,可以进行新建、选中、调整和复制图层的操作

掌握椭圆选框工具的基本操作,可以绘制并填充椭圆选区

掌握自由变换,能够进行缩放和旋转制作简单的图形图像

掌握前景色和背景色的设置,能够恢复、设置和正确填充前景色和背景色

3、 案例分析

1) 效果如图 2-1 所示。

图2-1 卡通猴宝宝

2) 具体实现步骤如下:

a) 绘制“猴宝宝”头部:使用“椭圆选框工具”绘制“猴宝宝”头部,并使用前景色和背

景色填充颜色。

b) 绘制“猴宝宝”五官:使用“椭圆选框工具”绘制“猴宝宝”五官并调整图层的顺序。

c) 绘制“猴宝宝”身体:使用“椭圆选框工具”绘制“猴宝宝”的身体,使用“自由变换”

调整手脚的旋转角度,并使用前景色和背景色填充颜色。

Page 2: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

2

二、案例实现

1、 绘制“猴宝宝”头部

【Step01】. 执行“文件→新建” 命令(或使用快捷键【Ctrl+N】)调出“新建”对话框。设置宽度

和高度均为 400 像素、分辨率为 72 像素/英寸、颜色模式为 RGB 颜色、背景内容为白色,单击“确

定”按钮,如图 2-2 所示,完成画布的创建。

图2-2 创建画布

【Step02】. 执行“文件→存储为”命令(或使用快捷键【Ctrl+Shift+S】),以名称“【补充案例】

卡通猴宝宝.psd”保存文件。

【Step03】. 单击图层面板下方的“创建新图层”按钮 (或使用快捷键【Ctrl+Alt+Shift+N】)创建

一个新图层。此时,图层面板中会出现名称为“图层 1”的透明图层,如图 2-3 所示。

新建图层

图2-3 创建图层

【Step04】. 选择工具箱中的“椭圆选框工具” ,在“图层 1”中绘制一个如图 2-4 所示的椭圆

选区。

Page 3: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

3

图2-4 绘制椭圆选区

【Step05】. 单击工具箱中的“设置前景色”,在弹出的“拾色器(前景色)”对话框中,设置前景

色为褐色(RGB:119、86、79)。按下【Alt+Delete】键,为选区填充前景色。按下【Ctrl+D】

键,取消选区,如图 2-5 所示。

图2-5 设置并填充前景色

【Step06】. 按下【Ctrl+Alt+Shift+N】键,新建“图层 2”。选择“椭圆选框工具” ,在“图层

2”中绘制一个如图 2-6 所示的椭圆选区。

图2-6 新建图层 2

Page 4: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

4

【Step07】. 单击工具箱中的“设置背景色”,在弹出的“拾色器(背景色)”对话框中,设置背景

色为浅粉色(RGB:244、203、181)。按下【Ctrl+Delete】键,为选区填充背景色。按下【Ctrl+D】

键,取消选区,如图 2-7 所示。

图2-7 设置并填充背景色

【Step08】. 选中“图层 2”,单击鼠标右键,在弹出的菜单中选择“复制图层”命令(或使用快捷

键【Ctrl+J】) 。此时,图层面板中生成“图层 2 副本”。

【Step09】. 选中“图层 2 副本”,按住【Shift】键不放,选择“移动工具” ,将“图层 2 副本”

移动至如图 2-8 所示的合适的位置。

图2-8 移动图层 2 副本

【Step10】. 再次按下【Ctrl+Alt+Shift+N】键,新建“图层 3”。选择“椭圆选框工具” ,在“图

层 3”中绘制一个椭圆选区,按下【Ctrl+Delete】键为选区填充浅粉色。按下【Ctrl+D】键,取消

选区,如图 2-9 所示。

Page 5: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

5

图2-9 新建填充图层 3

2、 绘制“猴宝宝”五官

【Step01】. 按下【Ctrl+Alt+Shift+N】键,新建“图层 4”。选择“椭圆选框工具” ,在“图层

4”中绘制一个正圆选区,如图 2-10 所示。

图2-10 新建图层 4

【Step02】. 按下【D】键,恢复默认的前景色和背景色,如图 2-11 所示。

图2-11 恢复默认的前景色和背景色

【Step03】. 按下【Alt+Delete】键,填充黑色前景色,按下【Ctrl+D】取消选区,如图 2-12 所示。

Page 6: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

6

图2-12 填充黑色前景色

【Step04】. 选中“图层 4”,按下【Ctrl+J】键,复制生成“图层 4 副本”。

【Step05】. 执行“编辑→自由变换”命令(或使用快捷键【Ctrl+T】),调整定界框,缩小图像,

然后单击【Enter】键确定“自由变换”命令。按下【Ctrl+Shift+Delete】键,锁定透明图层填充

白色背景色,如图 2-13 所示。

图2-13 自由变换和填充

【Step06】. 在图层面板中选中,按住【Ctrl】键不放,单击“图层 4 副本”。将“图层 4”和“图层

4 副本”同时选中,按下【Ctrl+J】键,复制源图层,生成“图层 4 副本”和“图层 4 副本 副本”。

【Step07】. 按住【Shift】键不放,选择“移动工具” 将“图层 4 副本”和“图层 4 副本 副本”

移动至如图 2-14 所示的合适的位置。

Page 7: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

7

图2-14 同时移动多个图层

【Step08】. 连续按下【Ctrl+Alt+Shift+N】键,分别新建“图层 5”和“图层 6”。选择“椭圆选框

工具” ,在“图层 5”中绘制出“猴宝宝”的鼻子,在“图层 6”中绘制出“猴宝宝”的嘴,

并按下【Alt+Delete】键,填充黑色前景色,效果如图 2-15 所示。

图2-15 新建图层 5、图层 6

【Step09】. 按下【Ctrl+Alt+Shift+N】键,新建“图层 7”,使用“椭圆选框工具” ,在“图层

7”中绘制一个椭圆选区,如图 2-16 所示。

Page 8: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

8

图2-16 新建图层 7

【Step10】. 选择工具箱中的“设置前景色” 按钮,设置前景色为褐色(RGB:119、86、79)。

按下【Alt+Delete】键,填充褐色前景色,按下【Ctrl+D】键取消选区,如图 2-17 所示。

图2-17 填充图层 7

【Step11】. 选中“图层 7”,按下【Ctrl+J】键,复制得到“图层 7 副本”。

【Step12】. 按下【Ctrl+T】键,调出定界框,将“图层 7 副本”缩小,单击键盘上的【Enter】键接

确定“自由变换”命令。设置背景色为浅粉色(RGB:244、203、181),按下【Ctrl+Shift+Delete】

键,填充浅粉色背景色,如图 2-18 所示。

图2-18 自由变换图层 7 副本

【Step13】. 选中“图层 7”和“图层 7 副本”,执行“图层→排列→置为底层”命令(或使用快捷

键【Ctrl+Shift+[】),如图 2-19 所示。

Page 9: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

9

图2-19 置于底层

【Step14】. 按下【Ctrl+J】键,复制生成“图层 7 副本”和“图层 7 副本 副本”。

【Step15】. 按下【Ctrl+T】键,调出定界框。单击鼠标右键,在弹出的菜单中选择“水平翻转”命

令,按下【Enter】键确认“自由变换”命令。选择“移动工具” 将“图层 7 副本”和“图层 7

副本 副本”移动至如图 2-20 所示的合适的位置。

图2-20 水平翻转图像

3、 绘制“猴宝宝”身体

【Step01】. 按下【Ctrl+Alt+Shift+N】键,新建“图层 8”,选择 “椭圆选框工具” ,在“图层

8”中绘制一个椭圆选区。按下【Alt+Delete】键,填充褐色前景色(RGB:119、86、79),按

下【Ctrl+D】键,取消选区,如图 2-21 所示。

Page 10: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

10

图2-21 新建填充图层 8

【Step02】. 选中“图层 8”,使按下【Ctrl+J】键,复制生成“图层 8 副本”。

【Step03】. 按下【Ctrl+T】键,调出定界框,缩小图像,然后按下【Enter】键,确定“自由变换”

命令。按下【Ctrl+Shift+Delete】键,锁定透明图层填充浅粉色(RGB:244、203、181)背景色,

如图 2-22 所示。

图2-22 填充图层 8 副本

【Step04】. 按下【Ctrl+Alt+Shift+N】键,新建“图层 9”,选择“椭圆选框工具” ,在“图层

9”中绘制一个椭圆选区。按下【Alt+Delete】键,填充褐色前景色,按下【Ctrl+D】键,取消选

区,如图 2-23 所示。

Page 11: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

11

图2-23 新建填充图层 9

【Step05】. 选中“图层 9”,按下【Ctrl+J】键,复制生成“图层 9 副本”。

【Step06】. 按下【Ctrl+T】键,调出定界框。缩小图像,然后单击【Enter】键确定“自由变换”命

令。按下【Ctrl+Shift+Delete】键,锁定透明图层填充浅粉色(RGB:244、203、181)背景色,

如图 2-24 所示。

图2-24 填充图层 9 副本

【Step07】. 选中“图层 9”和“图层 9 副本”,按下【Ctrl+T】键,调出定界框。旋转图像,至如

图 2-25 所示位置,然后按下【Enter】键确定“自由变换”命令。

Page 12: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

12

图2-25 旋转图层 9 和图层 9 副本

【Step08】. 选中“图层 9”和“图层 9 副本”,按下【Ctrl+J】键,复制生成“图层 9 副本”和“图

层 9 副本 副本”。

【Step09】. 按下【Ctrl+T】键,调出定界框。单击鼠标右键,在弹出的菜单中选择“水平翻转”命

令,然后按下【Enter】键确定“自由变换”命令。按住【Shift】键不放,选择“移动工具” 将

“图层 9 副本”和“图层 9 副本 副本”移动至如图 2-26 所示的合适的位置。

图2-26 水平翻转图层

【Step10】. 重复运用 Step04—Step09 的方法,绘制“猴宝宝”的手部。绘制的最终效果如图 2-27

所示。

Page 13: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

13

图2-27 绘制手部

案例 2-2 制作天气预报晴天图标

一、案例描述

1、 考核知识点

椭圆选框工具、图层的基本操作、多边形套索工具。

2、 练习目标

掌握图层的基本操作,学会新建及合并图层

掌握椭圆选框工具的使用,能够熟练运用椭圆选框工具绘制简单的图形图像

掌握自由变换的高级技巧,能够熟练运用自由变换复制和再次变换调整图像

3、 案例分析

1) 效果如图 2-28 所示。

图2-28 天气预报晴天图标

2) 具体实现步骤如下:

a) 绘制太阳外轮廓:运用“自由变换复制”、“椭圆选框工具”、“多边形套锁工具”,

绘制太阳的基本形状。

Page 14: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

14

b) 绘制太阳细节:运用“羽化”修饰图像并使用“载入选区”和“反向”删除选区中的图

层对象。

二、案例实现

1、 绘制太阳外轮廓

【Step01】. 执行“文件→新建” 命令(或使用快捷键【Ctrl+N】)调出“新建”对话框。设置宽度

和高度均为 400 像素、分辨率为 72 像素/英寸、颜色模式为 RGB 颜色、背景内容为白色,单击“确

定”按钮,如图 2-29 所示,完成画布的创建。

图2-29 创建画布

【Step02】. 执行“文件→存储为”命令(或使用快捷键【Ctrl+Shift+S】),以名称“【补充案例】

天气预报图标.psd”保存文件。

【Step03】. 设置前景色为黑色,按下【Alt+Delete】键,为画布填充前景色,如图 2-30 所示。

图2-30 为画布填充黑色前景色

【Step04】. 单击图层面板下方的“创建新图层”按钮 (或使用快捷键:【Ctrl+Alt+Shift+N】)创

建一个新图层。此时,图层面板中会出现名称为“图层 1”的透明图层,如图 2-31 所示。

Page 15: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

15

图2-31 新建图层 1

【Step05】. 选择工具箱中的“多边形套锁工具” ,在“图层 1”中绘制一个如图 2-32 所示的三

角形选区。

图2-32 创建三角形选区

【Step06】. 单击工具箱中的“设置前景色” ,在弹出的“拾色器(前景色)”对话框中,设置前

景色为黄色(RGB:243、207、6)。按下【Alt+Delete】键,填充黄色前景色,按下【Ctrl+D】

键,取消选区,如图 2-33 所示。

图2-33 填充三角形选区

【Step07】. 按下【Ctrl+Alt+T】键,自由变换复制图层对象,在调出的定界框中,移动中心点至三

角形底部。在选项栏中,设置旋转角度为 36 度,按下【Enter】键确定“旋转”命令。再次按下

【Enter】键接受自由变换,效果如图 2-34 所示。

Page 16: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

16

图2-34 自由变换复制

【Step08】. 按下【Ctrl+Alt+Shift+T】键,再次自由变换复制图层对象,至如图 2-35 所示效果。

图2-35 再次自由变换复制

【Step09】. 选中所有编辑的图层对象,按下【Ctrl+E】键,合并图层得到“图层 1 副本 9”,如图

2-36 所示

图2-36 合并图层

【Step11】. 选中“图层 1 副本 9”,按下【Ctrl+J】键,复制生成“图层 1 副本 10”。

【Step12】. 按下【Ctrl+T】键,调出定界框框,在选项栏中设置“旋转角度”为 18 度,并缩小图

层对象,如图 2-37 所示。

Page 17: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

17

图2-37 自由变换旋转

【Step010】. 选中所有编辑的图层对象,按下【Ctrl+E】键,合并图层得到“图层 1 副本 10”,如图

2-38 所示

图2-38 再次合并图层

2、 绘制太阳细节

【Step01】. 选择 “椭圆选框工具” ,按住【Shift】键不放,绘制一个如图 2-39 所示的正圆选

区,移动选区至图 2-39 所示的合适位置。

图2-39 绘制正圆选区

【Step02】. 按【Delete】键删除选区中的图层对象,效果如图 2-40 所示。

Page 18: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

18

图2-40 使用选框工具删除

【Step03】. 按下【Ctrl+Alt+Shift+N】键,新建“图层 1”。按下【Alt+Delete】键,填充黄色前景

色,按下【Ctrl+D】键,取消选区,如图 2-41 所示。

图2-41 新建图层

【Step04】. 按下【Ctrl+T】键,调出定界框。缩小图层对象至如图 2-42 所示效果,按下【Enter】

键确定“自由变换”命令。

图2-42 缩小正圆

【Step05】. 选中“图层 1 副本 10”和“图层 1”,按下【Ctrl+E】键,拼合图层对象,如图 2-43

所示。

Page 19: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

19

图2-43 再次拼合图层对象

【Step06】. 执行“选择→载入选区”命令(或按住【Ctrl】键不放,使用鼠标左键单击“图层缩览

图”),在弹出的对话框中单击“确定”按钮,如图 2-44 所示。

图2-44 载入选区

【Step07】. 执行“选择→修改→羽化”命令(或使用快捷键【Shift+F6】),在弹出的“羽化选区”

对话框中设置“羽化半径”为 4 像素,如图 2-45 所示。

图2-45 羽化选区

【Step08】. 执行“选择→反向”命令(或使用快捷键【Ctrl+Shift+I】,将选区反向。按下【Delete】

键,删除选区中的图层对象。按下【Ctrl+D】键,取消选区,效果如图 2-46 所示。

Page 20: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

20

图2-46 删除效果

案例 2-3 绘制卡通雪人

一、案例描述

1、 考核知识点

椭圆选框工具、矩形选框工具、图层的基本操作、自由变换基本操作、前景色和背景色、修改选

区、选区的布尔运算。

2、 练习目标

掌握椭圆选框工具的使用,能够熟练运用椭圆选框工具绘制简单的图形图像

掌握矩形选框工具的使用,能够熟练运用矩形选框工具绘制选区

掌握选区的基本操作,能够熟练应用羽化、平滑等命令调整选区

3、 案例分析

1) 效果如图 2-47 所示。

图2-47 卡通雪人

2) 具体实现步骤如下:

a) 卡通雪人的头部:使用“椭圆选框工具”绘制卡通雪人的头部,并运用前景色和背景色

填充颜色。

b) 卡通雪人的身体:使用“椭圆选框工具”绘制卡通雪人的身体,并运用前景色和背景色

填充颜色。制作完成后,使用“水平居中对齐”将头部和身体对齐。

c) 卡通雪人的帽子和围巾:使用“椭圆选框工具”和“矩形选框工具”结合“羽化”效果

绘制卡通雪人的帽子和围巾。

Page 21: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

21

d) 卡通雪人的手套:使用“矩形选框工具”,结合“选择-修改”命令制作卡通雪人的手套。

运用自由变换的“水平翻转”命令完成手套的复制。

二、案例实现步骤

1、 绘制雪人头部

【Step01】. 执行“文件→新建” 命令(或使用快捷键【Ctrl+N】),调出“新建”对话框。设置宽

度和高度均为 300 像素、分辨率为 72 像素/英寸、颜色模式为 RGB、背景内容为白色,具体设置

参数如图 2-48 所示。单击“确定”按钮,完成画布的创建。

图2-48 新建对话框的设置

【Step02】. 执行“文件→存储为”命令(或使用快捷键【Ctrl+Shift+S】),以名称“【补充案例】

卡通雪人.psd”保存文件。

【Step03】. 单击鼠标左键选择工具箱中的“设置前景色”,在弹出的“拾色器(前景色)”对话框

中,设置前景色为黑色。按下【Alt+Delete】键,将背景填充为黑色。

【Step04】. 单击图层面板中的“创建新图层”按钮 (或使用快捷键【Ctrl+Shift+Alt+N】),新建

“图层 1”。

【Step05】. 选择“椭圆选框工具” ,将光标置于画布的中心偏上位置,按住【Shift】键和【Alt】

键不放,拖动鼠标向外绘制一个正圆选区,注意选区的大小并移动到合适的位置,如图 2-49 所示。

图2-49 绘制正圆选区

【Step06】. 单击鼠标左键选择工具箱中的“设置背景色”,在弹出的“拾色器(背景色)”对话框

中,设置背景色为白色。按下【Ctrl+Delete】键,将选区填充为白色,如图 2-50 所示。

Page 22: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

22

图2-50 填充正圆选区

【Step07】. 执行“选择→取消选择”命令(或使用快捷键【Ctrl+D】),取消选区。

【Step08】. 按下【Ctrl+Shift+Alt+N】键,新建“图层 2”。

【Step09】. 将光标置于白色选区位置,按住【Shift】键不放,拖动鼠标向外绘制一个正圆选区,注

意选区的大小并移动到合适的位置,如图 2-51 所示。

图2-51 绘制正圆选区

【Step10】. 按下【Alt+Delete】键,将选区填充为黑色,如图 2-52 所示。

图2-52 填充正圆选区

【Step11】. 执行“图层→复制图层”命令(或使用快捷键【Ctrl+J】),复制“图层 2”得到“图层

2 副本”。

【Step12】. 选择“移动工具” ,按住【Shift】键不放,将“图层 2 副本”移动到适当位置,如图

2-53 所示。

Page 23: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

23

图2-53 移动复制图层

【Step13】. 按下【Ctrl+Shift+Alt+N】键,新建“图层 3”。

【Step14】. 选择“椭圆选框工具” ,将光标置于白色正圆的中心位置,按住【Shift】键和【Alt】

键不放,拖动鼠标向外绘制一个正圆选区,注意选区的大小并移动到合适的位置,如图 2-54 所示。

图2-54 绘制正圆选区

【Step15】. 设置前景色为红色。按下【Alt+Delete】键,将选区填充为红色,如图 2-55 所示。

图2-55 填充正圆选区

【Step16】. 将光标置于红色正圆的适当位置,拖动鼠标向外绘制一个椭圆选区,注意选区的大小并

移动到合适的位置,绘制效果如图 2-56 所示。

Page 24: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

24

图2-56 绘制椭圆选区

【Step17】. 单击【Delete】键删除选区内容,按下【Ctrl+D】,取消选区,如图 2-57 所示。

图2-57 删除椭圆选区内容

2、 绘制雪人身体

【Step01】. 按下【Ctrl+Shift+Alt+N】键,新建“图层 4”。

【Step02】. 将光标置于画布的中心位置,按住【Shift】键和【Alt】键不放,拖动鼠标向外绘制一个

正圆选区,注意选区的大小并移动到合适的位置,绘制效果如图 2-58 所示。

图2-58 绘制正圆选区

【Step03】. 按下【Ctrl+Delete】键,将选区填充为白色,如图 2-59 所示。

Page 25: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

25

图2-59 填充正圆选区

【Step04】. 按下【Ctrl+Shift+Alt+N】键,新建“图层 5”。将光标置于画布的中心偏下位置,按住

【Shift】键和【Alt】键不放,拖动鼠标向外绘制一个正圆选区,注意选区的大小并移动到合适的

位置,绘制效果如图 2-60 所示。

图2-60 绘制正圆选区

【Step05】. 按下【Ctrl+Delete】键,将选区填充为白色,如图 2-61 所示。

图2-61 填充正圆选区

【Step06】. 选择“移动工具” ,按住【Ctrl】键不放,选择图层面板中的“图层 1”、“图层 4”

和“图层 5”,如图 2-62 所示。

Page 26: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

26

图2-62 选中不连续图层

【Step07】. 在选项栏中的单击“水平居中对齐”按钮,如图 2-63 所示,将三个图层中的白色选区居

中对齐。

图2-63 水平居中对齐

【Step08】. 按下【Ctrl+Shift+Alt+N】键,新建“图层 6”。将光标置于画布的中心位置,按住【Shift】

键不放,拖动鼠标向外绘制一个正圆选区作为雪人的纽扣,注意选区的大小并移动到合适的位置,

绘制效果如图 2-64 所示。

图2-64 绘制正圆选区

【Step09】. 设置背景色为黑色,按下【Ctrl+Delete】键,将选区填充为黑色,如图 2-65 所示。按下

【Ctrl+D】键,取消选区

图2-65 填充正圆选区

【Step10】. 按下【Ctrl+J】键,复制“图层 6”得到“图层 6 副本”。

【Step11】. 选择“移动工具” ,按住【Shift】键不放,将“图层 6 副本”移动到适当位置,如图

2-66 所示。

Page 27: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

27

图2-66 移动复制图层

3、 绘制雪人帽子和围巾

【Step01】. 按下【Ctrl+Shift+Alt+N】键,新建“图层 7”。选择“椭圆选框工具” 并将其选项

栏中的“羽化”设置为 4 像素,如图 2-67 所示。

图2-67 设置羽化值

【Step02】. 将光标置于雪人的头部,拖动鼠标向外绘制一个椭圆选区作为雪人的帽子,注意选区的

大小并移动到合适的位置,绘制效果如图 2-68 所示。

图2-68 绘制椭圆选区

【Step03】. 按下【Alt+Delete】键,将选区填充为红色,如图 2-69 所示。

图2-69 填充椭圆选区

【Step04】. 在选项栏中,将“羽化”设置为 0 像素。光标置于雪人帽子的顶部,拖动鼠标向下制一

个椭圆选区,注意选区的大小并移动到合适的位置,绘制效果如图 2-70 所示。

Page 28: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

28

图2-70 绘制椭圆选区

【Step05】. 按下【Alt+Delete】键,将选区填充为红色,如图 2-71 所示。

图2-71 填充椭圆选区

【Step06】. 按下【Ctrl+Shift+Alt+N】键,新建“图层 8”。

【Step07】. 选择“矩形选框工具” ,将其选项栏中的“羽化”设置为 4 像素。

【Step08】. 将光标置于雪人的颈部处,拖动鼠标绘制一个矩形选区作为雪人的围巾,注意选区的大

小并移动到合适的位置,如图 2-72 所示。

图2-72 绘制矩形选区

【Step09】. 选择“矩形选框工具”选项栏中的“添加到选区”按钮 ,如图 2-73 所示。

图2-73 选择添加到选区

【Step10】. 将光标置于雪人的围巾处,拖动鼠标绘制一个矩形选区作为雪人的围巾下摆,如图 2-74

所示。

Page 29: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

29

图2-74 添加围巾选区

【Step11】. 按下【Alt+Delete】键,将选区填充为红色,如图 2-75 所示。按下【Ctrl+D】键,取消

选区。

图2-75 填充围巾选区

4、 绘制雪人的手套

【Step01】. 按下【Ctrl+Shift+Alt+N】键,新建“图层 9”。选择“矩形选框工具” ,再起选项

栏中的设置“羽化”为 0 像素。拖动鼠标绘制一个矩形选区,注意选区的大小,如图 2-76 所示。

图2-76 绘制矩形选区

【Step02】. 执行“选择→修改→平滑”命令,在弹出的“平滑选区”对话框中,将“取样半径”设

置为 4 像素,如图 2-77 所示,单击“确定”按钮完成操作。

图2-77 设置取样半径

【Step03】. 设置前景色为灰色。按下【Alt+Delete】键,将选区填充为灰色,如图 2-78 所示。

Page 30: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

30

图2-78 填充矩形选区

【Step04】. 按下【Ctrl+Shift+Alt+N】键,新建“图层 10”。拖动鼠标绘制一个矩形选区,注意选

区的大小并移动到合适的位置,绘制效果如图 2-79 所示。

图2-79 绘制矩形选区

【Step05】. 执行“选择→修改→平滑”命令,设置“取样半径”为 2 像素。

【Step06】. 按下【Alt+Delete】键,将选区填充为灰色,如图 2-80 所示。

图2-80 填充矩形选区

【Step07】. 执行“自由变换”命令(或使用快捷键【Ctrl+T】),调出定界框。按住【Shift】键不

放,拖动定界框角点旋转 45 度,如图 2-81 所示,单击【Enter】键完成“自由变换”命令。

Page 31: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

31

图2-81 旋转矩形

【Step08】. 按下【Ctrl+D】键,取消选区。

【Step09】. 执行“图层→向下合并”命令(或使用快捷键【Ctrl+E】),将手套合并为一个图层并

选择饿“移动工具” ,移动到适当位置。

【Step10】. 按下【Ctrl+J】键,复制“图层 9”得到“图层 9 副本”。

【Step11】. 按下【Ctrl+T】键,调出定界框。单击鼠标右键,在弹出的菜单中选择选择“水平翻转”

命令,将手套进行翻转,如图 2-82 所示,单击【Enter】键完成“自由变换”命令。

图2-82 执行水平翻转

【Step12】. 选择“移动工具” ,按住【Shift】键不放,单击鼠标左键将复制好的手套移动到适当

位置,如图 2-83 所示。

图2-83 移动手套

Page 32: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

32

案例 2-4 绘制卡通表情

一、案例描述

1、 考核知识点

矩形选框工具、椭圆选框工具、图层的基本操作、前景色和背景色、调整选区、旋转变换与

水平垂直翻转。

2、 练习目标

掌握矩形选框工具的使用,能够熟练运用矩形选框工具绘制选区

掌握椭圆选框工具的使用,能够熟练运用椭圆选框工具绘制简单的图形图像

掌握自由变换的高级技巧,能够熟练运用水平翻转命令调整图像

掌握调整选区的方法,能够熟练运用相应的命令调整选区

3、 案例分析

1) 效果如图 2-84 所示。

图2-84 卡通表情

2) 具体实现步骤如下:

a) 绘制卡通表情的外轮廓部分:使用“矩形选框工具”绘制卡通表情的外轮廓,运用“选

择-修改”命令丰富矩形选区的变化,使用前景色和背景色填充颜色。

b) 绘制卡通表情的眼睛:使用“椭圆选框工具”绘制卡通表情的眼睛,运用“选择-修改”

命令和自由变化的“水平翻转”命令完成眼睛的绘制。

c) 绘制卡通表情的嘴巴:使用“矩形选框工具”和“选择-修改”命令完成嘴巴的绘制。

二、案例实现步骤

1、 绘制卡通表情的外轮廓

【Step01】. 执行“文件→新建” 命令(或使用快捷键【Ctrl+N】),调出“新建”对话框。设置宽

度和高度均为 300 像素、分辨率为 72 像素/英寸、颜色模式为 RGB 颜色、背景内容为白色,单击

“确定”按钮,如图 2-85 所示,完成画布的创建。

Page 33: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

33

图2-85 新建对话框的设置

【Step02】. 执行“文件→存储为”命令(或使用快捷键【Ctrl+Shift+S】),以名称“【补充案例】

卡通表情.psd”保存文件。

【Step03】. 单击图层面板中的“创建新图层”按钮 (或使用快捷键【Ctrl+Shift+Alt+N】),新建

“图层 1”。

【Step04】. 选择“矩形选框工具” ,将光标置于画布的中心位置,按住【Shift】键和【Alt】键不

放,拖动鼠标绘制一个矩形选区,注意选区的大小并移动到合适的位置,如图 2-86 所示。

图2-86 绘制矩形选区

【Step05】. 执行“选择→修改→平滑”命令,在弹出的“平滑选区”对话框中将“取样半径”设置

为 4 像素,如图 2-87 所示,单击“确定”按钮完成设置,效果如图 2-88 所示。

图2-87 设置取样半径 图2-88 平滑矩形选区

【Step06】. 单击鼠标左键选择工具箱中的“设置前景色”,在弹出的“拾色器(前景色)”对话框

中,设置前景色为粉色(RGB:255、212、161)。按下【Alt+Delete】键,将选区填充为粉色,

如图 2-89 所示。

Page 34: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

34

图2-89 填充矩形选区

【Step07】. 按下【Ctrl+Shift+Alt+N】键,新建“图层 2”。拖动鼠标绘制一个矩形选区,注意选区

的大小并移动到合适的位置,如图 2-90 所示。

图2-90 绘制矩形选区

【Step08】. 按下【Alt+Delete】键,将选区填充为粉色,如图 2-91 所示。

图2-91 填充矩形选区

【Step09】. 执行“图层→复制图层”命令(或使用快捷键【Ctrl+J】),复制“图层 2”得到“图层

2 副本”。

【Step10】. 选择“移动工具” ,按住【Shift】键不放,将“图层 2 副本”移动到适当位置,如图

2-92 所示。

图2-92 移动复制的图层

【Step11】. 执行“选择→取消选择”命令(或使用快捷键【Ctrl+D】),取消选区。

Page 35: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

35

【Step12】. 选择“移动工具” ,按住【Shift】键不放,单击鼠标左键选中图层面板中的“图层 1”,

将“图层 2 副本”、“图层 2”和“图层 1”选中,如图 2-93 所示。

图2-93 选中连续图层

【Step13】. 执行“图层→合并图层”命令(或使用快捷键【Ctrl+E】),合并选中图层。

【Step14】. 执行“选择→载入选区”命令(或按住【Ctrl】键不放,使用鼠标左键单击“图层缩览

图”),在弹出的对话框中单击“确定”按钮,载入如图 2-94 所示。

图2-94 载入选区

【Step15】. 执行“选择→修改→扩展”命令,在弹出的“扩展选区”对话框中将“扩展量”设置为

3 像素,单击“确定”按钮完成操作,如图 2-95 所示。

图2-95 扩展边界

【Step16】. 按下【Ctrl+Shift+Alt+N】键,新建“图层 1”。设置背景色为深红色(RGB: 142、0、

0)。按下【Alt+Delete】键,将选区填充为深红色,如图 2-96 所示。

Page 36: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

36

图2-96 填充扩展的选区

【Step17】. 在图层面板中调整“图层 1”至“图层 2 副本”与“背景”图层中间,效果如图 2-97 所

示。按下【Ctrl+D】键,取消选区。

图2-97 调整图层顺序

2、 绘制卡通表情的眼睛

【Step01】. 在图层面板中选中“图层 2 副本”,然后按下【Ctrl+Shift+Alt+N】键,新建“图层 2”。

【Step02】. 选择“椭圆选框工具” ,将光标置于画布的适当位置,按住【Shift】键和【Alt】键

不放,拖动鼠标向外绘制一个正圆选区,注意选区的大小并移动到合适的位置,如图 2-98 所示。

图2-98 绘制正圆选区

【Step03】. 按下【Alt+Delete】键,将选区填充为深红色,如图 2-99 所示。

图2-99 填充正圆选区

Page 37: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

37

【Step04】. 执行“选择→修改→收缩”命令,在弹出的“收缩选区”对话框中将“收缩量”设置为

4 像素,单击“确定”按钮完成操作,如图 2-100 所示。

图2-100 收缩正圆选区

【Step05】. 单击【Delete】键清除选区内容,如图 2-101 所示。按下【Ctrl+D】键,取消选区。

图2-101 清除选区内容

【Step06】. 将光标置于画布的适当位置,按住【Shift】键不放,拖动鼠标向外绘制一个正圆选区,

注意选区的大小并移动到合适的位置,如图 2-102 所示。

图2-102 绘制正圆选区

【Step07】. 设置前景色为黑色。按下【Alt+Delete】键,将选区填充为黑色,如图 2-103 所示。按下

【Ctrl+D】键,取消选区。

图2-103 填充正圆选区

Page 38: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

38

【Step08】. 按下【Ctrl+J】键,复制“图层 2”得到“图层 2 副本”。

【Step09】. 执行“编辑→自由变换”命令(或使用快捷键【Ctrl+T】),调出定界框。单击鼠标右

键,在弹出的菜单栏中选择“水平翻转”命令,如图 2-104 所示,单击【Enter】键完成操作。

图2-104 水平翻转图层

【Step10】. 选择“移动工具” ,按住【Shift】键不放,将水平翻转的图层移动到适当位置,如图

2-105 所示。

图2-105 移动水平翻转的图层

3、 绘制卡通表情的嘴巴

【Step01】. 按下【Ctrl+Shift+Alt+N】键,新建“图层 3”。

【Step02】. 选择“矩形选框工具” ,将光标置于画布的中心位置,按住【Shift】键不放,拖动

鼠标绘制一个矩形选区,注意选区的大小并移动到合适的位置,如图 2-106 所示。

图2-106 绘制矩形选区

【Step03】. 按下【Alt+Delete】键,将选区填充为深红色,如图 2-107 所示。

Page 39: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

39

图2-107 填充矩形选区

【Step04】. 执行“选择→修改→收缩”命令,在弹出的“收缩选区”对话框中将“收缩量”设置为

4 像素,单击“确定”按钮完成操作,如图 2-108 所示。

图2-108 收缩矩形选区

【Step05】. 单击【Delete】键清除选区内容,如图 2-109 所示。按下【Ctrl+D】键,取消选区。

图2-109 清除选区内容

【Step06】. 按下【Ctrl+T】键,调出定界框。按住【Shift】键不放,拖动定界框角点旋转 45 度,如

图 2-110 所示,单击【Enter】键完成操作。

图2-110 旋转图层

【Step07】. 选择“矩形选框工具” ,拖动鼠标绘制一个矩形选区,位置和大小如图 2-111 所示。

Page 40: 第2章 补充案例resource.boxuegu.com/uploads/book/ps/file/bcal.pdf · 6 图2-12 填充黑色前景色 ... 2、 练习目标 掌握图层的基本操作,学会新建及合并图层

博学谷——让 IT 教学更简单,让 IT 学习更有效

40

图2-111 绘制矩形选区

【Step08】. 单击【Delete】键清除选区内容,如图 2-112 所示。按下【Ctrl+D】键,取消选区。

图2-112 清除选区

【Step09】. 选择“移动工具” ,移动图像至适当位置,如图 2-113 所示。

图2-113 移动图像