如何将照片变成矢量设计

如何将照片变成矢量设计
Rick Davis

Vectornator社区的每个人都好!

我们一直在忙着为你准备一个新的教程,由我们有才华的内部高级设计师Berenika Godlewska设计的!我们将为你提供更多的信息!

这一次,我们将向你展示如何利用我们新的和改进的强大工具--自动跟踪功能--将照片变成矢量设计!正如标题所暗示的那样!

你可以用自动跟踪功能将任何艺术品转化为矢量图形

我们将制作一张个人贺卡,你可以寄给朋友、家人,甚至客户和顾客。

你可以用这个教程为平面设计师、摄影企业或潜在客户制作名片。 你甚至可以把图片变成漂亮的标志!你可以用这个教程来制作名片!

我们在2022年对我们的自动跟踪功能做了一些令人难以置信的改进,我们想告诉你如何在几秒钟内将图像转换成高质量的矢量图形。 自动跟踪将你的图像变成可定制的矢量图形。

这是纯粹的矢量魔法!

阅读更多关于Vectornator中新的和改进的自动跟踪功能。

除了按照书面教程,你还可以观看Berenika表演和解释教程步骤的视频。

专业提示 - 你也可以在Mac上学习本教程。 你可以通过访问我们的Mac学习中心来浏览Mac界面。 将本教程中每个链接网站的切换键从iPad设置为Mac,你就会看到Mac的相应界面。

你会惊奇地发现,你不需要画一个路径就能创建一个设计!它很简单,很快速,而且看起来很专业

让我们拿起我们的设备,开始学习教程吧!

你将需要什么

- 笔记本电脑

- 苹果铅笔

- 最新版本的Vectornator 你会学到什么

- 如何使用自动跟踪

- 如何对对象进行分组

- 如何创建艺术板

See_also: 如何掌握数字字体

- 如何使用文本工具 ⚙️ 画布设置:方形格式,2000 px x 2000 px

🎨颜色代码: 填充: #EDE8E2; 描边: #990B4A 在我们的LH部分阅读更多关于Hex颜色代码。 步骤1

准备好文件

在我们教程的第一步,我们将创建和准备文件。

在Vectornator中通过点击 "+"按钮打开一个新的文档。 手动设置文档的大小或使用模板。 给新创建的模板起个名字:"照片到标志"。

创建一个尺寸为2000 px x 2000 px的方形艺术板。

阅读更多关于Vectornator中的艺术板和它们的功能。

在 "图层 "标签中创建一个新的图层,方法是在 "图层 "标签的标题部分点击 "+"图标,并在弹出的菜单中选择 "新图层"。

专业提示 - 保持你的层的组织和正确的命名。 从 "层 "标签,你可以浏览和管理你所有的对象(如艺术板,层,组,蒙版,或简单的形状)。 你可以通过拖放你的选择从一个层,艺术板,或组到另一个艺术板,组,或层来改变你的元素的顺序。

用矩形工具创建一个新的、更小的正方形。 进入工具栏,选择形状工具并选择矩形形状。

点击画布,将形状拖到所需的大小。

专业提示 - 在画布上握住第二个手指,就可以画出一个完美的正方形。

在颜色小部件或风格部分,将填充设置为#EDE8E2,描边设置为#990B4A。

通过点击图层上的眼睛符号使新创建的图层不可见。

仔细组织并命名你的图层,就像艺术家在参考图片中做的那样。 第2步

导入照片

在我们教程的下一步,我们将把照片导入我们的Vectornator文档中。

对于照片,你可以通过谷歌搜索或在Unsplash图书馆或在遗产图书馆获得,或突击检查你的谷歌硬盘的图片。

如果你愿意,你可以选择一个更通用的符号,但要确保图像有一定的质量水平。

用 "照片 "应用程序、"相机胶卷 "或通过拖放将下载的照片导入你的Vectornator文档中。

了解更多关于Vectornator的进口选项。

通过使用选择工具在你的画布上排列导入的照片。

步骤3

追踪导入的图像

在下一步的教程中,我们将使用Vectornator最新更新的强大的自动跟踪功能。

了解关于Vectornator中自动跟踪功能的一切。

你可以在快速行动标签或检查器中访问内容感知的自动跟踪面板。

你可以在自动跟踪面板中选择素描模式和摄影模式。

我们将在自动追踪中选择素描模式。 当你选择素描模式时,你有两个滑块可以获得最佳追踪效果。

See_also: MAPPA的故事:传奇的日本动画工作室

复杂度滑块上的数值越低,就越小,反之亦然。 形状组成简单的图像(例如,一个前景和一个简单的单色背景)需要一个较低的复杂度值。 形状组成复杂的图像(例如,一个前景和一个复杂的城市全景图作为背景)需要一个较高的复杂度值。

对比度滑块定义了一个阈值,在这个阈值上,数值颜色被视为黑色或白色。

关于对比度滑块,较低的值会将更多的颜色定义为白色,而较高的值会将更多的颜色定义为黑色。

在我们的教程中,Berenika将复杂度滑块的值设置为40%,对比度滑块的值设置为75%。 你可能想尝试一下设置,以达到最佳的追踪效果。

对于最佳的追踪结果,没有任何规则,测试,实验,直到你对结果感到满意为止!

在你选择了追踪模式并设置了滑块的数值后,在画布上选择图像,然后点击自动追踪按钮,开始追踪过程。 结果应该立即显示在屏幕上。

