跳过导航
A realistic illustration of an Alfa Romeo car created in Sketch
#MadeWithSketch

保持真实:Nikola Lazarevic 如何在 Sketch 中创建照片级真实感的对象

我们发现使用 Sketch 制作逼真的数字对象所需的技能、技巧和诀窍

我们很喜欢看到您使用 Sketch 创作的作品 — 您确实用我们这款简陋的 Mac 应用创造了一些令人难以置信的作品。而且时不时地,会出现一个让我们集体惊叹的项目。所以,当我们看到一张似乎是保时捷 911 的照片,并带有 #MadeWithSketch 标签时,我们不得不了解更多信息。

我们与 Nikola Lazarevic 进行了交谈,他是一家来自塞尔维亚 Niš 的小型设计和开发机构 Simplicity LLC 的网页和印刷视觉设计师,以了解他是如何在 Sketch 中创建出那个 — 以及许多其他照片级真实感的图像 — 的。


您的设计背景是什么?您一直喜欢以数字方式再现真实物品吗?

我是一位自学成才的设计师,拥有计算机科学硕士学位。我从 2008 年开始从事设计师工作。

我一直对以数字形式再现真实物品有着奇怪的热情。这一切都始于我在美学和功能方面钦佩的手表。这些是我很想拥有但永远买不起的手表。从那以后,我将我的工作扩展到复古超级跑车,如保时捷、阿尔法罗密欧、兰博基尼和法拉利。我还重现了由 Dieter Rams、Dietrich Lubs 和 Mario Bellini 设计的永恒物品,仅举几例。我发现它很有趣,并且可以帮助我在日常工作中的任务之间放松身心!

A realistic illustration of a 1956 Braun Exporter 2 Radio, created entirely within Sketch.

是的,此页面上的每张图像都是完全在 Sketch 中创建的。

可以说,Sketch 并不总是设计师们想到用于再现照片级真实感的对象的首选应用。您为什么喜欢在 Sketch 中处理这些项目?

嗯,我想使用 Sketch 确实有点不寻常!我过去使用 Photoshop,这是一种更典型的选择,但是使用钢笔工具进行绘制既具有挑战性又耗时 — 而且 Photoshop 总是感觉太复杂和庞大。

五年前,我发现了 Sketch,从此一发不可收拾。从那时起,我每天都使用它来进行各种工作 — 从 UI 和海报设计到宣传册设计、照片级真实感绘图等等。

在那段时间里,我已经学会了很好地使用 Sketch 中的矢量工具。我喜欢它控制和切换不同类型的矢量点的便捷性。我喜欢将多种颜色和阴影效果应用于形状的选项。符号是一个非常强大的功能并且可以节省时间。无限画布也很棒。很多时候,当我画一辆汽车时,我直接在画布上开始,而没有实际的画板,因为对我来说,画布也算是一种画板 — 只是没有实际的尺寸。我也喜欢只需点击几下即可导出不同尺寸的成品的能力。

A screenshot of a Sketch document with a half-finished illustration of a photorealistic car.

Nikola 的 Sketch 文件展示了他如何从矢量图层构建每个图像。

最重要的是 — 在 Sketch 中,一切都感觉如此轻松自然。它没有填充不必要的功能,速度非常快,并且由于一切都是基于矢量的,因此所有内容都是无限可扩展的。因此,我不必担心可能出现的分辨率问题。

所以我决定尝试一下 Sketch,用于真实对象的照片级真实感插图。正如您所看到的,它可以做到 — 它真的很有趣,而且我非常享受。

最重要的是 — 在 Sketch 中,一切都感觉如此轻松自然。它没有填充不必要的功能,速度非常快,并且由于一切都是基于矢量的,因此所有内容都是无限可扩展的。因此,我不必担心可能出现的分辨率问题。

在 Sketch 中进行此类工作还可以帮助您磨练技能,并更多地了解软件本身、其功能及其可能性。

