为了让你能更好地理解和学习,我将为你提供一个“从入门到精通”的 Photoshop 案例教程结构,并挑选几个极具代表性的经典案例进行详细的步骤拆解,你可以根据自己的兴趣和水平选择合适的案例开始。

Photoshop 学习路径与资源推荐
在开始具体案例前,建立一个清晰的学习路径很重要。
基础入门(必学)
- 核心概念: 图层、选区、蒙版、调整图层、画笔工具、钢笔工具。
- 学习目标: 理解 Photoshop 的核心工作流,能够独立完成简单的图片修饰和拼贴。
- 推荐资源: Adobe 官方入门教程、B站/YouTube 上的“PS零基础入门”系列视频。
进阶提升(核心)
- 核心技能: 路径与形状、图层样式(如投影、内发光)、通道抠图、Camera Raw 滤镜、高级蒙版(如剪贴蒙版、矢量蒙版)。
- 学习目标: 能够进行精细的图像合成、海报设计、产品精修。
- 推荐资源: 国内外顶尖设计师的博客(如优设网、Tuts+)、专业的设计师社交媒体(Behance, Dribbble)。
专业精通(方向)
- 方向细分:
- 创意合成: 天马行空的想象力 + 精湛的抠图和调色技巧。
- UI/UX 设计: 矢量工具、形状工具、样式库、切图。
- 数字绘画: 画笔设置、压感笔应用、图层混合模式。
- 摄影后期: Camera Raw、调色、修复、锐化。
经典 Photoshop 案例教程(附详细步骤)
这里为你精选了 4 个不同难度和方向的案例,从易到难,你可以选择一个开始。
证件照换底色(入门级)
这是最实用的技能之一,几乎人人都需要。
目标: 将一张蓝色底的证件照,换成红色底。

核心技能: 快速选择工具、色彩范围、调整边缘、填充颜色。
详细步骤:
- 打开图片: 在 Photoshop 中打开你的证件照。
- 创建选区:
- 选择 快速选择工具 或 魔棒工具 (W)。
- 在蓝色背景上点击,Photoshop 会自动识别并选中相似颜色的区域,按住
Shift键可以增加选区,按住Alt键可以减少选区。 - (进阶技巧) 如果背景和人物边缘有复杂颜色(如头发丝),可以使用 选择 > 色彩范围,在弹出的窗口中,用吸管吸取蓝色背景,调整“颜色容差”滑块,直到选中大部分背景。
- 优化选区(关键步骤):
- 点击顶部选项栏的 “选择并遮住” 按钮。
- 在新窗口中,使用左侧工具栏的 “调整边缘画笔工具”,在人物的头发和肩膀边缘涂抹,软件会智能地识别并保留这些细节。
- 在右侧的“视图”模式中,选择“图层”,新建一个图层并填充黑色,这样你就能清楚地看到抠图效果。
- 调整“平滑”、“羽化”等参数,使选区边缘更自然。
- 完成后,点击“确定”。
- 删除原背景:
- 回到原图层,确保你的选区还在(如果没有,点击图层的缩略图重新载入选区)。
- 按
Delete键删除背景,现在人物应该已经抠出来了。
- 填充新背景:
- 在图层面板最下方,点击 “创建新的填充或调整图层” 图标(一个半黑半白的圆)。
- 选择 “纯色”。
- 在颜色选择器中,选择你想要的红色(或其他颜色),点击“确定”。
- 这个新填充图层会自动创建一个剪贴蒙版,只显示在人物图层下方,完美地换上了新背景。
学习要点: 掌握抠图的基本流程,特别是“选择并遮住”功能,这是处理复杂边缘的利器。
电影级调色(进阶级)
让一张普通的照片充满故事感和电影氛围。