第四步

对追踪的图像进行分组

在下一步,我们将对追踪的图像进行分组。

当你对结果满意时,用多选模式多选所有的形状。

当所有的图像都被选中后,点击排列标签中的组按钮。

你可以在这里观看一个关于如何在Vectornator中对元素进行分组的简短视频:

然后,所有被追踪的图像现在都被分组了!

第5步

设置填充颜色

在下一步,我们将设置包含被追踪图像的组的填充颜色。

选择组,然后将笔触关闭,将填充打开。 在颜色小部件或样式部分将填充颜色设置为#990B4A,一个深沉而丰富的暗粉色。

你可以在颜色小工具或风格部分找到颜色滑块。 你可以在调色板标签中创建一个个人调色板和配色方案。

你不需要只使用一种颜色;你可以使用互补色方案,主色方案,或一个基色加一个明亮的重点色。

第6步

排列花和蝴蝶的形状

在我们教程的下一步,我们将在画布上复制和排列花和蝴蝶的形状。

我们在步骤1中不可见的内部小方块卷土重来了!选择该层,然后通过点击眼睛图标使其可见。 现在,内部方块覆盖了部分描边的花朵和蝴蝶。

记住在图层选项卡中保持图层元素的组织方式与Berenika在我们的参考图片中的分层顺序相同。

正如你在Berenika的参考图片中所看到的,在图层标签的层级结构中,内部的方块位于描画的花朵和蝴蝶之上。

选择描画了蝴蝶和花朵的图层,并移动元素,使其在内部的方形形状后面露出部分。

选择一个形状并激活选择工具选项中的复制模式来创建一个副本。 用选择工具移动、旋转和缩放形状。

专业提示 - 当用选择工具缩放时,按住一个手指以保持缩放后图像的比例。

在缩放和移动形状的同时,你可以激活选择工具中的旋转模式,然后拖动橙色手柄来旋转形状。

第七步

将元素安排在内部广场之上

在我们教程的下一步,我们将在内部正方形的上方安排一些花朵和蝴蝶的形状。 选择一个形状并使用复制模式复制它。 这个形状需要在图层层次中位于内部正方形的上方,以创造重叠的效果。

你可以通过在 "图层 "选项卡中向上拖动一个形状或一个图层,或者使用 "排列 "选项卡或 "快速操作栏 "中的 "顺序手势",将其移动到图层层次结构中的另一个元素之上。

将花和蝴蝶的形状排列成一个美丽的构图。

第8步

创建卡片文本

在我们教程的下一步,我们将在我们的贺卡上写上文字。 激活工具栏左边的文字工具,或者在你的外部键盘上按T。

点击并拖动画布来创建一个文本字段。 现在用你的键盘输入文本。 通过写一个个性化的信息来定制你的贺卡。

文本以你当前选择的颜色显示,并使用你最近使用过的字体。

你可以在检查器顶部的文本面板中编辑文本属性,如颜色、大小、字体类型和基本造型。 Vectornator中的文本工具为你提供了更多的选项,可以对你的文本元素进行造型和安排

在我们的例子中,Berenika调整了追踪尺寸,并点选了适合文本尺寸的边界。

专业提示-- 追踪涉及调整整个单词的间距。 一旦你确定了每个字母之间的适当间距,追踪就可以用来同时改变每个字母之间的间距。 点击 适应文本大小的界限 一旦你把你的文本设置成正确的大小,就点这个按钮。 这个功能可以让你保持你的文档有条理,并精确地编辑和移动你的文本。

使用 "排列 "选项卡中的 "对齐 "选项来定位文档中的文本。 在我们的教程中,Berekinka将文本对齐到中心。

就这样,各位!我们的贺卡制作完成了,甚至连一个形状都没有画出来!这很简单,很快速,而且结果是令人惊叹的美丽!这就是我们的贺卡!

如果你想花哨一点,你可以把你的卡片设计印在纸上或纸板上,然后通过老式的方法邮寄出去

了解如何在Vectornator中以多种文件尺寸导出和打印你的设计,以及整体文件格式的兼容性。

我们希望我们能激发你的灵感,用我们令人难以置信的自动跟踪功能在几秒钟内创造出设计!

用你的贺卡给你的朋友和亲人以及我们的社交媒体或社区艺术画廊送去一些爱吧!

免费下载最新版本的Vectornator,为你的设计磨练自动跟踪的惊人力量和精度

下载Vectornator以开始使用

把你的设计提高到新的水平。

立即下载



Rick Davis
Rick Davis
Rick Davis is a seasoned graphic designer and visual artist with over 10 years of experience in the industry. He has worked with a variety of clients, from small startups to large corporations, helping them achieve their design goals and elevate their brand through effective and impactful visuals. A graduate of the School of Visual Arts in New York City, Rick is passionate about exploring new design trends and technologies, and constantly pushing the boundaries of what's possible in the field. He has a deep expertise in graphic design software, and is always eager to share his knowledge and insights with others.In addition to his work as a designer, Rick is also a committed blogger, and is dedicated to covering the latest trends and developments in the world of graphic design software. He believes that sharing information and ideas is key to fostering a strong and vibrant design community, and is always eager to connect with other designers and creatives online.Whether he's designing a new logo for a client, experimenting with the latest tools and techniques in his studio, or writing informative and engaging blog posts, Rick is always committed to delivering the best possible work and helping others achieve their design goals.