← 课程目录 第 2 讲 · 4 小时
课程目录 / 模块一 / 第 2 讲

第 2 讲 · 图层应用与图像编辑

《Photoshop CC 图形图像制作》· 64 学时 · 第 2 讲 / 共 12 讲 · 建议 4 小时

学习目标

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 种图层类型:

🛠 跟做练习 1:第一次玩图层

  1. 打开 photopea.com,文件 → 新建(Ctrl+N),建一个 800×600 的文档。
  2. 确认图层面板开着(窗口 → 图层)。现在只有一层"背景",斜体带锁。
  3. 双击"背景"→ 点确定,看它变成普通图层"图层 0"(名字不再斜体、锁消失)。
  4. 按 Shift+Ctrl+N 新建图层"图层 1",选画笔(B)随便画几笔;再新建"图层 2",换个颜色再画几笔。
  5. 逐个点每层前面的眼睛开关,观察画面变化——这就是"透明胶片叠加"。
  6. 在图层面板里把"图层 2"拖到"图层 1"下面,看遮挡关系反转。记住结论:上面的层挡住下面的层。
⚠ 易错点:新手最常见的翻车是"在错的图层上画画"——画了半天发现画在背景层上,或者想改字却点不中文字层。养成习惯:动手前先看一眼图层面板,确认蓝色高亮的是你要动的那一层。第二个坑:在背景层上想移动、想调透明度,动不了不是软件坏了,是背景层锁着,双击解锁就行。

第 2 课时(约 1 小时):图层基本操作

讲解

定义:图层基本操作就是 6 个动作:新建、复制、删除、重命名、排序、合并。90% 的修图时间都在重复这 6 个动作,练到不用想。

为什么:一张海报做到 30 层很正常,不会管理就是灾难:找不到标题字在哪层、改错层、交稿时图层名全是"图层 1 拷贝 3"。基本操作是"图层卫生习惯",和写字先练笔画一个道理。现在多花 10 秒改个名,半小时后能省 10 分钟找图层。

例子:合成"猫坐在月亮上":月亮照片一层、猫一层、星空一层。猫放错位置?选中猫层直接移动,不用重抠。星星太密?隐藏星星层看看效果,不用删除。最后交稿前合并成一层发 JPG——所有操作都在图层层面,原素材毫发无损。

不透明度 vs 填充——最容易混的一对:定义:图层面板顶部有两个滑杆,长得像,双胞胎但不是一个人。不透明度:整层一起变透明,包括图层上画的东西和图层样式(投影、描边等)。填充:只让图层上画的东西变透明,图层样式不受影响。为什么:这是做"空心字""玻璃质感字"的钥匙:想让字本身透明、但描边和投影还留着,就用"填充降到 0",不透明度做不到。例子:给标题字加了白色描边。拉"不透明度"到 50%:字和描边一起变淡。拉"填充"到 0%:字消失了,白色描边还完整留着——海报里那种"只有轮廓的字"就是这么做的。

🛠 跟做练习 2:图层基本操作全练

  1. 新建文档。用文字工具(T)打"奶茶"两个字(生成文字层),再用形状工具(U)画个圆形(生成形状层)。
  2. 选中文字层按 Ctrl+J 复制出一层,把复制层拖到旁边——现在有两个"奶茶"了。
  3. 双击图层名,把三层分别改成"标题字""标题字备份""圆形徽章"。
  4. 把"圆形徽章"拖到最上面,看它盖住字;再拖回最下面,看字盖住圆。
  5. 点"标题字备份"的眼睛隐藏它;选中它按 Delete 删掉——体会"隐藏"和"删除"的区别。
  6. 选中"标题字",按 Ctrl+E 向下合并——看两层变成一层,观察名字和缩略图的变化。

🛠 跟做练习 3:不透明度 vs 填充对比实验

  1. 新建文档,打一行大字(比如"第二杯半价")。
  2. 双击文字层空白处打开图层样式,勾选描边,大小 6,颜色白色,点确定。
  3. 把图层面板顶部的不透明度拉到 30%:观察——字变淡了,白色描边也跟着变淡了。
  4. 把不透明度拉回 100%,再把填充拉到 0%:观察——字本身消失了,但白色描边完整保留!
  5. 结论写在笔记本上:不透明度管整层(含样式),填充只管图层内容(样式不动)。以后做空心字就用"填充 0%+描边"。
⚠ 易错点:① Ctrl+E 合并前没备份,合完发现合错了只能撤销一步——重要节点先 Ctrl+J。② 在背景层上想移动、想调透明度,动不了不是软件坏了,是背景层锁着,双击解锁。③ 填充和不透明度拉错滑杆,效果"好像差不多",考试和实操都丢分,用练习 3 的描边法永远记住区别。

第 3 课时(约 1 小时):混合模式与图层样式

讲解

定义:混合模式决定"上下两层像素怎么掺在一起"。默认"正常"就是上层盖住下层;换成别的模式,两层颜色按数学规则重新计算——变暗、变亮、只取颜色等等。图层面板顶部的下拉框就是它,一共 27 种,记住 5 个够用一辈子。