目标: 将一张普通的风景照,调制成电影《银翼杀手2049》的赛博朋克风格。
核心技能: Camera Raw 滤镜、调整图层、色彩平衡、渐变映射。
详细步骤:
- 打开 Camera Raw: 在 Photoshop 中打开图片,然后点击 滤镜 > Camera Raw 滤镜,这是专业调色的首选环境。
- 基础校正:
- 在 基本 面板中,调整“曝光”、“对比度”、“高光”、“阴影”,让画面影调更均衡。
- 增加“纹理”和“清晰度”,可以增强画面的质感和锐度。
- 分离色调(创造氛围):
- 切换到 “校准” 面板。
- 阴影: 将“色相”滑块拖向蓝色或紫色,将“饱和度”适当提高,让暗部呈现冷色调。
- 高光: 将“色相”滑块拖向橙色或黄色,将“饱和度”提高,让亮部呈现暖色调,这是电影感的精髓。
- 使用调整图层进行精细调色:
- 回到 Photoshop 主界面。
- 创建 “色彩平衡” 调整图层,在“中间调”、“阴影”、“高光”模式下,分别增加青色和洋红色的比例,降低黄色,来强化蓝紫色调。
- 创建 “曲线” 调整图层,将曲线拉成“S”形,增加画面的对比度。
- 添加电影感光晕(可选):
- 新建一个图层,模式改为 “滤色”(这样这个图层只显示亮部,不会影响暗部)。
- 选择 画笔工具,前景色设为白色,降低不透明度和流量。
- 在画面中的光源(如太阳、路灯)附近轻轻涂抹,制造出光晕效果。
- 添加暗角(突出主体):
- 创建 “镜头校正” 调整图层(在 Camera Raw 中也可以做)。
- 切换到 “效果” 面板,向右拖动“晕影”的“数量”滑块,使画面边缘变暗,引导视线到中心。
学习要点: 学会使用 Camera Raw 进行全局调整,利用调整图层进行局部和色彩修饰,理解分离色调和色彩平衡对氛围的决定性作用。
梦幻星空人像合成(高级创意)
将人物与星空完美融合,创造超现实作品。
目标: 将一张人物肖像照与星空素材合成,并添加光效,使其看起来像是置身于宇宙之中。
核心技能: 精细抠图(通道)、蒙版应用、混合模式、光效笔刷、色彩匹配。
详细步骤:
- 素材准备: 准备好高质量的人物肖像照(最好是纯色背景或背景简单的)和一张星空素材图。
- 精细抠图(通道法):
- 打开人物照片,切换到 通道 面板。
- 分别查看红、绿、蓝三个通道,选择一个头发和背景对比最强烈的通道(通常是蓝色或红色)。
- 复制这个通道,得到一个新的通道副本。
- 按
Ctrl+L(Windows) /Cmd+L(Mac) 打开 色阶,将黑白滑块向中间拖动,最大化黑白对比,让头发部分尽可能白,背景尽可能黑。 - 使用 画笔工具,将前景色设为白色,涂抹人物主体部分,确保主体是纯白色,背景保持黑色。
- 按
Ctrl+I(Windows) /Cmd+I(Mac) 反相,现在头发是白色,背景是黑色。 - 按住
Ctrl(Windows) /Cmd(Mac) 点击这个通道的缩略图,载入选区。 - 回到图层面板,点击图层的蒙版按钮,一个基于通道的精细选区就完成了。
- 合成与融合:
- 将星空素材拖入人物文档中,并置于人物图层下方。
- 为人物图层添加一个 图层蒙版。
- 选择 画笔工具,前景色设为黑色,选择一个柔边圆画笔,降低不透明度(如 20%)。
- 在人物边缘和头发丝处轻轻涂抹,让星空从头发缝隙中透出来,实现无缝融合。
- 添加光效:
- 新建一个图层,放在人物图层上方。
- 选择 画笔工具,选择一个星空或光效的 笔刷 (可以在网上下载)。
- 在人物眼睛、头发、肩膀等位置添加发光点。
- 将该图层的混合模式改为 “滤色” 或 “添加(发光)”,这样光效只会叠加在亮部。
- 统一色调:
- 按住
Ctrl(Windows) /Cmd(Mac) 点击人物图层缩略图,重新载入选区。 - 创建一个 “曲线” 或 “色彩平衡” 调整图层,它会自动创建剪贴蒙版。
- 调整颜色,让人物的颜色与星空的冷色调(蓝色、紫色)相匹配。
- 对星空图层也做类似的微调,使整体色调和谐。
- 按住
学习要点: 掌握通道抠图技术,学会使用蒙版进行非破坏性编辑,理解不同混合模式的效果,以及如何通过调整图层来统一画面色调。
UI 界面设计(专业方向)
设计一个简洁美观的 App 启动页。
目标: 设计一个具有现代感的 App 启动界面。
核心技能: 形状工具、图层样式、矢量蒙版、切图导出。
详细步骤:
- 创建画布:
Ctrl + N新建文档,尺寸根据手机型号设定(如 1125 x 2432 像素),分辨率 72 PPI。 - 绘制背景:
- 选择 矩形工具 (U),绘制一个与画布一样大的矩形。
- 在图层面板双击该图层,打开 图层样式。
- 添加一个 “渐变叠加”,选择你喜欢的颜色渐变(如蓝紫色渐变)。
- 绘制 Logo:
- 选择 椭圆工具 (U),设置“路径”模式。
- 按住
Shift拖动,画一个正圆。 - 在图层面板,将路径填充为你喜欢的品牌色。
- 双击图层,添加 “内阴影” 和 “外发光” 样式,增加立体感。
- 添加文字:
- 选择 文字工具 (T),输入 App 名称和 Slogan。
- 在顶部属性栏中,选择合适的字体、大小和颜色。
- 使用矢量蒙版(非破坏性裁剪):
- 假设你想让一个装饰元素只在底部显示。
- 绘制好这个装饰元素(如一个波浪形状)。
- 按住
Alt(Windows) /Option(Mac) 将鼠标放在装饰图层和背景图层之间,当鼠标变成一个带下箭头的小图标时点击,创建 剪贴蒙版。 - 或者,选中装饰图层,点击图层面板下方的 “添加矢量蒙版” 按钮,然后用 钢笔工具 或 矩形工具 在蒙版上绘制一个形状,来控制显示区域。
- 导出切图:
- 使用 切片工具 (C),手动或基于参考线将界面切分成不同部分(如 Logo、背景图、按钮等)。
Ctrl + Alt + Shift + S(Windows) /Cmd + Option + Shift + S(Mac) 打开 导出为 Web 所用格式 的旧版界面(新版功能更强大,叫“导出”)。- 你可以为每个切片设置格式(PNG-24 适合带透明背景的图标,JPG 适合照片)、质量和尺寸。
- 点击“存储”,即可一键导出所有切图。
学习要点: 熟练运用矢量工具进行界面元素绘制,掌握图层样式快速实现视觉效果,理解并使用蒙版进行非破坏性编辑,学会为开发人员准备切图资源。
总结与建议
- 动手实践: 看十遍不如自己动手做一遍,跟着教程做一遍,然后尝试自己独立创作。
- 学会偷师: 多去 Behance、Dribbble 看优秀作品,尝试分析他们是怎么做的,然后模仿和超越。
- 快捷键是王道: 从一开始就强迫自己使用快捷键,能极大提升效率。
- 耐心和细心: Photoshop 是一个精细活,尤其是合成和调色,需要耐心去抠图、去调整每一个细节。
希望这个详细的指南能帮助你开启 Photoshop 的学习之旅!祝你玩得开心!
