企业官网建设流程全解析

纸上画得不错，转成矢量却很糟，很多时候并不是画的问题。相机会把纸张纹理、桌面阴影、浅色辅助线、橡皮污渍和透视变形一起记录下来，而自动描摹无法知道哪些痕迹是你故意留下的。

更稳定的草图转 SVG 流程，是把拍摄、清理、矢量结构和最终用途分开处理。

拍摄干净，转换工具才能识别“画”，而不是把整张纸一起描出来。

第一步：先决定哪些痕迹要保留

拍照前，把要进入 SVG 的内容分清楚：

• 已经确认的墨线；
• 有价值的铅笔轮廓；
• 手写文字；
• 刻意保留的纹理；
• 必须存在的定位或结构标记。

其余内容尽量擦除，或者在后面裁掉。如果粗糙感本来就是风格，就有意识地保留；如果最终要送绘图仪或做小尺寸标签，现在就该简化，不要让软件事后猜。

第二步：把草图拍清楚

只要条件可控，手机就够用。

1. 把纸平放在干净、纯色的平面上；
2. 使用两侧柔光，或者明亮的间接自然光；
3. 镜头与纸面尽量平行；
4. 不裁掉画面，同时让草图尽量占满取景框；
5. 点击线条对焦，而不是对纸边对焦；
6. 避免手和手机的阴影压在画上。

扫描仪适合非常细的铅笔稿和批量处理，但不是必需。只有原始线条清楚、背景分离，高分辨率才有实际价值。

第三步：清理图片，但别把画毁掉

紧贴画面裁切，拉正纸张，减弱光照不均，再温和增加对比。不要把所有灰色都强行变成黑色。过度二值化会让相邻线条粘连、原本的空隙闭合，还可能把铅笔阴影变成实心块。

浅铅笔稿可以保留两个版本：一个保留笔压变化和手感，一个把线条整理得更均匀。无论如何都要保留原始照片，方便随时回退。

第四步：选择忠实描摹还是重绘

如果照片里的笔触本身就是最终作品，使用忠实描摹。它能保留原有抖动、比例和手绘个性。

如果需要删除辅助线、污渍、大面积铅笔阴影或不均匀线宽，就使用重绘为线条。

在 LineSVG 草图转 SVG 工具里，可以上传不超过 20 MB 的 PNG、JPG 或 WebP。先选择“线条可调”得到忠实版本，与原图对比；只有结构不对或噪声过多时，再进行重绘。

把这张草图重绘为干净、可编辑的 SVG 描边。 保留整体比例和手绘感。 删除纸张纹理、污渍、辅助线和阴影。 使用统一线宽、圆形端点，不要填充，不要背景。

第五步：检查结构，不只看“像不像”

• 重要线条是描边，而不是细长填充轮廓；
• 原本开放的轮廓没有被自动闭合；
• 相邻路径没有粘在一起；
• 对阅读有帮助的空隙仍然存在；
• 小灰尘没有变成独立路径；
• 缩到最终尺寸后仍能看清。

把线宽大幅调细、调粗一次。如果大多数线条都会响应，这个文件才方便继续适配不同场景。

第六步：为最终用途准备版本

Figma、Illustrator、Inkscape 编辑：保留描边，在最终显示尺寸下决定线宽。

笔式绘图仪：使用纯线条，删除重复路径。画面里的每一根可见线都会成为一次真实走笔。

Cricut 笔绘、烫金、划线：使用单线描边。填充轮廓会让机器沿两侧各走一次。

激光或刻字膜切割：另做一个由封闭、相连形状组成的切割版，不要覆盖可编辑描边母版。

网页或 App 图标：进一步简化。纸上有魅力的细微抖动，到了 16 或 24 像素可能只像误差。

建立可回退的文件结构

vase-sketch-original.jpg vase-sketch-cleaned.png vase-sketch-master-strokes.svg vase-sketch-plotter.svg vase-sketch-preview.png

原图、清理图、可编辑母版、设备专用版本和预览图分别保存，后续修改机器参数时就不会丢掉忠实原稿。

常见失败包括：整张纸变成灰色背景形状、粗铅笔线被描成两圈、关键缝隙消失、产生几千个细碎路径。解决办法是改善背景分离，从原图重新清理，或者改用中心线式重绘。如果结果很干净但失去个性，可以对最终墨线使用忠实描摹，或者在重绘要求里明确保留线条抖动和笔压差异。

最好的草图矢量不一定最光滑，而是既保留你在意的手绘痕迹，又有后续真正能编辑的结构。更完整的拍摄与清理清单，可以查看 图片转 SVG 前如何准备草图。