为什么:混合模式是"一键合成"的魔法:去白底、去黑底、加质感、上色,不用抠图不用蒙版,选对模式一秒出效果。电商主图、影楼后期、海报合成天天用,是"花 5 分钟学会、用 5 年"的技能。

5 个必须认识的混合模式(记忆钩子:白底用正片叠底,黑底用滤色):

记住:混合模式经常和不透明度联调——模式选对方向,不透明度控制强度,威力翻倍。

图层样式 fx:定义:不画一笔,自动给图层加效果:投影、描边、内阴影、外发光、内发光、斜面和浮雕、颜色/渐变/图案叠加。为什么:它是"参数化"的——随时双击改数值,不像手画的效果改不了。按钮、标题字、徽章的质感全靠它,是"不画画也能出效果"的代表。例子:黄色圆角矩形按钮:形状层+图层样式"投影"(离地感)+"斜面和浮雕"(立体感),3 分钟做出电商按钮,改颜色只改一处。做法:双击图层空白处(或右键 → 混合选项),左侧勾选要的效果,中间调参数。加好的样式会列在图层下方,每个可单独点眼睛开关。

🛠 跟做练习 4:混合模式三连试

  1. 准备:新建 800×600 文档,文件 → 置入一张风景照片做底层。再找一张"黑底白色光斑"图和一张"白底黑色纹理"图(网上搜"黑底光效素材""白底纹理素材"),分别置入成两层。
  2. 第一试 · 正片叠底去白底:选中白底纹理层,混合模式改成正片叠底——白色消失了,纹理融进照片。再把不透明度拉到 70%,看"混合模式+不透明度联调"威力翻倍。
  3. 第二试 · 滤色去黑底:选中黑底光斑层,混合模式改成滤色——黑色消失了,光斑浮在照片上。拖动图层换位置,看光效跟着走。
  4. 第三试 · 叠加加质感:复制(Ctrl+J)照片层放最上,混合模式改成叠加,不透明度 40%——照片对比立刻"有精神"。再换成柔光对比,体会"温和版"的差别。
  5. 加分试:新建一层涂满一种颜色(如夕阳橙),混合模式改颜色,不透明度 30%——整张照片染上统一色调,这就是"颜色"模式的上色原理。

🛠 跟做练习 4 续:图层样式做按钮

  1. 新建文档,用形状工具(U)画一个圆角矩形,填电商红。
  2. 双击该层空白处开图层样式:勾选投影(距离 8、大小 12),再勾选斜面和浮雕(样式选"内斜面"),点确定。
  3. 用文字工具(T)在按钮上打"立即抢购",白色。
  4. 给文字层也加样式:描边大小 2、深红色。看按钮立起来了。
  5. 双击形状层的"投影"效果名,随时改参数——体会"参数化可反悔",这是手画效果做不到的。
⚠ 易错点:① 混合模式是"上下层之间"的关系,单层文档里换模式看不出变化——没效果先检查是不是只有一层。② 图层样式加在"空层"上没东西可附着,先确认图层里有像素、文字或形状。③ 样式效果太夸张(投影又黑又大)是新手通病,记住"有效果→减半再看一眼"。

第 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 摆图合成

  1. 新建 800×600 文档。文件 → 置入一张风景照片做背景(置入的图默认就是智能对象,正好)。
  2. 再文件 → 置入一张水果产品图。它太大盖住画面?选中它按 Ctrl+T,按住 Shift 拖角等比缩小,拖到合适位置,回车确认。
  3. 想让它斜一点:再按 Ctrl+T,把鼠标移到控制框外面,拖动旋转 15°,回车。
  4. 用移动工具(V)选中背景层,方向键微调位置。
  5. 给产品图调个色:图层 → 新建调整图层 → 色相/饱和度。注意观察:它影响下面所有层,不只是产品图——这个现象记住,第 5 讲会讲"只影响一层"的办法(剪贴蒙版)。

🛠 跟做练习 6:裁剪改尺寸

  1. 打开一张手机拍的照片(比例一般很随意)。
  2. 选裁剪工具(C),选项栏比例选 16:9,拖框取景——把杂乱的边缘裁掉,主体放三分法交叉点,回车确认。
  3. 再用 图像 → 图像大小(Alt+Ctrl+I)看看现在的像素尺寸是多少,对应第 1 讲"图像大小"的概念。
  4. 对比实验:图像 → 画布大小(Alt+Ctrl+C)把画布加宽 200 像素(九宫格选"中左",向右扩展),看"加框"和"裁剪"的区别。
⚠ 易错点:① Ctrl+T 没反应?先看选中的是不是文字层——文字层要先右键"栅格化",或转成智能对象才能自由变换。② 调整图层影响下面所有层,新手常把整张图调偏色还找不到原因——记住它的"射程"。③ 置入的图片自带智能对象是好事,别手贱栅格化它,栅格化就失去无损优势了。

课后作业

多图层合成一张小海报(主题自选:奶茶店开业 / 水果促销 / 读书分享会):

本讲小结