杰瑞科技汇

photoshop 案例 教程

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

photoshop 案例 教程-图1
(图片来源网络,侵删)

Photoshop 学习路径与资源推荐

在开始具体案例前,建立一个清晰的学习路径很重要。

基础入门(必学)

  • 核心概念: 图层、选区、蒙版、调整图层、画笔工具、钢笔工具。
  • 学习目标: 理解 Photoshop 的核心工作流,能够独立完成简单的图片修饰和拼贴。
  • 推荐资源: Adobe 官方入门教程、B站/YouTube 上的“PS零基础入门”系列视频。

进阶提升(核心)

  • 核心技能: 路径与形状、图层样式(如投影、内发光)、通道抠图、Camera Raw 滤镜、高级蒙版(如剪贴蒙版、矢量蒙版)。
  • 学习目标: 能够进行精细的图像合成、海报设计、产品精修。
  • 推荐资源: 国内外顶尖设计师的博客(如优设网、Tuts+)、专业的设计师社交媒体(Behance, Dribbble)。

专业精通(方向)

  • 方向细分:
    • 创意合成: 天马行空的想象力 + 精湛的抠图和调色技巧。
    • UI/UX 设计: 矢量工具、形状工具、样式库、切图。
    • 数字绘画: 画笔设置、压感笔应用、图层混合模式。
    • 摄影后期: Camera Raw、调色、修复、锐化。

经典 Photoshop 案例教程(附详细步骤)

这里为你精选了 4 个不同难度和方向的案例,从易到难,你可以选择一个开始。


证件照换底色(入门级)

这是最实用的技能之一,几乎人人都需要。

目标: 将一张蓝色底的证件照,换成红色底。

photoshop 案例 教程-图2
(图片来源网络,侵删)

核心技能: 快速选择工具、色彩范围、调整边缘、填充颜色。

详细步骤:

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

学习要点: 掌握抠图的基本流程,特别是“选择并遮住”功能,这是处理复杂边缘的利器。


电影级调色(进阶级)

让一张普通的照片充满故事感和电影氛围。

photoshop 案例 教程-图3
(图片来源网络,侵删)

目标: 将一张普通的风景照,调制成电影《银翼杀手2049》的赛博朋克风格。

核心技能: Camera Raw 滤镜、调整图层、色彩平衡、渐变映射。

详细步骤:

  1. 打开 Camera Raw: 在 Photoshop 中打开图片,然后点击 滤镜 > Camera Raw 滤镜,这是专业调色的首选环境。
  2. 基础校正:
    • 基本 面板中,调整“曝光”、“对比度”、“高光”、“阴影”,让画面影调更均衡。
    • 增加“纹理”和“清晰度”,可以增强画面的质感和锐度。
  3. 分离色调(创造氛围):
    • 切换到 “校准” 面板。
    • 阴影: 将“色相”滑块拖向蓝色或紫色,将“饱和度”适当提高,让暗部呈现冷色调。
    • 高光: 将“色相”滑块拖向橙色或黄色,将“饱和度”提高,让亮部呈现暖色调,这是电影感的精髓。
  4. 使用调整图层进行精细调色:
    • 回到 Photoshop 主界面。
    • 创建 “色彩平衡” 调整图层,在“中间调”、“阴影”、“高光”模式下,分别增加青色和洋红色的比例,降低黄色,来强化蓝紫色调。
    • 创建 “曲线” 调整图层,将曲线拉成“S”形,增加画面的对比度。
  5. 添加电影感光晕(可选):
    • 新建一个图层,模式改为 “滤色”(这样这个图层只显示亮部,不会影响暗部)。
    • 选择 画笔工具,前景色设为白色,降低不透明度和流量。
    • 在画面中的光源(如太阳、路灯)附近轻轻涂抹,制造出光晕效果。
  6. 添加暗角(突出主体):
    • 创建 “镜头校正” 调整图层(在 Camera Raw 中也可以做)。
    • 切换到 “效果” 面板,向右拖动“晕影”的“数量”滑块,使画面边缘变暗,引导视线到中心。

学习要点: 学会使用 Camera Raw 进行全局调整,利用调整图层进行局部和色彩修饰,理解分离色调和色彩平衡对氛围的决定性作用。


梦幻星空人像合成(高级创意)

将人物与星空完美融合,创造超现实作品。

目标: 将一张人物肖像照与星空素材合成,并添加光效,使其看起来像是置身于宇宙之中。

核心技能: 精细抠图(通道)、蒙版应用、混合模式、光效笔刷、色彩匹配。

