关于 game-art
面向游戏美术设计者的实践指南,涵盖风格选择、资产制作流程、色彩、动画与资源管理。通过决策参考和制作规范辅助美术方向规划。
主要功能
- 01游戏美术风格对比与选择
- 022D 与 3D 资产流程参考
- 03色彩与动画原则
- 04分辨率和缩放建议
- 05命名与目录组织规范
适用场景
- 01为游戏项目确定视觉风格
- 02规划 2D 或 3D 资产制作流程
- 03检查动画与色彩的可读性
- 04整理游戏美术资源
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ vudovn/ ag-kit --skill game-art安装后在 Claude Code 中输入/game-art确认已加载。
详细介绍
游戏美术原则
游戏视觉设计思路——风格选择、资源管线和美术指导。
1. 美术风格选择
决策树
What feeling should the game evoke?
│
├── Nostalgic / Retro
│ ├── Limited palette? → Pixel Art
│ └── Hand-drawn feel? → Vector / Flash style
│
├── Realistic / Immersive
│ ├── High budget? → PBR 3D
│ └── Stylized realism? → Hand-painted textures
│
├── Approachable / Casual
│ ├── Clean shapes? → Flat / Minimalist
│ └── Soft feel? → Gradient / Soft shadows
│
└── Unique / Experimental
└── Define custom style guide
风格对比矩阵
| 风格 | 制作速度 | 技能门槛 | 可扩展性 | 最适合 |
|---|---|---|---|---|
| 像素美术 | 中等 | 中等 | 难以招聘 | 独立游戏、复古风 |
| 矢量/扁平 | 快 | 低 | 容易 | 移动端、休闲游戏 |
| 手绘 | 慢 | 高 | 中等 | 奇幻风、风格化游戏 |
| PBR 3D | 慢 | 高 | AAA 管线 | 写实游戏 |
| 低多边形 | 快 | 中等 | 容易 | 独立 3D 游戏 |
| 卡通渲染 | 中等 | 中等 | 中等 | 动漫、卡通 |
2. 资源管线决策
2D 管线
| 阶段 | 工具选项 | 输出 |
|---|---|---|
| 概念设计 | Paper、Procreate、Photoshop | 参考图集 |
| 创作 | Aseprite、Photoshop、Krita | 单个精灵图 |
| 图集 | TexturePacker、Aseprite | 精灵图集 |
| 动画 | Spine、DragonBones、逐帧动画 | 动画数据 |
| 集成 | 引擎导入 | 可用于游戏的资源 |
3D 管线
| 阶段 | 工具选项 | 输出 |
|---|---|---|
| 概念设计 | 2D 美术、白盒模型 | 参考图 |
| 建模 | Blender、Maya、3ds Max | 高模网格 |
| 拓扑重构 | Blender、ZBrush | 可用于游戏的网格 |
| UV/贴图 | Substance Painter、Blender | 纹理贴图 |
| 绑定 | Blender、Maya | 骨骼绑定 |
| 动画 | Blender、Maya、Mixamo | 动画片段 |
| 导出 | FBX、glTF | 可导入引擎的资源 |
3. 色彩理论决策
调色板选择
| 目标 | 策略 | 示例 |
|---|---|---|
| 和谐 | 互补色或类似色 | 自然主题游戏 |
| 对比 | 高饱和度差异 | 动作游戏 |
| 氛围 | 暖/冷色调 | 恐怖、温馨 |
| 易读性 | 优先使用明度对比,而非色相对比 | 清晰呈现游戏内容 |
色彩原则
- **层级:**重要元素应醒目突出
- **一致性:**同一物体使用同一色系
- **语境:**颜色在不同背景下呈现效果不同
- **无障碍性:**不要只依赖颜色传达信息
4. 动画原则
12 条原则(在游戏中的应用)
| 原则 | 游戏中的应用 |
|---|---|
| 挤压与拉伸 | 跳跃弧线、撞击 |
| 预备动作 | 攻击前的蓄势 |
| 构图 | 清晰的轮廓 |
| 跟随动作 | 移动后的头发、披风 |
| 缓入/缓出 | 转场时的缓动 |
| 弧线 | 自然的运动轨迹 |
| 次要动作 | 呼吸、眨眼 |
| 节奏 | 帧数决定重量感/速度感 |
| 夸张 | 远距离也能看清 |
| 吸引力 | 令人难忘的设计 |
帧数参考
| 动作类型 | 常见帧数 | 感觉 |
|---|---|---|
| 待机呼吸 | 4-8 | 细微 |
| 行走循环 | 6-12 | 流畅 |
| 奔跑循环 | 4-8 | 充满活力 |
| 攻击 | 3-6 | 干脆利落 |
| 死亡 | 8-16 | 戏剧化 |
5. 分辨率与比例决策
按平台划分的 2D 分辨率
| 平台 | 基础分辨率 | 精灵图尺寸 |
|---|---|---|
| 移动端 | 1080p | 角色 64-128px |
| 桌面端 | 1080p-4K | 角色 128-256px |
| 像素美术 | 320x180 至 640x360 | 角色 16-32px |
一致性规则
选择一个基础单位并始终保持一致:
- 像素美术:以 1x 制作,再放大(绝不缩小)
- 高清美术:定义 DPI,并保持比例
- 3D:1 单位 = 1 米(行业标准)
6. 资源整理
命名约定
[type]_[object]_[variant]_[state].[ext]
Examples:
spr_player_idle_01.png
tex_stone_wall_normal.png
mesh_tree_oak_lod2.fbx
文件夹结构原则
assets/
├── characters/
│ ├── player/
│ └── enemies/
├── environment/
│ ├── props/
│ └── tiles/
├── ui/
├── effects/
└── audio/
7. 反模式
| 不要这样做 | 应该这样做 |
|---|---|
| 随意混搭艺术风格 | 制定并遵循风格指南 |
| 只在最终分辨率下制作 | 按源分辨率制作 |
| 忽略剪影的辨识度 | 在实际游戏距离下测试 |
| 过度刻画背景 | 将细节集中在玩家区域 |
| 跳过颜色测试 | 在目标显示设备上测试 |
请记住: 美术服务于游戏玩法。如果不能帮助玩家,它就只是装饰。
评论
支持 Markdown