[博客翻译]我用笔式绘图仪和人工智能制作了一本小书


原文地址:https://muffinman.io/blog/the-tiny-book-of-great-joys/


小小书中的大快乐

如果你对我如何利用AI、绘图仪、3D打印机和大量时间,为我的妻子制作一本小小书的过程感兴趣,那么你来对地方了。这本书名为《小小书中的大快乐》(塞尔维亚语为 Mala Knjiga Velikih Radosti),以下是它的最终成果:

《小小书中的大快乐》放在桌子上,稍微打开,展示标题页

我的妻子非常喜欢这本书,所以所有的努力都是值得的。

这篇文章将带你了解整个过程。虽然篇幅较长,但请耐心阅读——我保证会有很多漂亮的图片。

以下是文章的提纲:

灵感来源

这个灵感来自于我在网上看到的类似作品。从那时起,我就一直想为我的妻子制作一本小小的书,里面包含我们一起的回忆、内部笑话和她喜欢的小东西。我希望插图是手绘的,并计划请我的朋友帮忙。但我知道他会拒绝任何报酬,所以我觉得给他增加工作量不太好。于是我把这个想法搁置了,但时不时地,它又会浮现在我的脑海中。

几年后,我们有了孩子,生活完全改变了。我们非常享受这个过程,但也非常疲惫,每天似乎都和前一天一样。因此,我决定为她做点什么,打破这种单调的生活。这本书的想法似乎很完美——既个人化又手工制作,所以我决定尝试一下。

为了能够自己完成所有工作,我决定先制作数字绘图,然后用我信赖的绘图仪在纸上绘制出来。

有了这个想法后,我开始制作绘图——这本身就是一个挑战。

绘图

为了使用绘图仪,我需要矢量文件,所以我开始在Figma中绘图。不幸的是,我很快意识到我的绘图技巧无法达到我预期的效果。这次我下定决心,决定尝试使用AI生成图像。

Midjourney

我订阅了Midjourney并开始使用它。经过多次失败的尝试,我终于找到了如何生成简单且具有强烈手绘感的图像。即便如此,我还是对每一张图像进行了编辑,但稍后再详细说明。

其中一张我满意的图像(虽然最终没有出现在书中):

一只可爱的小狐狸蜷缩着睡觉的黑白绘图

虽然花了很多时间,但很有趣。失败的尝试往往很古怪和有趣,我也在学习如何使用这个工具。而且这让我感觉自己像个秘密特工,在妻子旁边做这些事,而她完全不知道我在做什么。

一堆尝试绘制《塞尔达传说》中林克的图像

提示词

我可能错了,但我认为Midjourney并不是为我心目中的那种插图设计的。我追求的是简单、手绘的插图,感觉更个人化。幸运的是,我找到了一个风格参考(--sref 230156437),它非常适合我的需求。我用它生成了几乎所有最终出现在书中的图像。对于那些没有使用过Midjourney的人来说,你可以使用图像作为风格参考,来影响你生成的图像的风格。

我生成的图像大多使用了那个sref代码,风格权重在150到400之间(范围是0到1000)。

至于提示词,以下是我结合描述和风格参考使用的关键词:

  • 黑白
  • 矢量线稿
  • 风格化简单绘图
  • 纯白背景
  • 孤立在白色背景上
  • 低细节
  • 干净的边缘
  • 草图
  • 粗糙草图
  • 儿童涂色书

每张图像我尝试了10到30次。

从AI到绘图仪

解决了图像生成的问题后,我需要弄清楚如何将它们转换为矢量文件以便绘图。我首先尝试了类似半色调的方法。正如你在下面看到的,在这个过程中,图像完全失去了手绘的感觉。

同一张狐狸绘图,但使用类似半色调的技术绘制,由许多小点组成

然后我想起了我之前为Marble Machine X绘制的这张图,当时我使用了AutoTrace将原始图像转换为矢量文件。AutoTrace的优点是它支持“中心线追踪”。这次我了解到Inkscape有一个很好的AutoTrace插件,这使得转换更加容易。

中心线追踪的不同之处

