Сервис для
сео - оптимизаторов

Найди ошибки на сайте
Ошибки мешают продвижению сайта
Исправь ошибки на сайте
Сайт без ошибок продвигать легче
Получи новых клиентов
Новые клиенты принесут больше прибыль

Как векторизовать изображение в Adobe Illustrator

  1. Что такое векторное изображение?
  2. Шаг 1: Выберите изображение для преобразования в вектор
  3. Шаг 2: Выберите пресет трассировки изображения
  4. Шаг 3: Векторизация изображения с помощью Image Trace
  5. Шаг 4: Точная настройка вашего отслеживаемого изображения
  6. Шаг 5: Разгруппировать цвета
  7. Шаг 6: отредактируйте свое векторное изображение
  8. Шаг 7: сохраните ваше изображение
  9. Не идите на компромисс, векторизация!

Реклама

Существует два типа цифрового изображения: растры и векторы.

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

Векторное изображение состоит из линий и форм. Они обычно менее детализированы, но вы можете сделать их такими большими, как захотите, не теряя ничего.

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

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

Векторное изображение - это масштабируемое изображение, состоящее из значений, а не пикселей.

Большинство изображений, найденных в Интернете, являются растровыми изображениями (см. разные типы файлов, объяснил JPEG, GIF или PNG? Типы файлов изображений объяснены и протестированы JPEG, GIF или PNG? Типы файлов изображений объяснены и протестированы Знаете ли вы различия между JPEG, GIF, PNG и другими типами файлов изображений? Знаете ли вы, когда следует использовать один вместо другого? Не бойся, MakeUseOf все объясняет! Прочитайте больше ). Растровые изображения используют квадратные пиксели (биты цвета) для передачи изображения. Векторная графика передает цвет с помощью масштабируемых цветных полигонов. Поскольку векторные изображения используют динамические цветовые сечения, а не статические квадраты, они обеспечивают идеальные линии и четкие цвета.

Геометрия, которая включает векторные изображения, является формульной, что делает их независимыми от разрешения. Это означает, что изображения не теряют качество при увеличении или уменьшении, поскольку цветные полигоны в векторном изображении всегда сохраняют свою форму. То же самое не относится к растровым изображениям, поскольку информация о цвете этих изображений при масштабировании растягивается.

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

Шаг 1: Выберите изображение для преобразования в вектор

Изображение, которое вы используете, не будет иметь значения при использовании следующего процесса, за исключением того факта, что более крупные изображения будут редактироваться дольше. Однако есть некоторые изображения, которые работают как векторные изображения лучше, чем другие.

Лучше редактировать отдельный объект, чем пейзаж или тому подобное. Предпочтительно изображение должно иметь белый или прозрачный фон и иметь относительно низкое разрешение.

Предпочтительно изображение должно иметь белый или прозрачный фон и иметь относительно низкое разрешение

Мы будем использовать изображение Рю из серии Street Fighter выше. Это прекрасный пример по разным причинам. С одной стороны, это один предмет. Он также хорошо подходит для векторного формата изображения, так как это узнаваемый символ. Формат векторных изображений обычно используется для логотипов или узнаваемых изображений.

Шаг 2: Выберите пресет трассировки изображения

В Illustrator есть специальный инструмент, который позволяет векторизовать изображения. Он называется Image Trace и поставляется с набором пресетов, которые выполняют большую часть работы автоматически. Вообще говоря, вы должны использовать предустановку «Трассировка изображения», которая наиболее похожа на тип изображения, которое вы конвертируете.

Ваши варианты:

  • Фото с высокой точностью и Фото с низкой точностью . Они дают очень подробные и немного менее подробные векторные изображения соответственно. Идеально подходит для фотографий или сложных иллюстраций, таких как пример изображения, которое мы используем.
  • 3 цвета , 6 цветов и 16 цветов . Эти пресеты выводят векторные изображения в трех, шести или 16 цветах. Они идеально подходят для логотипов или иллюстраций с большим количеством плоских цветов.
  • Оттенки серого . Этот пресет создает детальное изображение в градациях серого.
  • Черно-белый логотип . Это создает простой логотип с двумя цветами - черный и белый.
  • Эскизное искусство , силуэты , штриховой рисунок и технический рисунок . Лучше всего использовать их для определенных типов изображений и создавать черно-белые рисунки, преимущественно на основе линий.

Откройте свое изображение в Illustrator и выберите изображение, чтобы активировать параметры изображения. Эти параметры должны присутствовать в верхней части окна Illustrator.

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

Шаг 3: Векторизация изображения с помощью Image Trace

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

Обратите внимание на пикселизацию. Вот изображение после процесса:

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

Уменьшенное изображение должно выглядеть практически одинаково. Вот наше общее изображение перед редактированием.

Вот наше общее изображение перед редактированием