多年来,您在使事物在 Sketch 中看起来“真实”方面学到了哪些技巧?

我认为最重要的是正确使用光线和纹理。您不会相信使用渐变、阴影、内阴影和高斯模糊可以实现什么 — 它们都有助于使对象看起来真实。

光线和阴影增加了深度,使插图弹出并感觉更逼真。选择单点光源也很重要 — 它可以更容易地理解在何处放置高光和阴影。

Six images, showing the progress of recreating a photorealistic Braun signal radio ABR 21 in Sketch by building each section one at a time.

我使用渐变来建立照明 — 渐变中较浅的颜色显示光线来自何处。然后,我根据光线的方向创建用于高光和阴影的平面形状。最后,我使用高斯模糊来柔化它们并获得更逼真的外观。最亮的高光和最暗的阴影之间的差距越大,您的对象看起来越 3D 和逼真。但是,如果您过度使用它,细节将会丢失。

此外,您可以单独使用图案填充 — 或将其与动感模糊相结合 — 来创建塑料、拉丝金属等纹理,这为插图增加了一种不错的逼真感。

一个设计通常需要多长时间?

刚开始时,我真的很慢。我需要几天的时间才能完成一辆汽车或手表。随着时间的推移,我变得更快了。通过每个插图,我都学到了更多关于 Sketch 的功能和特性的知识,这有助于我加快速度。

一个项目需要我多长时间取决于对象的复杂性,但是现在我可以在四个小时内完成一块手表,或者在 15-16 个小时内完成一辆汽车。实践出真知。您花在学习所用软件上的时间越多,您就越有效率。

An illustrated image showing a Nomos Metro Date Power Reserve watch that Nikola recreated in Sketch using Vector shapes.

正如您所看到的,Nikola 可以在 Sketch 中创建的细节级别令人印象深刻 — 并且使每个作品更加逼真。

对于这样的项目,您的设计流程是什么?

我总是从画布上的真实照片开始,因为我绘制的是已经存在的对象。

设计过程非常简单:我选择一个我想绘制的对象 — 汽车、手表、收音机或任何其他对象 — 并且我尝试从不同的角度找到尽可能多的照片,以便我可以仔细地复制所有重要的细节。细节决定成败 — 它们使一切都与众不同,并使您的插图在人群中脱颖而出。

我也喜欢了解我绘制的对象的历史背景。不知何故,它可以帮助我进入状态。

Sketch 在创建这些设计时如何帮助您?您最常使用哪些工具?

这一切都始于我用来勾勒所有元素的矢量工具。

然后我使用纯色、不同类型的渐变、内阴影和阴影来设置每个元素的样式。

我经常使用旋转副本功能,这确实可以节省时间 — 想象一下手动将 300 条线围绕一个圆旋转!— 以及布尔运算来创建复杂的形状。而且我大量使用符号。这是一个强大的 Sketch 功能,并且是另一种节省时间的方法,因为我的插图中经常有可重复使用的元素。

An in-progress illustration of a 1969 Porsche 911, created in Sketch.

对于希望开始在 Sketch 中创建更逼真作品的其他设计师,您有什么提示和建议?

从简单的对象开始。然后,随着您创建的每个新插图,朝着越来越复杂的对象发展。同样重要的是要注意小细节,因为它们会产生最大的影响。花时间在这些细节上会使您的插图更令人印象深刻和逼真。

你还需要耐心。设计逼真的物体并非易事,但最终的结果绝对值得。最后,无论这类工作有时多么令人沮丧——别忘了微笑。😊


我们很乐意分享您的设计项目并讲述您的故事。如果您最近有使用#MadeWithSketch 完成的项目,请在我们的社交渠道上告诉我们,以便我们可以与我们的社区分享。

您可能也喜欢

免费试用 Sketch

无论您是 Sketch 的新手,还是回来看看有什么新功能,我们都会让您在几分钟内设置好并准备好完成您的最佳工作。

免费开始
免费开始