大多数将光栅图像转换为矢量图像的工具都是通过勾勒形状来实现的。这不适合绘图,因为原始图像中的每条线都会变成类似香肠的形状。而中心线追踪则是试图在形状中间绘制一条单线。如果听起来有点混乱,不用担心,下面的例子会让你更清楚。

这是由Midjourney生成的《塞尔达传说》中的林克图像:

《塞尔达传说》中林克的黑白卡通绘图,手持剑和盾牌

应用常见的矢量化技术后,我们得到了这个。正如你所看到的,原始绘图中的每条线现在都被勾勒出来,形成了这个看起来混乱的图像。

使用常见矢量化技术生成的林克矢量图像,每个区域都被黑色勾勒

但如果我们使用中心线追踪,它突然看起来更像一幅绘图。虽然不完美,但不用担心——我们将在下一步清理它。

使用中心线追踪生成的林克矢量图像,看起来更像一幅真实的绘图

清理

在线条接触或交叉的地方,AutoTrace不确定该跟随哪条线,因此会创建这些奇怪的连接。这里有一个夸张的例子来说明我的意思。输入是顶部的光栅图像,矢量化结果在底部:

线条交叉和接触前后的中心线追踪

但我发现,如果我将这些线条大致分开,结果会好得多。

线条交叉和接触,但在追踪前稍微分开,结果好得多

现在让我们将这个技术应用到我们之前看到的林克图像上。在分开线条(并进行一些清理)后,我得到了这个图像。虽然粗糙,但它只是追踪过程的输入,所以并不重要。这是一个手动且有些繁琐的过程,但我总体上很享受。对我来说,这是一种冥想。

林克的图像,但这次线条稍微分开,细节被移除

最后,当我们追踪这个图像时,我们得到了一个非常干净且适合绘图的矢量文件。

非常干净的林克矢量图像

这是另一个例子。我们从Midjourney生成的图像开始:

一个女人、男人、小女孩和一只狗在森林中行走的黑白绘图

经过编辑、移除细节和分开线条后,我们得到了这个:

同一张家庭在森林中行走的图像,但线条分开,部分重新绘制

追踪后的矢量结果:

家庭在森林中行走的矢量图像

你会注意到,在这两个例子中,我都进行了一些重新绘制(例如,在第二张图像中,我完全重新绘制了狗,让它看起来像我们的狗Zappa)。我对几乎所有图像都进行了这样的处理,以修复我无法通过提示词完善的部分。我还移除了很多细节,以确保图像在小尺寸下清晰可读。

最终图像流程

所有这些都花了很多实验,但它给了我一个非常可靠的工作流程,我用它来生成所有图像。完整的流程如下:

  • 使用Midjourney生成图像。
  • 将它们放大两次,因为放大后的图像更容易编辑,追踪也更精确。
  • 使用Gimp手动清理、重新绘制和分开线条。
  • 使用Inkscape插件运行AutoTrace中心线追踪。

我花了一段时间生成所有图像,而且我试图对妻子保密,这并没有帮助。我想我花了大约两周的时间,主要是在她睡觉后的晚上完成的。

盖侬(《塞尔达传说》系列中林克对抗的主要反派)从未有机会!

在我们继续之前,我想向你展示两张有趣的林克图像,它们真的让我笑了:

Midjourney生成的古怪林克图像

Midjourney,请停止!

文字

绘图完成后,我转向下一个关键部分——文字。我最初想手写所有内容,拍照,然后像处理图像一样进行矢量化。但这很麻烦——我不得不进行大量编辑,以使文字看起来像我的手写体。

我的绘图仪制造商Evil Mad Scientist有一个很棒的工具,叫做Hershey Text。它包含了一堆适合绘图的单线字体。我选择了EMS Elfin字体,因为它看起来有趣且手绘感强。我用它写了书中的所有文字,效果很好。

以下是它的样子:

书的英文和塞尔维亚语标题,使用EMS Elfin字体

绘图仪绘制

