Создание векторов - это один из самых важных предметов, которые необходимо освоить, прежде чем стать графическим дизайнером. Легкий способ начать - это трассировка растровых изображений и преобразование их в векторы. По крайней мере, именно так я учился 12 лет назад.

Когда вы только начинаете, создать что-то с нуля может оказаться сложной задачей, особенно не зная, какие инструменты использовать. Но если вы действительно хотите, то наверняка есть способ, и я покажу вам, как это сделать.

В этой статье вы узнаете больше о векторных изображениях и нескольких способах создания векторного изображения в Adobe Illustrator.

Вы, вероятно, уже знаете, что Adobe Illustrator известен тем, что создает векторную графику. Но что такое вектор? Как узнать, является ли изображение векторным?

Что такое векторное изображение?

Техническое объяснение таково: это изображение, созданное с помощью математических формул, таких как точки, линии и кривые. Это означает, что вы можете изменять размер изображения без потери разрешения. Некоторые распространенные типы векторных файлов следующие .ai , .eps , .pdf , .svg .

В принципе, любые редактируемые изображения являются векторными. Когда вы создаете дизайн с нуля в Adobe Illustrator, он является векторным, если вы не растрируете его. Например, это может быть форма, прорисованное изображение, контурный текст, профессиональный логотип.

Существует множество способов создания векторного изображения в Adobe Illustrator, но я собираюсь разделить их на две основные категории: векторизация растрового изображения и создание вектора с нуля.

Векторизация изображения

Вы можете превратить растровое изображение в векторное с помощью инструмента перо или функции трассировки изображения. Самый быстрый и простой вариант - это трассировка изображения, и вы можете сделать это из меню Свойства > Быстрые действия панель.

Например, давайте сделаем вектор из этого изображения ананаса. Я покажу вам, как векторизовать изображение двумя способами, и результаты могут выглядеть совершенно по-разному.

Примечание: скриншоты из этого руководства взяты из версии Adobe Illustrator CC 2022 Mac. Версия для Windows или других версий может выглядеть иначе.

Трассировка изображения

Шаг 1: Обрежьте изображение до области, которую нужно векторизовать.

Шаг 2: Выберите изображение и выберите Трассировка изображения из Свойства > Быстрые действия панель.

Выберите результат трассировки.

Например, если вы выберете Черно-белый логотип это будет выглядеть следующим образом.

Если вы не довольны тем, как это выглядит, вы можете открыть панель "Трассировка изображения", чтобы настроить дополнительные параметры. Например, вы можете настроить параметры Порог .

Выглядит лучше?

Шаг 4: Выберите изображение и нажмите Развернуть с сайта Быстрые действия Теперь изображение можно редактировать и видеть точки и линии.

Измените цвет, чтобы посмотреть, как это выглядит 🙂

Не стесняйтесь попробовать несколько вариантов. Давайте посмотрим на другой результат трассировки. Вот как это будет выглядеть, если вы выберете 16 цветов на этапе 2.

Если вы развернете его, вы увидите редактируемые пути.

Разгруппируйте объект, и вы сможете удалить ненужные области или добавить другой цвет фона. Не забудьте сгруппировать их обратно после внесения правок. В противном случае вы можете пропустить некоторые части произведения искусства при перемещении.

Слишком сложно? Как насчет создания более простого дизайна с помощью инструмента перо.

Инструмент "Перо

Хотя мы используем инструмент перо для обводки контура, но кто сказал, что нужно следовать линиям? Мы можем сделать простой линейный векторный рисунок.

Шаг 1: Вернитесь к исходному изображению и уменьшите непрозрачность примерно до 70%, чтобы лучше видеть контур инструмента Перо. Зафиксируйте изображение на случай, если вы случайно переместите его.

Шаг 2: Выберите Инструмент "Перо" (P) на панели инструментов, выберите цвет обводки и измените Fill на none.

Шаг 3: Обведите контур фигуры изображения. Если вы хотите добавить цвет позже, закройте контур инструмента Перо, и я предлагаю вам создать фигуры на основе цветовой области. Заблокируйте законченный контур, чтобы избежать редактирования неправильного контура.

Например, я обведу головную часть отдельно от нижней части.

Теперь давайте поработаем над некоторыми деталями. Очевидно, что если вы раскрасите его прямо сейчас, он будет выглядеть очень просто.

Шаг 4: Пора заняться творчеством! Вы можете прорисовать больше деталей с исходного изображения или добавить свой собственный штрих. Например, я добавила несколько деталей к голове с помощью акварельных кистей и создала несколько геометрических форм для тела.

Шаг 5: Удалите исходное изображение, и вы получите векторное изображение. Вы можете сохранить изображение в формате png для дальнейшего использования.

Создание вектора с нуля

Существует множество способов создания вектора с нуля. Вы можете создавать линии, фигуры, использовать кисть для рисования и т.д. Некоторые популярные инструменты для создания фигур - это инструмент "Перо", инструменты для создания фигур (эллипс, прямоугольник, многоугольник и т.д.) и инструмент "Построитель фигур".

Позвольте мне показать вам, как сделать векторный ананас с нуля менее чем за пять минут.

Шаг 1: С помощью инструмента "перо" нарисуйте часть головы, это может быть очень просто.

Шаг 2: Используйте Инструмент "Эллипс" (L) нарисуйте тело ананаса и перетащите его, чтобы соединить с головой. Должны получиться две пересекающиеся точки.

Шаг 3: Выберите обе фигуры и выберите Инструмент "Построитель фигур ( Смена + M ).

Щелкните и перетащите через голову и перекрывающуюся часть фигуры эллипса, чтобы объединить фигуры.

На этом этапе необходимо разделить голову и тело для заполнения цветом.

Шаг 4: Добавьте цвет к обеим формам, и у вас получится простой ананас.

Шаг 5: Используйте Инструмент "Сегмент линии" (\) нарисовать несколько прямых линий, чтобы добавить некоторые детали.

Это всего лишь один из многих способов создания вектора с нуля. Вы также можете создать ананас в стиле свободного рисунка с помощью кистей и наметить штрихи из накладного меню. Объект > Путь > Контурный штрих .

Подведение итогов

Для создания векторного изображения в Adobe Illustrator можно использовать любой из вышеперечисленных методов. Если вы хотите сохранить редактируемый файл, сохраните его в векторном формате. Если вы сохраните созданный вектор в формате jpeg, он не будет редактируемым.

Самый простой способ создания вектора - это трассировка существующих изображений. Вы всегда можете комбинировать методы, использовать инструмент перо или другие инструменты для создания чего-то уникального.