萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Photoshop 教學 >> Photoshop 入門教學

Photoshop CS5/CC 3D 动画入门:从立方体旋转到关键帧时间轴实操

Photoshop 的 3D 动画工作流核心是「3D 图层 + 视频时间轴 + 关键帧」。本教学以最简单的「3D 立方体旋转」为例,最小化建模认知负荷,聚焦「时间轴面板操作、关键帧录制、属性插值」三大核心技能,为后续复杂 3D 动画打基础。

立方体旋转动画预览

前置条件

  • 已具备一个 3D 立方体图层(可通过 3D → 新建网格 → 立方体 快速生成)。
  • PS CS5 Extended / CC 及以上版本。

时间轴面板开启与文档设置

  1. 窗口 →「时间轴」→ 点击面板右上角三角菜单 →「文档设置」。
  2. 设置「持续时间」如 3 秒,「帧速率」30 fps,确定。

时间轴面板菜单

文档时间设置对话框

关键帧录制:3D 对象位置/旋转

  1. 时间轴面板最左侧三角展开图层属性,向下滚动勾选「3D 对象位置」。
  2. 点击「3D 对象位置」前的秒表图标,在时间轴 0 帧处生成首个关键帧(菱形)。

展开3D对象位置属性

勾选3D对象位置

  1. 拖动时间指针至 1 秒处。
  2. 选择「3D 对象旋转工具」(K),在画布拖拽旋转立方体任意角度。
  3. 时间轴自动在当前帧生成第二个旋转关键帧。

旋转立方体操作

第二个关键帧生成

关键帧插值与预览

PS 自动在两关键帧间插值计算中间帧,按 Space 播放预览。若需调整缓动:右键关键帧 →「关键帧插值」→ 选择「线性/贝塞尔/保持」等模式。

常见属性可动画化清单

属性类别可动画化属性示例
3D 对象变换位置 X/Y/Z、旋转 X/Y/Z、缩放 X/Y/Z
3D 相机相机位置、视场角(FOV)、景深
材质漫反射颜色、不透明度、自发光强度、凹凸贴图深度
光源位置、颜色、强度、锥角(聚光灯)
图层通用不透明度、图层样式参数、蒙版羽化/位置

导出设置

  • GIF:文件 → 存储为 Web 所用格式 → GIF,循环「永远」。适合简单循环动画。
  • 视频 (MP4):文件 → 导出 → 渲染视频 → Adobe Media Encoder (H.264),适合复杂/长时长/高色彩动画。
  • PSD 源文件:保留所有关键帧、3D 场景、图层结构,随时可改。
进阶提示:时间轴面板左上角「转换为帧动画」可在「视频时间轴」与「帧动画」模式切换。帧动画模式适合逐帧手绘/表情包/GIF 优化,视频时间轴适合插值动画/3D/视频剪辑。按需切换。
更多精彩教程请关注三联 Photoshop 教程栏目,三联 PS 群:339853166 欢迎加入。
copyright © 萬盛學電腦網 all rights reserved