装订的棘手之处在于,页面不是按顺序打印的,而是以某种方式排列,当你将纸张对折时,你会得到正确的顺序。我使用Figma设计布局,非常小心地确保双面绘制后页面顺序正确。

以下是A4纸上的布局。抱歉模糊了文字,但其中很多内容非常个人化,我想只保留给我们自己看。

准备绘制的书的布局

绘制是最顺利的部分,但也不是没有小问题。我通常使用Pigma Micron黑色标记笔。它们使用档案级墨水,几乎坚不可摧。但这次,即使是我最细的笔也太粗了,不适合这么小的书。

在这里你可以看到前两次测试绘制(抱歉照片质量不好,我把绘制结果扔掉了,所以这些是我仅有的)分别使用0.2毫米和0.1毫米的笔。线条有点模糊,看起来比我预期的要粗。这也是我意识到需要移除很多细节的时刻(我的一位朋友说,在这些绘制中,林克看起来像得了麻疹),以使它们在这个尺寸下可读。

使用0.2毫米笔的测试绘制 使用0.1毫米笔的测试绘制

我需要找到一支更细的笔。

技术笔来救援

黑色标记笔是作为技术笔的更实用替代品而设计的。但根据我所读到的,老派的技术笔是唯一能实现我想要的超细线条的工具。我在网上订购了Rotring Isograph 0.2毫米。它一到,我就偷偷溜到书房,用它进行了另一次测试绘制。哦,当我看到结果时,我真的很高兴:

使用技术笔的测试绘制

线条又细又清晰,此时我确信这个项目会成功!

模糊的绘图

所有的第一次绘制都是在120克重的打印纸上完成的。这种纸有点厚,绘图看起来很棒。不幸的是,当我将页面装订在一起时,绘图和文字会转移到对面的页面上。考虑到整本书的手工制作感,我可能可以接受这一点。但我希望它是完美的。

一位朋友建议我让墨水干燥几个小时。我让每一面干燥24小时,但它又模糊了。下次我尝试将绘制结果(在切割页面之前)放在两张纸之间,并用重书压住。我这样做了超过24小时,但在切割和装订页面后,它们又模糊了。此时我有点绝望。作为最后的手段,我订购了不同的100克重纸,令我欣慰的是,它奏效了!危机解除!

在最终版本中,你仍然可以在几页上看到微小的痕迹,但这些几乎看不见,并不真正困扰我。

绘制和切割后,我留下了一堆有些脆弱的页面。现在,终于到了将它们变成一本书的时候了。

装订

正如你所想象的,我没有任何装订经验。网上有很多资源,但其中两个对我的项目至关重要,因为它们是关于如何装订小书的:

在阅读和观看了这些以及一些关于装订的通用文章后,我收集了足够的信息来尝试自己动手。我以为自己很聪明,因为我3D打印了书的侧面和书脊。我在书脊上设计了缝纫孔,这样我就可以直接将页面连接到它上面,而不需要使用胶水。这是一个不错的主意,但它留下了两个书帖之间的间隙。尽管如此,我还是第一次尝试了它。

3D打印的书脊,已经缝上了两个书帖

我把所有东西都放在书将包裹的帆布上,开始组装。但我犯了一个关键的错误——我使用了强力胶。它干得快,很硬,不能很好地粘合3D打印的塑料,还溶解了我使用的纸。长话短说,我搞得一团糟。但我没有太紧张,我只是宣布这个版本是原型,并将其作为学习经验。

我订购了合适的装订胶(PVA)。在等待它的时候,我专注于正确地缝纫页面。

缝纫页面

第一次缝纫页面时,我用手戳孔,它们有点不均匀。再次,这没什么大不了的,但我不喜欢。所以我设计并3D打印了一个简单的工具来帮助我均匀地钻孔。

这个工具有两部分,页面紧密地夹在它们之间。顶部和底部都有孔,所以我能够将针穿过并戳出完美的均匀孔。我为这个愚蠢的装置感到非常自豪。

3D打印的工具,关闭,针穿过它
3D打印的工具,打开,带有缝纫孔的纸张仍然在里面

在这里你可以看到所有八张带有缝纫孔的纸张。

