第 2 讲 · 图层应用与图像编辑
学习目标
- 说出图层的概念:透明胶片叠加,改一层不影响别的层,并能举出生活中的例子。
- 认全图层面板的每个区域:混合模式、不透明度、填充、锁定行、眼睛、fx、垃圾桶。
- 分清 6 种图层类型(背景 / 普通 / 文字 / 形状 / 智能对象 / 调整图层),说出每种"长什么样、从哪来、有什么用"。
- 熟练完成图层基本操作:新建、复制、删除、重命名、排序、合并,并养成"先备份再合并"的习惯。
- 讲清"不透明度 vs 填充"的区别,能用描边实验验证,并说出"空心字"的做法。
- 会用 5 个常用混合模式(正片叠底 / 滤色 / 叠加 / 柔光 / 颜色)和图层样式做出合成效果。
- 会用移动工具、自由变换(
Ctrl+T)、裁剪工具,独立完成一张多图层合成小海报。
4 小时安排
| 课时 | 内容 | 形式 |
|---|---|---|
| 第 1 课时 | 图层概念、图层面板详解、6 种图层类型 | 讲解+跟做练习 1 |
| 第 2 课时 | 图层基本操作(新建/复制/删除/重命名/排序/合并)、不透明度 vs 填充对比实验 | 讲解+跟做练习 2、3 |
| 第 3 课时 | 混合模式(5 个常用)、图层样式 fx | 讲解+跟做练习 4 |
| 第 4 课时 | 智能对象、调整图层(后悔药)、移动工具(V)、自由变换(Ctrl+T)、裁剪(C) | 讲解+跟做练习 5、6 |
第 1 课时(约 1 小时):图层是什么
讲解
定义:图层就是一张张透明的胶片,叠在一起组成最终画面。每一层上可以独立放内容:照片、文字、形状、调色命令。改其中一层,不影响其他层。
为什么:没有图层,修图就是"在一张纸上画画"——画错一笔,整张重来。有了图层,人物、背景、文字各住各的楼层:人物抠坏了只重抠人物层,文字写错只改文字层,背景不满意只换背景层。这就是专业修图和"一键美化"的分水岭,也是 Photoshop 被称为"图层软件"的原因:后面所有章节(选区、调色、抠图、特效)都是在图层上做文章。
例子:做一张"奶茶店开业海报":最底层是奶茶照片(背景层),上面一层是"第二杯半价"的大字(文字层),再上面一层是红色圆形徽章(形状层)。老板说"字改成买一送一"——你只动文字层,照片和徽章纹丝不动。如果所有东西都在一层上,你就得把字擦掉重写,还可能擦坏后面的照片。
图层面板详解(Photopea:窗口 → 图层打开面板):从上往下认一遍。① 混合模式下拉(默认"正常",第 3 课时细讲);② 不透明度滑杆:整层一起变透明;③ 填充滑杆:长得像不透明度,作用不同(第 2 课时细讲);④ 锁定行:锁透明像素(只能在有像素的地方画)、锁位置(图层拖不动)、全部锁定;⑤ 眼睛图标:点一下隐藏该层,再点恢复——"先隐藏看看效果"比"删掉"安全得多;⑥ fx:图层样式入口(第 3 课时细讲);⑦ 垃圾桶:删除当前图层;面板底部还有"新建图层"按钮。记住面板布局,后面 10 讲天天见它。
6 种图层类型:
- 背景图层:新建文档自带,名字是斜体还带一把锁。特点:不能移动、不能变透明——它是"焊死在画布上"的底。想动它?先解锁:双击"背景"→ 点确定,10 秒变成普通图层(名字不再斜体、锁头消失)。照片直接打开默认就是背景层,所以修照片第一步经常是先双击解锁。反向操作(知道就行):图层 → 新建 → 从图层创建背景。
- 普通图层:最常用的一种。画画、粘贴图片都生成它。可以移动、变透明、改顺序、删除。本讲大部分操作都在它身上练。
- 文字图层:用文字工具(
T)在画布上点一下打字,自动生成,缩略图上有个T。双击缩略图直接改字,字体字号颜色随时换。但注意:一旦"栅格化"它就变成普通图层,字再也改不了——所以没定稿前千万别栅格化。 - 形状图层:用形状工具(
U)画出的矩形、圆角矩形、椭圆等,缩略图是形状路径。它是矢量图形:放大缩小不模糊,随时改填充颜色。做徽章、按钮、色块用它。 - 智能对象:缩略图右下角有个小文档图标。卖点一句话:"普通图层缩小再放大就糊了,智能对象不会。"它把原图"打包"存在图层里,变换时每次都从原图重算,只改显示方式不丢像素。做法:右键图层 → 转为智能对象;双击缩略图会打开它的"源文件"单独编辑。代价:文件会变大,且不能直接拿画笔在它上面画(要画得先栅格化)。第 4 课时细讲。
- 调整图层:图层 → 新建调整图层(色阶、曲线、色相/饱和度等)。它本身不含像素,只存一条"调色指令",影响它下面的所有图层。是第 1 讲"图像 → 调整 → 色阶"的"后悔药"版:参数随时双击改回来,删掉整层照片就复原。第 4 课时细讲,模块三会深讲。
🛠 跟做练习 1:第一次玩图层
- 打开 photopea.com,文件 → 新建(
Ctrl+N),建一个 800×600 的文档。 - 确认图层面板开着(窗口 → 图层)。现在只有一层"背景",斜体带锁。
- 双击"背景"→ 点确定,看它变成普通图层"图层 0"(名字不再斜体、锁消失)。
- 按
Shift+Ctrl+N新建图层"图层 1",选画笔(B)随便画几笔;再新建"图层 2",换个颜色再画几笔。 - 逐个点每层前面的眼睛开关,观察画面变化——这就是"透明胶片叠加"。
- 在图层面板里把"图层 2"拖到"图层 1"下面,看遮挡关系反转。记住结论:上面的层挡住下面的层。
第 2 课时(约 1 小时):图层基本操作
讲解
定义:图层基本操作就是 6 个动作:新建、复制、删除、重命名、排序、合并。90% 的修图时间都在重复这 6 个动作,练到不用想。
为什么:一张海报做到 30 层很正常,不会管理就是灾难:找不到标题字在哪层、改错层、交稿时图层名全是"图层 1 拷贝 3"。基本操作是"图层卫生习惯",和写字先练笔画一个道理。现在多花 10 秒改个名,半小时后能省 10 分钟找图层。
例子:合成"猫坐在月亮上":月亮照片一层、猫一层、星空一层。猫放错位置?选中猫层直接移动,不用重抠。星星太密?隐藏星星层看看效果,不用删除。最后交稿前合并成一层发 JPG——所有操作都在图层层面,原素材毫发无损。
- 新建:
Shift+Ctrl+N,或点面板底部的新建按钮。新层是全透明的,画了东西才看得见。 - 复制:选中图层按
Ctrl+J(原地复制出一层),或右键 → 复制图层。修图前先Ctrl+J备份原图层是保命习惯——改坏了删掉重来,原图还在。 - 删除:选中按
Delete,或拖到面板底部的垃圾桶。不确定要不要删?先点眼睛隐藏,过一会儿还觉得没用再删。 - 重命名:双击图层名字。"图层 1 拷贝 2"这种名字三天后你自己都看不懂,改成"猫""月亮""标题字"。
- 排序:直接上下拖拽。口诀:上面的层挡住下面的层。
- 合并:
Ctrl+E向下合并(和下面一层合二为一)。合并是不可逆的(撤销步数有限),合之前想清楚——或者先Ctrl+J备份再合。
不透明度 vs 填充——最容易混的一对:定义:图层面板顶部有两个滑杆,长得像,双胞胎但不是一个人。不透明度:整层一起变透明,包括图层上画的东西和图层样式(投影、描边等)。填充:只让图层上画的东西变透明,图层样式不受影响。为什么:这是做"空心字""玻璃质感字"的钥匙:想让字本身透明、但描边和投影还留着,就用"填充降到 0",不透明度做不到。例子:给标题字加了白色描边。拉"不透明度"到 50%:字和描边一起变淡。拉"填充"到 0%:字消失了,白色描边还完整留着——海报里那种"只有轮廓的字"就是这么做的。
🛠 跟做练习 2:图层基本操作全练
- 新建文档。用文字工具(
T)打"奶茶"两个字(生成文字层),再用形状工具(U)画个圆形(生成形状层)。 - 选中文字层按
Ctrl+J复制出一层,把复制层拖到旁边——现在有两个"奶茶"了。 - 双击图层名,把三层分别改成"标题字""标题字备份""圆形徽章"。
- 把"圆形徽章"拖到最上面,看它盖住字;再拖回最下面,看字盖住圆。
- 点"标题字备份"的眼睛隐藏它;选中它按
Delete删掉——体会"隐藏"和"删除"的区别。 - 选中"标题字",按
Ctrl+E向下合并——看两层变成一层,观察名字和缩略图的变化。
🛠 跟做练习 3:不透明度 vs 填充对比实验
- 新建文档,打一行大字(比如"第二杯半价")。
- 双击文字层空白处打开图层样式,勾选描边,大小 6,颜色白色,点确定。
- 把图层面板顶部的不透明度拉到 30%:观察——字变淡了,白色描边也跟着变淡了。
- 把不透明度拉回 100%,再把填充拉到 0%:观察——字本身消失了,但白色描边完整保留!
- 结论写在笔记本上:不透明度管整层(含样式),填充只管图层内容(样式不动)。以后做空心字就用"填充 0%+描边"。
Ctrl+E 合并前没备份,合完发现合错了只能撤销一步——重要节点先 Ctrl+J。② 在背景层上想移动、想调透明度,动不了不是软件坏了,是背景层锁着,双击解锁。③ 填充和不透明度拉错滑杆,效果"好像差不多",考试和实操都丢分,用练习 3 的描边法永远记住区别。第 3 课时(约 1 小时):混合模式与图层样式
讲解
定义:混合模式决定"上下两层像素怎么掺在一起"。默认"正常"就是上层盖住下层;换成别的模式,两层颜色按数学规则重新计算——变暗、变亮、只取颜色等等。图层面板顶部的下拉框就是它,一共 27 种,记住 5 个够用一辈子。
为什么:混合模式是"一键合成"的魔法:去白底、去黑底、加质感、上色,不用抠图不用蒙版,选对模式一秒出效果。电商主图、影楼后期、海报合成天天用,是"花 5 分钟学会、用 5 年"的技能。
5 个必须认识的混合模式(记忆钩子:白底用正片叠底,黑底用滤色):
- 正片叠底:结果变暗,白色变透明。去白底神器:黑字白底的纹理、阴影素材往照片上一放,一键去掉白色背景,不用抠。
- 滤色:结果变亮,黑色变透明。去黑底神器:光效、火花、星空素材(黑底)叠加上去,黑色自动消失,只剩光。
- 叠加:对比增强,亮的更亮、暗的更暗。给平淡的照片"提精神"、加质感。
- 柔光:温和版叠加。人像磨皮后叠一层柔光加质感,效果柔和不易翻车。
- 颜色:只借上层的"颜色",保留下层的明暗。黑白照片一键上色的原理:上层涂颜色,下层保持黑白灰的明暗层次。
记住:混合模式经常和不透明度联调——模式选对方向,不透明度控制强度,威力翻倍。
图层样式 fx:定义:不画一笔,自动给图层加效果:投影、描边、内阴影、外发光、内发光、斜面和浮雕、颜色/渐变/图案叠加。为什么:它是"参数化"的——随时双击改数值,不像手画的效果改不了。按钮、标题字、徽章的质感全靠它,是"不画画也能出效果"的代表。例子:黄色圆角矩形按钮:形状层+图层样式"投影"(离地感)+"斜面和浮雕"(立体感),3 分钟做出电商按钮,改颜色只改一处。做法:双击图层空白处(或右键 → 混合选项),左侧勾选要的效果,中间调参数。加好的样式会列在图层下方,每个可单独点眼睛开关。
🛠 跟做练习 4:混合模式三连试
- 准备:新建 800×600 文档,文件 → 置入一张风景照片做底层。再找一张"黑底白色光斑"图和一张"白底黑色纹理"图(网上搜"黑底光效素材""白底纹理素材"),分别置入成两层。
- 第一试 · 正片叠底去白底:选中白底纹理层,混合模式改成正片叠底——白色消失了,纹理融进照片。再把不透明度拉到 70%,看"混合模式+不透明度联调"威力翻倍。
- 第二试 · 滤色去黑底:选中黑底光斑层,混合模式改成滤色——黑色消失了,光斑浮在照片上。拖动图层换位置,看光效跟着走。
- 第三试 · 叠加加质感:复制(
Ctrl+J)照片层放最上,混合模式改成叠加,不透明度 40%——照片对比立刻"有精神"。再换成柔光对比,体会"温和版"的差别。 - 加分试:新建一层涂满一种颜色(如夕阳橙),混合模式改颜色,不透明度 30%——整张照片染上统一色调,这就是"颜色"模式的上色原理。
🛠 跟做练习 4 续:图层样式做按钮
- 新建文档,用形状工具(
U)画一个圆角矩形,填电商红。 - 双击该层空白处开图层样式:勾选投影(距离 8、大小 12),再勾选斜面和浮雕(样式选"内斜面"),点确定。
- 用文字工具(
T)在按钮上打"立即抢购",白色。 - 给文字层也加样式:描边大小 2、深红色。看按钮立起来了。
- 双击形状层的"投影"效果名,随时改参数——体会"参数化可反悔",这是手画效果做不到的。
第 4 课时(约 1 小时):智能对象、调整图层与图像编辑
讲解
智能对象:定义:把图层的原始像素"打包"存起来的特殊图层,缩略图右下角有个小文档图标。为什么:普通图层缩小再放大,丢掉的像素回不来,就糊了;智能对象每次变换都从原图重算,无损。例子:产品图先缩成小图排版,客户说"还是放大吧"——普通图层已经糊了,智能对象放大依然清晰。做法:右键图层 → 转为智能对象;双击缩略图会打开它的"源文件"单独编辑。代价:文件会变大,且不能直接拿画笔在它上面画(要画得先栅格化)。记住口诀:变换前先转智能对象。
调整图层(后悔药):定义:图层 → 新建调整图层(色阶、曲线、色相/饱和度……),它本身不含像素,只存一条"调色指令",影响它下面的所有图层。为什么:第 1 讲"图像 → 调整 → 色阶"是泼出去的水——关了文档就回不来了;调整图层是"随时能拧回去的水龙头",双击改参数,删掉整层照片就复原。例子:给一组 10 张产品图统一调亮:每张照片上各加一个"色阶"调整图层,客户说"太亮了",双击逐个回调,不用重做。模块三"调色"整章都建立在这个工作流上。
移动工具(V):工具箱第一个,也是最常用的工具。选项栏勾选自动选择,点画布任意位置自动选中那个物体所在的图层——图层多了不用一层层找。配合方向键做 1 像素级微调(按住 Shift 一次 10 像素)。
自由变换(Ctrl+T):定义:缩放、旋转、斜切的总入口。做法:编辑 → 自由变换,图层四周出现控制框:拖角缩放(按住 Shift 等比缩放)、把鼠标移到框外面拖动旋转、右键还有斜切和透视。回车确认,Esc 取消。例子:把抠好的水果缩小 50%、旋转 15° 摆到桌面上,一次 Ctrl+T 全搞定。
裁剪(C):定义:裁掉画面多余的部分,重新构图。做法:工具箱选裁剪工具,选项栏设比例(1:1、4:3、16:9……),拖框取景,回车确认。例子:手机拍的照片边缘杂乱,用 16:9 裁掉两边,主体放三分法交叉点,瞬间像"作品"。和第 1 讲的"图像大小 vs 画布大小"连起来记:裁剪是"连画带框一起裁"。
🛠 跟做练习 5:Ctrl+T 摆图合成
- 新建 800×600 文档。文件 → 置入一张风景照片做背景(置入的图默认就是智能对象,正好)。
- 再文件 → 置入一张水果产品图。它太大盖住画面?选中它按
Ctrl+T,按住Shift拖角等比缩小,拖到合适位置,回车确认。 - 想让它斜一点:再按
Ctrl+T,把鼠标移到控制框外面,拖动旋转 15°,回车。 - 用移动工具(
V)选中背景层,方向键微调位置。 - 给产品图调个色:图层 → 新建调整图层 → 色相/饱和度。注意观察:它影响下面所有层,不只是产品图——这个现象记住,第 5 讲会讲"只影响一层"的办法(剪贴蒙版)。
🛠 跟做练习 6:裁剪改尺寸
- 打开一张手机拍的照片(比例一般很随意)。
- 选裁剪工具(
C),选项栏比例选 16:9,拖框取景——把杂乱的边缘裁掉,主体放三分法交叉点,回车确认。 - 再用 图像 → 图像大小(
Alt+Ctrl+I)看看现在的像素尺寸是多少,对应第 1 讲"图像大小"的概念。 - 对比实验:图像 → 画布大小(
Alt+Ctrl+C)把画布加宽 200 像素(九宫格选"中左",向右扩展),看"加框"和"裁剪"的区别。
Ctrl+T 没反应?先看选中的是不是文字层——文字层要先右键"栅格化",或转成智能对象才能自由变换。② 调整图层影响下面所有层,新手常把整张图调偏色还找不到原因——记住它的"射程"。③ 置入的图片自带智能对象是好事,别手贱栅格化它,栅格化就失去无损优势了。课后作业
多图层合成一张小海报(主题自选:奶茶店开业 / 水果促销 / 读书分享会):
- 要求 1:至少 5 个图层,图层名全部改成中文("背景照片""标题字""价格徽章"……不许出现"图层 1 拷贝")。
- 要求 2:至少用 1 个混合模式(正片叠底去白底 / 滤色去黑底 / 叠加加质感三选一)。
- 要求 3:标题字必须用图层样式(投影+描边至少各一个)。
- 要求 4:至少 1 个智能对象(置入的素材默认就是,别栅格化)。
- 要求 5:调色必须用调整图层,不许直接"图像 → 调整"。
- 要求 6:交付 PSD 源文件(文件 → 存储为 PSD,图层结构保留)+ JPG 成品(文件 → 导出为 → JPG),两个文件都要交。
本讲小结
- 图层是透明胶片叠加:改一层不影响别的层,这是专业修图的地基,后面 10 讲全在它上面盖楼。
- 6 种图层各就其位:背景(焊死的底,双击解锁)、普通(主力)、文字(别提前栅格化)、形状(矢量不糊)、智能对象(无损变换)、调整图层(调色后悔药)。
- 基本操作 6 件套:新建
Shift+Ctrl+N、复制Ctrl+J、删除、重命名、拖拽排序、合并Ctrl+E(合并前先备份)。 - 不透明度管整层(含样式),填充只管图层内容——"填充 0% 留描边"是空心字的钥匙。
- 混合模式记住钩子:白底用正片叠底,黑底用滤色;叠加/柔光加质感,颜色借色调色;模式+不透明度联调威力翻倍。
- 图层样式是参数化效果:双击改、随时关;
Ctrl+T是变换总入口,口诀"变换前先转智能对象"。 - 下一讲进入模块二:选区——抠图的第一步。