实验二: PS 抠图合成蜘蛛侠创意图片
在 Photoshop 中,抠图是一项重要的技能,它涉及到将图像中的某个部分与背景分离。 抠图可以用于各种目的,如添加新的背景、合成图像或进行其他编辑。
预备知识
1.选区的作用
(1)通过选区填充颜色而绘制图形;
(2)通过选区提取图形。ctrl+J(图形的合成);
(3)通过选区修改图形的局部。
2.矩形选框工具
(1)按住 shift 键拖拉可绘制正方形选区。
(2)按住 shift+alt 键拖拉可绘制以光标所在点为中心的正方形选区。
(3)属性栏中样式:
3.椭圆选框工具
(1)按住 shift 键拖拉可绘制正圆选区。
(2)按住 shift+alt 键拖拉可绘制以光标所在点为中心的正圆选区。
(3)属性栏中样式:正常/固定长宽比:固定比例/固定大小:固定尺寸。
4.套索工具
使用套索工具可以创建任意不规则形状的选区。
5.多边形套索工具
可以创建任意不规则形状的多边形图像选区。Shift 创建水平、垂直或 45 度角的直线。
6.磁性套索
可以沿着对象的边缘自动生成选区,适合快速选择边缘复杂,与背景对比较大的图像。 图像与背景的明度差别越大,就越容易创建选区。
7.魔棒工具
作用:按图像的颜色选区来选取图像。
(1)容差:颜色选取范围的大小。数值越大选择范围越大,反之,越小。
(2)连续的:选择与取样点相似且相邻的颜色。
(3)全选:ctrl+a
(4)反选:ctrl+shift+I 反转选区(与魔棒所作的选区配合使用)
8.色彩范围
作用:选择相同的颜色区域。
在预览框中用吸管吸取一种颜色即可。
预览框中白色区域为所选区域,黑色为不选区域,灰色为半透明区域。
9.选区的移动
(1)将光标放入选区内拖拉即可。
(2)按键盘上的方向键可以 1 个像素的距离移动。按住 shift 键的同时再点击键盘上 的方向键,以 10 个像素的距离移动。
10.选区的计算
(1)加选
(2)减选
(3)相交
11.图像的移动
移动工具(V)/按住 ctrl 键可以从其他工具暂时切换到移动工具。
(1)将光标放入图形上拖拉即可。
(2)按键盘上的方向键可以 1 个像素的距离移动。按住 shift 键的同时再点击键盘上 的方向键,以 10 个像素的距离移动。
12.图像的剪切
裁切工具(C):裁切图形。
作用:(1)去除多余区域。(拖拉裁切框,框住需要保留的区域)(2)限定图形的尺寸 (在属性栏中输入图形的尺寸即可)(3)校正图形的倾斜(拖拉裁切框之后将光标放到裁切 框边缘拖拉即可)(4)扩大画布:(拖拉裁切框大于图形尺寸即可/图像—扩大画布)
13. 自由变换
可对图形做变换。用法同“变换选区”。
14.选区的修改(选择-修改)
(1)边界:为选区扩充一个边缘,填色时为消除锯齿的颜色,边缘柔和。
(2)平滑:使选区边缘平滑特别适合于魔棒工具所作的选区。
(3)扩展:按指定的数值扩大选区。
(4)收缩:按指定的数值收缩选区。
15.选区的变换(选择-变换选区)
(1)缩放;
(2)旋转;
(3)斜切:按住 ctrl 键拖拉图形边缘的控制柄可切换到斜切,扭曲;
(4)透视:按住 CTRL+SHIFT+ALT 之后拖拉图形边缘的控制柄。 实验条件:
操作系统 :Windows 7
软件版本 :Photoshop CS4
实验是否需要联网 :否
软件安装包下载链接:htpt://www.adobe.com/cn/downloads.html
实验设计的难度 :初
1.1.1 实验概要说明
实验学时: 2 学时(学时就参照学校的课程安排 , 1 学时按 45 分钟计算)
实验时长: 90 分钟
所需基础:零基础
创建选区是许多图像操作的基础, 因为大多数操作都不是针对整幅图像的,只是处 理局部图像, 因此,我们首先必须要创建选区,选择需要处理的图像区域,也就是分离 图像的一个或多个部分。本节实验主要介绍选区的作用及基本操作,重点讲解如何使用 选框工具、套索工具、魔棒工具命令等进行选区创建。
1.1.2 实验目标
n 掌握 Photoshop CS4 图像文件的基本操作。
n 掌握 Photoshop CS4 常见的几种创建选区的方法,及其各自特点。
n 熟悉使用 Photoshop CS4 软件的工作区, 包括菜单、工具栏和面板。
1.1.3 实验内容
n 创建 Photoshop CS4 图像文件的新建操作 ,配置参数。
n 使用 Photoshop CS4 软件的工作区 ,包括菜单、工具栏和面板。
n 导入素材,进行素材的尺寸、位置、角度调整。
n 通过 Photoshop CS4 选框工具、套索工具、魔棒工具的操作抠出人物。
下面是最终的效果:
1.1.4 实验步骤
步骤1: 启动 Photoshop CS4 软件。
可通过以下两种方法来启动 Photoshop CS4:
o 方法一 :双击桌面上 Photoshop CS 的快捷方式图标。
o 方法二 :选择【开始】 →【所有程序】 →【Adobe Photoshop CS4】命令。
步骤2: 新建与保存 Photoshop 文件。
打开 Photoshop CS4 后,新建 Photoshop CS4 文件:单击【文件】-【新建】命令创建 文档, 或使用快捷组合键【Ctrl+N】。
在打开的对话框中设置 Photoshop CS4 新建文件的名称、宽度、高度以及分辨率等参数。
如下图所示设置参数,单击“确定 ”按钮。
生成一个名称为“蜘蛛侠 ”的 Photoshop 文件, 宽度为 900px,高度为 600px。
单击【文件】→【存储】命令或按【Ctrl+S】组合键,将图形文件进行保存,命名为 “蜘蛛侠.psd”。
步骤3: 打开 Photoshop 素材。
打开本次实验所需要的素材 ,单击【文件】 -【打开】命令打开文档 ,或使用快捷组 合键【Ctrl+O】。
选中要打开的图像文件 “ 电脑.jpg”和“蜘蛛侠.jpg”,再单击“打开 ”按钮。Photoshop 支持一次打开一个或多个图片。
在 Photoshop CS4 中 ,打开的图片会生成一个新标签页显示在上方 ,如下图所示。
步骤4: 将素材放置到“蜘蛛侠.psd”文件。
现在我们将“ 电脑.jpg”和“蜘蛛侠.jpg”放到“蜘蛛侠.psd”文件中。介绍三种常 用的方法:
o 方法一:复制粘贴。选中“蜘蛛侠.jpg”,执行全选【Ctrl+A】→复制【Ctrl+C】。
再选中“蜘蛛侠.psd”, 执行粘贴【Ctrl+V】 ,随即生成一个新的图层。
o 方法二:复制图层。选中“蜘蛛侠.jpg”,右击在弹出框选择“复制图层 ”,在
“复制图层 ”对话框指定目标文件“蜘蛛侠.psd” ,命名为“背景 副本 ”。
随即生成一个新的图层。
o 方法三:拖拽图片。使用【移动工具】 ,选中“ 电脑.jpg” , 按住鼠标左
键直到拖到 “蜘蛛侠.psd”才松开,随即生成一个新的图层。
步骤5: 重新命名图层名称
为方便后期设计 ,重新命名图层名称 ,分别为“电脑 ”和“蜘蛛侠 ”。
步骤6: 自由变换调整素材大小。
我们可以发现 ,“ 电脑 ”图层超出了画布尺寸, 无法显示完整。单击“ 电脑 ”图层, 执行【编辑】 →【自由变换】 ,快捷组合键【Ctrl+T】。
按住键盘 Shift 键不放,拖动“ 自由变换 ”的四个角的任意一个,等比例缩小“ 电脑 ”
图层。
缩小到如下图所示的大小:
按 Enter 键 ,完成自由缩放操作。
步骤7: 魔棒工具抠图。
此时我们需要删除电脑的白色背景,可使用魔棒工具进行抠图。
选择“魔棒工具 ” ,容差设置为“10” , 如下图所示:
点击电脑素材的白色背景,蚂蚁线包围的部分是选中的,其他地方有没选中的,此 时按住 Shift 键的并用魔棒工具加选。
按键盘上的Delete 键删除白色背景。最后,使用 Ctrl+D 取消选择。这样我们得到了 一个透明背景的“ 电脑 ”图层。
保存文件 ,单击【文件】 →【存储】命令或按【Ctrl+S】组合键。
步骤8: 自由变换调整素材角度。
确保“蜘蛛侠 ”图层在“ 电脑” 图层上面。
单击“蜘蛛侠 ”图层,将不透明度改为“50%”。
执行自由变化【Ctrl+T】调整蜘蛛侠的大小及角度。
按 Enter 键 ,完成自由缩放操作。
单击“蜘蛛侠 ”图层,将不透明度改回“100%”。
步骤9: 多边形套索工具抠图。
点击“多边形套索工具 ”,羽化值设置为“0”。沿着蜘蛛侠的轮廓描出区域。最终 结果如下图:
小技巧:缩放工具放大/缩小图片。
由于蜘蛛侠图片太小,抠图时难以把握细节,这时我们可以使用缩放工具放大图片。
选择“缩放工具 ” ,鼠标左键点击图片, 就会以按下的位置为中心缩放。
步骤10: 填充蜘蛛侠轮廓
通过套索工具抠出蜘蛛侠轮廓后,新建一个透明图层。
使用“油漆桶工具 ”,在蜘蛛侠轮廓选区中点击,填充颜色,取消选区【Ctrl+D】。
之后,将图层名称重新命名为“蜘蛛侠轮廓 ”。这样我们得到了一个蜘蛛侠轮廓填充图 层。
步骤11: 隐藏/显示图层
蜘蛛侠人物抠图已经完成,接下来我们隐藏 “蜘蛛侠 ”和“蜘蛛侠轮廓 ”图层 ,方 法是点击图层前方的眼睛图标。 若要重新显示图层,只需再点击一下该位置。
步骤12: 魔棒工具抠图。
点击“ 电脑” 图层 ,点击“魔棒工具” ,点击屏幕区域,生成一个屏幕选区。
步骤13: 新建图层并填充颜色。
新建一个图层 ,命名为“屏幕轮廓 ”。
使用“油漆桶工具 ” ,在屏幕轮廓选区中点击,填充颜色 ,取消选区【Ctrl+D】。
记得保存文件 ,快捷键组合键【Ctrl+S】。
步骤14: 合并图层
打开所有图层的“ 眼睛” 图标 ,显示所有图层。
按住 Shift 点击“蜘蛛侠轮廓 ”和“屏幕轮廓 ”两个图层,点击图层面板右侧的下拉 菜单, 选择“合并图层 ”。
执行合并图层命令后 ,Photoshop 生成新图层“蜘蛛侠轮廓 ” ,如下图所示:
步骤15: 轮廓图层转换为选区
按住键盘的 Ctrl 键,点击图层处,可将图层轻松转换为选区。
步骤16: 选区反选
在合并后的“蜘蛛侠轮廓 ”选区内右击, 在弹出框点击“选择反向” ,可将选区进行反 选。
隐藏“蜘蛛侠轮廓” 图层
步骤17: 删除选区图片
点击“蜘蛛侠” 图层 ,按 Delete 键 ,删除多余的区域。
得到如下图的效果 ,取消选区【Ctrl+D】。
保存文件 ,快捷键组合键【Ctrl+S】。
步骤18: 加入背景图片。
将“背景.jpg”放置到“蜘蛛侠.psd” 中,调整到合适的位置。方法可参见步骤三和 步骤四。
最终成品
步骤19: 存储为 JPG 格式。
将文件保存为.jpg 格式 ,选择【文件】 →【存储为】或【Shift+Ctrl+S】组合键。
在“存储为 ”对话框,设置保存的路径和文件名,选择”JPEG(*.JPG;*.JPEG;*.JPE)”
格式,再点击“保存 ”。
在“JPEG 选项 ”对话框设置品质为“12” ,点击“确定 ”按钮。
成功导出蜘蛛侠.jpg 图片。
本次实验到此全部完成。关闭 Photoshop CS4 软件。
1.1.5 实验总结
通过本次实验, 掌握 Photoshop CS4 选框工具、套索工具、魔棒工具、颜色填充工 具的操作, 掌握自由变换进行素材的尺寸、位置、角度调整 ,熟悉图层的新建、合并、 隐藏和显示的基本操作。
评论0