企业官网建设流程全解析

ArtCraft 2D图像合成实战指南：用图层、抠背与画笔工具5步掌控AI绘图

【免费下载链接】artcraftArtCraft is an intentional crafting engine for artists, designers, and filmmakers项目地址: https://gitcode.com/gh_mirrors/ar/artcraft

ArtCraft 是一款面向艺术家和创作者的 AI 绘图合成工具，其 2D 图像合成（2D Image Compositing）功能让你用图层、AI 一键抠背和画笔工具，把多张 AI 生成的图片自由叠加、精修、合成成完整画面。本文面向新手，带你 5 步上手：打开画布 → AI 抠图 → 搭建图层 → 画笔精修 → 调整前后关系，全程无需任何设计软件。

一、什么是 2D 图像合成？

传统 AI 绘图只能"一张一张"出图，想把人物、背景、道具拼在一起，还得打开 Photoshop。ArtCraft 的 2D 画布把这个过程搬进了一个界面：

• 图层（Layers）：每张图片、每个笔触都是独立图层，可自由移动、缩放、调整前后遮挡关系
• AI 抠背（Background Removal）：一键去掉图片背景，把人或物体直接变成"贴纸"
• 画笔与橡皮擦（Brush & Eraser）：在画布上直接绘制、擦除，配合遮罩还能做局部重绘

官方对这一功能的描述是："Compose a scene with image layers, background removal, and drawing tools."源码入口在 PageDraw.tsx，工具栏逻辑在 SideToolbar.tsx。

二、5 步实战教程

第 1 步：打开 2D 画布（2D Canvas）

在 ArtCraft 应用页找到2D Canvas入口（应用菜单定义见 appMenu.tsx）。打开后你会看到一块无限画布，左侧侧边栏就是本次的主角——工具条：

侧边栏支持画笔颜色和尺寸实时预览，切换画笔与橡皮擦时两者尺寸各自独立记忆，不用担心互相覆盖。

第 2 步：AI 一键抠背，把素材变"贴纸"

合成前最常用的一步：把 AI 生成的人物/物体背景去掉。打开Background Removal页面，官方描述为"Instantly remove backgrounds from your images with AI-powered precision"（源码见 RemoveBackground.tsx）。

以一张带灰色背景的角色立绘为例：

上传后 AI 会自动识别主体并输出透明背景的切图。抠好的素材可以直接拖进 2D 画布当图层，或送进 3D 场景当地面道具——抠背结果的底层实现参考 FalBackgroundRemoval.ts。

第 3 步：搭建图层结构

现在把素材按"从远到近"放进画布：

1. 背景层：先放一张大场景图，比如这张青蓝色山脉：

2. 中景层：再叠一张森林，作为过渡景深：

3. 主体层：最后把抠背后的角色拖入画面，用选择工具调整大小和位置。

选中任意图层后，侧边栏的"Send to Back"按钮可以把元素一键沉底或置顶，图层顺序管理逻辑集中在 SceneState.ts 的bringToFront方法中。

第 4 步：画笔工具精修

图层拼好后，细节处往往"对不齐"，这时就轮到画笔登场：

• 补光/补色：选画笔 → 调色板取色 → 调整笔刷粗细 → 在主体边缘轻描一圈，制造融合感
• 擦除穿帮：橡皮擦独立于画笔拥有自己的尺寸，擦掉图层边缘溢出的杂色
• 取色吸管：直接吸取背景的主色，保证笔触与画面色温一致

所有笔触都作为独立图层存在，随时可单独擦掉或重新绘制，不会污染原图。

第 5 步：调整前后关系，导出成稿

1. 再次核对图层顺序：远 → 近，用 Send to Back / 置顶微调遮挡
2. 整体缩放对齐地平线，避免"贴贴纸"感
3. 通过画布快照（snapshot）机制保存当前状态——它会自动管理各图层的可见性，方便你反复回退对比（见 useUpdateSnapshot.ts）

完成后即可导出整张合成图，或继续送入 ArtCraft 的"提示词编辑"功能做整图重绘。

三、新手常见 3 个问题

Q1：抠背边缘有白边怎么办？A：抠完后用画笔吸取背景色沿边缘描一圈，或用橡皮擦把半透明白边擦干净，两个工具配合即可解决 90% 的白边问题。

Q2：图层顺序乱了怎么快速恢复？A：每次关键调整前保存一次快照，利用画布自带的历史栈（HistoryStack）回退，比手动重排更省心。

Q3：素材比例和背景不协调？A：优先用选择工具整体缩放，而不是只缩 X 轴；主体略大过背景透视焦点时，画面更有"近大远小"的真实感。

四、相关资源

• 开发环境搭建：_docs/dev_setup.md
• 2D 画布页面源码：PageDraw.tsx
• 侧边栏工具实现：SideToolbar.tsx
• 场景状态与图层管理：SceneState.ts
• 项目路线图：ROADMAP.md

掌握这 5 步之后，你可以尝试挑战更复杂的场景：多层背景 + 多个抠背角色 + 手绘光效，ArtCraft 的 2D 画布上限由你的想象力决定 🎨

【免费下载链接】artcraftArtCraft is an intentional crafting engine for artists, designers, and filmmakers项目地址: https://gitcode.com/gh_mirrors/ar/artcraft