所有八张带有插图的纸张,准备缝纫

有趣的是,我使用JavaScript和Replicad库设计了所有3D部件。这里有一个链接,如果你想在浏览器中玩这个模型。

显示代码和3D模型的应用程序

但我放弃了3D打印的书脊,使用了称为_小册子缝_的技术,当你只有两个书帖时,它非常有效。它使书帖比我将它们分别连接到3D打印书脊时更紧密。

使用小册子缝缝制的两个书帖
两个书帖在它们相遇的确切点打开

胶水到了

当胶水到达时,我重新绘制了所有内容,并从头开始。我将3D打印的侧面换成了纸板。使用合适的胶水是一个游戏规则的改变者。我有足够的时间在它硬化之前涂抹它,当它干燥时,它保持灵活。当它沾到我的手指上时,很容易去除。一切都干净多了,我终于成功地将它们全部组装在一起。

不幸的是,我急于完成这本书,所以我没有拍摄任何过程的照片。但这里有一些我有的照片:

纸板侧面放在装订帆布上

如果你是一位有经验的装订师,正在阅读这篇文章,我为我可能犯下的装订罪行感到抱歉。我保证不会再使用强力胶了。

成品书

它看起来很棒!虽然不完美(稍后会详细说明),但我对它的效果非常满意。它有一种独特的手工制作感,图像效果非常好,我认为我真的成功地赋予了它个人化的触感。

在我完成这本书并把它送给妻子的那天,我们都很疲惫(我们的孩子在长牙,我们度过了一个非常艰难的夜晚),所以我认为她会喜欢这个小惊喜。

书打开在桌子上,展示家庭在森林中行走的插图

当我把它给她时,她问的第一件事是:“我会哭吗?”她很勇敢,但这确实让她感动,并让她的一天变得美好。阅读后,她小心地把它放在书架上,远离小家伙的触及范围。

然后我问她是否曾经怀疑我在为她准备一个惊喜,她说她完全没有想到。但她也说,她觉得奇怪的是,我经常绘制一些东西,然后没有向她炫耀。这是真的,我喜欢向她展示我的作品,但幸运的是,她没有多想,我能够完成我的秘密项目。

书打开在桌子上,展示《塞尔达传说》中林克的插图

我想修复的一件事

正如我提到的,这本书并不完美。侧面有点太大,所以当书合上时,页面看起来太深。出于同样的原因,末页有点短,这使它看起来有点奇怪和不均匀。这纯粹是美学上的问题,但我认为这是唯一让它不完美的地方。

如果我以后再做类似的事情,我会吸取这个教训。

时间线

它花的时间比它应该花的时间要长——我花了一个半月才完成它。花了这么长时间是因为我在保密的情况下进行,这意味着在妻子和孩子睡觉后的晚上工作。一堆小失败……嗯,我是说_学习机会_也延长了项目的时间。最后,我不得不订购很多东西,所以我在等待四次不同的送货时被阻挡了几次。

但最终的组装从开始到结束花了我大约两个半小时——绘制、切割、缝纫和装订。主要是因为我之前已经练习了所有这些,并定义了确切的过程。

总结

这真是太有趣了。我喜欢跨越多个学科的项目。这个项目涉及AI、绘图、绘图仪绘制、建模、3D打印、缝纫和装订。我遇到了很多小问题,但我也从中学到了很多。如果我更有耐心,我犯的一些错误是可以避免的。但我希望你能理解——我非常兴奋,渴望看到它的效果,而且我只能在保密的情况下进行有限的时间窗口。尽管如此,我需要把它当作一个教训——耐心会帮助我在做类似项目时节省时间。

对我来说,最大的亮点是我可以在没有插画师的情况下完成它。无论你喜欢还是讨厌它,AI最终成为了一个填补我技能空白的绝佳工具,这对制作这本书至关重要。

我希望你喜欢这篇文章,就像我喜欢制作这本书和写这篇文章一样。我也希望我激励你尝试制作一些你自己的东西。如果我做到了,请在GitHub上联系我,我很想看到它。

阅读全文(20积分)