详细步骤:

  1. 素材准备: 准备好高质量的人物肖像照(最好是纯色背景或背景简单的)和一张星空素材图。
  2. 精细抠图(通道法):
    • 打开人物照片,切换到 通道 面板。
    • 分别查看红、绿、蓝三个通道,选择一个头发和背景对比最强烈的通道(通常是蓝色或红色)。
    • 复制这个通道,得到一个新的通道副本。
    • Ctrl+L (Windows) / Cmd+L (Mac) 打开 色阶,将黑白滑块向中间拖动,最大化黑白对比,让头发部分尽可能白,背景尽可能黑。
    • 使用 画笔工具,将前景色设为白色,涂抹人物主体部分,确保主体是纯白色,背景保持黑色。
    • Ctrl+I (Windows) / Cmd+I (Mac) 反相,现在头发是白色,背景是黑色。
    • 按住 Ctrl (Windows) / Cmd (Mac) 点击这个通道的缩略图,载入选区。
    • 回到图层面板,点击图层的蒙版按钮,一个基于通道的精细选区就完成了。
  3. 合成与融合:
    • 将星空素材拖入人物文档中,并置于人物图层下方。
    • 为人物图层添加一个 图层蒙版
    • 选择 画笔工具,前景色设为黑色,选择一个柔边圆画笔,降低不透明度(如 20%)。
    • 在人物边缘和头发丝处轻轻涂抹,让星空从头发缝隙中透出来,实现无缝融合。
  4. 添加光效:
    • 新建一个图层,放在人物图层上方。
    • 选择 画笔工具,选择一个星空或光效的 笔刷 (可以在网上下载)。
    • 在人物眼睛、头发、肩膀等位置添加发光点。
    • 将该图层的混合模式改为 “滤色”“添加(发光)”,这样光效只会叠加在亮部。
  5. 统一色调:
    • 按住 Ctrl (Windows) / Cmd (Mac) 点击人物图层缩略图,重新载入选区。
    • 创建一个 “曲线”“色彩平衡” 调整图层,它会自动创建剪贴蒙版。
    • 调整颜色,让人物的颜色与星空的冷色调(蓝色、紫色)相匹配。
    • 对星空图层也做类似的微调,使整体色调和谐。

学习要点: 掌握通道抠图技术,学会使用蒙版进行非破坏性编辑,理解不同混合模式的效果,以及如何通过调整图层来统一画面色调。


UI 界面设计(专业方向)

设计一个简洁美观的 App 启动页。

目标: 设计一个具有现代感的 App 启动界面。

核心技能: 形状工具、图层样式、矢量蒙版、切图导出。

详细步骤:

  1. 创建画布: Ctrl + N 新建文档,尺寸根据手机型号设定(如 1125 x 2432 像素),分辨率 72 PPI。
  2. 绘制背景:
    • 选择 矩形工具 (U),绘制一个与画布一样大的矩形。
    • 在图层面板双击该图层,打开 图层样式
    • 添加一个 “渐变叠加”,选择你喜欢的颜色渐变(如蓝紫色渐变)。
  3. 绘制 Logo:
    • 选择 椭圆工具 (U),设置“路径”模式。
    • 按住 Shift 拖动,画一个正圆。
    • 在图层面板,将路径填充为你喜欢的品牌色。
    • 双击图层,添加 “内阴影”“外发光” 样式,增加立体感。
  4. 添加文字:
    • 选择 文字工具 (T),输入 App 名称和 Slogan。
    • 在顶部属性栏中,选择合适的字体、大小和颜色。
  5. 使用矢量蒙版(非破坏性裁剪):
    • 假设你想让一个装饰元素只在底部显示。
    • 绘制好这个装饰元素(如一个波浪形状)。
    • 按住 Alt (Windows) / Option (Mac) 将鼠标放在装饰图层和背景图层之间,当鼠标变成一个带下箭头的小图标时点击,创建 剪贴蒙版
    • 或者,选中装饰图层,点击图层面板下方的 “添加矢量蒙版” 按钮,然后用 钢笔工具矩形工具 在蒙版上绘制一个形状,来控制显示区域。
  6. 导出切图:
    • 使用 切片工具 (C),手动或基于参考线将界面切分成不同部分(如 Logo、背景图、按钮等)。
    • Ctrl + Alt + Shift + S (Windows) / Cmd + Option + Shift + S (Mac) 打开 导出为 Web 所用格式 的旧版界面(新版功能更强大,叫“导出”)。
    • 你可以为每个切片设置格式(PNG-24 适合带透明背景的图标,JPG 适合照片)、质量和尺寸。
    • 点击“存储”,即可一键导出所有切图。

学习要点: 熟练运用矢量工具进行界面元素绘制,掌握图层样式快速实现视觉效果,理解并使用蒙版进行非破坏性编辑,学会为开发人员准备切图资源。


总结与建议

  • 动手实践: 看十遍不如自己动手做一遍,跟着教程做一遍,然后尝试自己独立创作。
  • 学会偷师: 多去 Behance、Dribbble 看优秀作品,尝试分析他们是怎么做的,然后模仿和超越。
  • 快捷键是王道: 从一开始就强迫自己使用快捷键,能极大提升效率。
  • 耐心和细心: Photoshop 是一个精细活,尤其是合成和调色,需要耐心去抠图、去调整每一个细节。

希望这个详细的指南能帮助你开启 Photoshop 的学习之旅!祝你玩得开心!

分享:
扫描分享到社交APP
上一篇
下一篇