之前做过一个古典油画动画，看照片从底色中一层层浮现。这次想试试另一种画法：从一张空白的纸开始，让轮廓、排线和阴影一笔一笔长出来。

于是有了这个「一笔一画」手绘工作室。选择一张图片，浏览器会分析画面的结构，把它转成许多条笔迹，再模拟铅笔落下、移动、抬起的过程。你可以看它慢慢画，也可以加速，或把进度拖回去看看某一片阴影是怎样形成的。

直接试一试

可以先点击「试用示例」，看一幅窗边静物如何变成手绘；也可以上传自己的照片。手机上想看得更清楚，可以点击下方链接在独立页面打开。

怎样使用

1. 放入图片：点击上传按钮选择图片，或把图片拖进工作室；也支持在工作室内粘贴剪贴板中的图片。图片载入后会先规划笔迹，再开始绘画。
2. 选择画笔：石墨铅笔适合观察轮廓与明暗；彩色铅笔会用原图的颜色组织笔迹。
3. 调整细节：从速写、标准到精细，线条逐渐变密。更换风格或细节程度会重新规划绘画过程。
4. 控制节奏：速度可在 0.5 倍到 32 倍之间调整，也可以暂停、重新起笔，或拖动进度条回看。工作室获得焦点后，空格键可以播放或暂停。
5. 保存作品：点击「保存 PNG」下载当前画面，或点击「导出笔迹 SVG」获得矢量文件。想保存完整作品，先等进度到 100%；也可以在中途停下，保留更疏朗的速写效果。

调速只影响播放快慢，不改变已经规划好的笔迹。「显示笔尖」控制画面里的铅笔是否出现，导出的作品不会带上笔尖和操作界面。

从轮廓到细节，分四步画出来

程序先读取图片的明暗、颜色和不同尺度的边缘，寻找连续轮廓，再依据局部方向安排排线。笔迹分成四个阶段：

• 主轮廓：先勾出画面的基本形状，让主体有一个大致的骨架。
• 顺势排线：用带方向的线条铺出明暗，逐渐建立体积。
• 交叉暗部：在较暗的区域叠加交叉线，让阴影更深。
• 收笔细节：最后补上较小的边缘与细节，让画面更完整。

同一阶段会优先衔接附近的笔迹，两笔之间只移动笔尖，不留下连接线。线条还带有轻微抖动和笔压变化，让画面多一点铅笔的松动感。

右侧画面由 Canvas 路径绘制，没有把原图垫在下面慢慢揭开，也不会在结束时换回照片。SVG 导出保留的是矢量笔迹，没有嵌入原始图片，因此放大后仍然可以看到一条条线。

图片在哪里处理？

工作室直接在浏览器里读取和分析你选择的图片，不需要把图片上传到服务器，也不调用外部 AI 接口。支持后台线程的浏览器会用 Web Worker 规划笔迹；不支持时，会回到主线程计算。

单个图片文件不能超过 30 MB，输出画布最长边限制为 960 像素。GIF 等动图按静态画面处理。细节越多，需要规划和绘制的笔迹通常也越多，手机上可以先从速写或标准模式开始。

它怎样理解一张画？

它依据图像的边缘、方向与明暗安排笔迹，并不识别「这是一只杯子」或「那是一棵树」，也不能还原原作者真正的下笔顺序。复杂照片经过转换后会保留一部分结构，省略一部分纹理，结果更接近一种手绘风格的再表达。

可以试试轮廓清楚、明暗分明的静物或人物照片，再比较石墨和彩铅的差别。有时把细节调低，留出一些空白，比密密地画满更有意思。

我喜欢这个小实验里可以停下来观看的过程：几根线先建立形状，更多线条慢慢叠成阴影。最后得到的是一张图，中间值得看的却是每一次落笔。

相关文章:

• 2026/08/03   把一张照片逐层画出来：可上传图片的古典油画动画