Вот наше изображение после редактирования:

Вот наше изображение после редактирования:

Хотя в некоторых случаях верхнее изображение может показаться более четким, качество нашего векторизованного изображения все еще впечатляет.

Шаг 4: Точная настройка вашего отслеживаемого изображения

Как только вы проследите изображение, откройте панель «Трассировка изображения», чтобы настроить преобразование.

Выберите Mode для переключения между цветом, оттенками серого и черно-белым. Также перетащите ползунок « Цвета» влево, чтобы упростить векторное изображение, или вправо, чтобы добавить больше деталей.

Также перетащите ползунок « Цвета» влево, чтобы упростить векторное изображение, или вправо, чтобы добавить больше деталей

Если вы довольны своими настройками и хотите использовать их повторно, нажмите кнопку « Управление шаблонами» рядом с параметром «Наборы настроек». Теперь вы можете сохранить свои настройки в качестве нового пресета .

Шаг 5: Разгруппировать цвета

Ваше изображение теперь упорядочено в цветные формы, соответствующие оригинальному растровому изображению. Чтобы закончить свой вектор, вам нужно разделить эти цветовые группы для их редактирования. Для этого выберите свое изображение и нажмите кнопку « Развернуть» в верхней части окна.

Это позволит вам просматривать составные фигуры, которые составляют векторное изображение. Каждая из форм обведена синим цветом. Затем щелкните правой кнопкой мыши изображение и выберите Разгруппировать в меню. Это позволит вам разделить ваши цветные фигуры на отдельные части.

На панели « Слои» вы увидите, что ваши цветовые группы разделены на слои.

Шаг 6: отредактируйте свое векторное изображение

После преобразования растрового изображения в вектор у вас есть свободный диапазон для редактирования изображения. Начните с удаления любых цветовых групп по вашему желанию. Вы можете выбрать целые цветовые группы, нажав на форму и заголовок, чтобы выбрать> одинаковые> цвет заливки . Это позволит выбрать все группы того же цвета, что и группа, выбранная с помощью инструмента прямого выбора ( A ).

Затем нажмите Backspace на клавиатуре, чтобы удалить фигуры. Если вы хотите изменить или расширить определенную цветовую группу, вы также можете сделать это, выбрав слой с помощью инструмента «Прямой выбор». После того, как вы выбрали слой, заполните пустые места или добавьте дополнительные цвета в свой дизайн с помощью инструментов Pen или Brush .

Шаг 7: сохраните ваше изображение

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

Теперь мы готовы к заключительному этапу преобразования изображения в вектор в Illustrator: сохранению изображения в векторном формате для сохранения его качества. Есть множество форматы векторных изображений на выбор: PDF, AI, EPS, SVG и другие. Мы будем использовать формат SVG . Когда вы закончите с вашим изображением, перейдите в Файл> Экспорт> Экспортировать как .

В следующем окне укажите название файла и выберите SVG в раскрывающемся меню рядом с типом «Сохранить как» .

В следующем окне укажите название файла и выберите SVG в раскрывающемся меню рядом с типом «Сохранить как»

Вот и все. Теперь ваш масштабируемый векторный файл должен быть сохранен на вашем ПК.

Не идите на компромисс, векторизация!

Теперь вы знаете, как преобразовать изображение в вектор в Illustrator. Масштабируйте ваше новое творение до того размера, который вы пожелаете.

Имейте в виду, что сложные векторные файлы могут быть значительно больше, чем их растровые аналоги. Это означает, что они могут занять больше времени для загрузки и редактирования. Тем не менее, ваше векторное изображение будет сохранять свое качество независимо от масштаба.

А что, если у вас нет Illustrator или вы предпочитаете использовать что-то еще? Вы можете работа с векторной графикой в ​​фотошопе Создание и работа с векторной графикой в ​​Photoshop Создание и работа с векторной графикой в ​​Photoshop Photoshop - удивительно способная альтернатива Illustrator для векторной графики. Вот вводный урок о том, как создавать векторную графику в Photoshop. Прочитайте больше и есть также много фантастического браузерные альтернативы Illustrator 8 лучших бесплатных Adobe Illustrator для браузеров 8 лучших бесплатных Adobe Illustrator для браузеров Если Adobe Illustrator слишком дорог для вашего бюджета, существует множество бесплатных альтернатив Adobe Illustrator на основе браузера, которые вы можете попробовать. Прочитайте больше что вы можете попробовать. Вы можете получить аналогичные результаты во многих из них.

Узнайте больше о: Adobe Illustrator , Советы по редактированию изображений , Векторная графика ,

Что такое векторное изображение?
Что такое векторное изображение?
Знаете ли вы, когда следует использовать один вместо другого?
А что, если у вас нет Illustrator или вы предпочитаете использовать что-то еще?