5 способов создать векторную картинку в Adobe Illustrator

• 
  Уроки
• 7 мин на чтение
• 
  20265

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

Когда я только начинала вести этот блог, я совсем ничего не понимала в стоках и очень мало знала о создании векторной иллюстрации. Поэтому мне хотелось делиться с миром каждым важным открытием — я понимала, что также, как недавно страдала я, не зная, как сделать бесшовную текстуру, сейчас страдает еще кто-то 🙂

Сейчас стало труднее. Потому что этап «новичковости» уже прошел, и очень многие вещи мне кажутся настолько очевидными, что пока кто-то из новичков не начинает задавать про них вопросы, мне не приходит в голову о них написать. Поэтому, ребята, не стесняйтесь писать комментарии, задавать все вопросы, даже те, которые кажутся глупыми (глупых вопросов не бывает).

Три картинки — три разных способа создания. Угадаете, где какой? 🙂

Это я все к тому, что меня тут как-то недавно спросили — а как удобнее обрисовывать картинку в Иллюстраторе?

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

Трейс / Image Trace

Самый автоматизированный способ сделать из скетча векторную картинку и, как мне казалось раньше, самый быстрый (дисклеймер — сейчас я уже так не думаю).

Трейс картинки осуществляется с помощью панели image trace (верхняя панель Window — Image Tace) — просто помещаете свой скетч на рабочую область, открываете панельку, в выпадающем меню выбираете один из пресетов (у всех разные настройки, выбрать лучший можно методом тыка) — например, sketch — и через минуту-другую ваш файл превращен в вектор. Потом нужно только не забыть удалить «мусор» — разные пустые пути, которые образуются в процессе. Для этого не снимая выделение с оттрейсенного объекта надо пойти в верхнее меню Object — Path — Clean Up.

Трейс готов! Как говорили на одной моей прошлой работе «нажал кнопку — и в кассу». Но, увы, все не так просто.

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

Я делаю так: включаю видимость путей (cmd+H), выбираю контрастный цвет для них по отношению к обводке (двойной клик по названию слоя) — и, увеличив картинку до 200-300% проверяю аккуратность линий. В этом мне сильно помогают обычный карандаш — он мне нравится больше, чем сглаживающий — и плагин от Astute Graphics Smart Remove Brush Tool, которым можно удалять лишние точки, минимально изменяя линию.

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

Я на данный момент использую трейс только для цитат вроде такой:

Плюсы и минусы трейса: 

+ Можно относительно быстро превратить хороший скетч в векторную картинку с сохранением hand drawn эффекта

— Нужно потратить время, чтобы обработать
— Весь объект уже векторный, то есть труднее поменять толщину линий
— Линии не будут идеально ровными (это же и плюс)

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

Блоб браш / Blob Brush

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

У этого инструмента так много поклонников, что мне даже как-то неловко признаваться, что я его не люблю и практически совсем не использую. Это вызывает у людей примерно такие же эмоции, как когда я говорю, что мне не нравится «Мастер и Маргарита». Но что есть — то есть 🙂 Примеры употребления блоб браша в моем портфолио можно найти только на очень-очень старых картинках, которые, скорее всего, будут удалены во время следующей чистки.

Одна из моих первых картинок, нарисованная блоб брашем

Блоб брашем можно рисовать линии также, как вы это делаете фломастером на бумаге (сравнивать с кистью, мне кажется, не совсем верно, тк прозрачность блоб браша не регулируется нажимом), при условии, повторюсь, наличия планшета.

Плюсы и минусы блоб браша:

+ Облегчает художникам переход с растра на вектор
+ Имитирует «живое» рисование

— Нужен планшет, чтобы оценить всю прелесть (и умение рисовать тоже не помешает)
— Толщину линий можно задавать только перед рисованием, как только линия проведена — она по сути является векторным объектом с заливкой, — как и в случае с трейсом регулировать толщину постфактум сложно

Пентул / Pentool

Самый, наверное, непонятный инструмент для новичков, который оказывается крайне удобной и функциональной штукой, когда узнаешь его поближе. Совсем скоро я добавлю урок в магазин про то, как сделать кривые Безье своими лучшими друзьями, потому что сама в свое время потратила на них немало нервов.
Перо — инструмент наиболее далекий от художников и близкий графическим дизайнерам, потому что чтобы нарисовать линию — нужно не провести ее кисточкой/карандашом и тп, а поставить точку, потом еще одну — и так далее, регулируя изгиб и длину ручками кривой.

Почему-то мне видится, что блоб брашем больше рисуют девочки, а пентулом — мальчики, потому что он такой строгий и серьезный. И да, это мой любимый инструмент. Правда, не стандартный пентул, а апгрейд от Астуте Графикс под названием Вектор Скрайб.

Плюсы и минусы пентула: 

+ Чистые и аккуратные линии
+ Можно регулировать толщину нарисованных линий/картинки в любой момент за пару секунд, пока не сделан экспанд (который нужно делать перед отправкой на стоки, но лучше сохранять в рабочем файле неэкспанднутую копию)
+ Пентул — отличный способ создавать картинки на стоки для тех, кто не умеет рисовать в классическом понимании этого слова

— Все рисование сводится к расстановке точек и повороту ручек — многих креативных людей это напрягает
— Полезно также освоить инструмент Shape Builder Tool и панель Pathfinder, потому что обычный ластик удалить лишнее не поможет
— Чтобы научиться уверенно обращаться с пентулом, нужно освоить какое-то количество теории и много, много практиковаться, при этом первое время линии будут получаться кривоватыми и на отрисовку будет уходить много времени

Кисточка (обычная) /  Brush

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

Что на линию, проведенную кистью, что на «пентульную» можно «насадить» огромное количество самых разных кистей — из стандартной библиотеки (правда, официально на стоки их использовать нельзя), либо !! своих собственных, каждый раз получая новый результат. Потом нужно не забыть все это дело отэкспандить (то есть превратить в вектор с помощью команды Object — Expand).

Плюсы и минусы кисточки: 

+ Сохраняется возможность редактирования линий и можно рисовать руками (не точками)

— Нужен планшет
— Линии почти всегда получаются не такими, как хочется, — может у меня руки кривые, но по моим ощущениям тот же блоб браш позволяет точнее контролировать линию

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

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

Простые геометрические формы

Речь о квадрате, круге, линиях, многоугольниках — чаще всего, конечно, они используются не сами по себе, а в сочетании с пентулом. Рисование с помощью геометрических фигур подходит тем, кто любит геометричность в картинках, кайфует от четких форм и минимума точек на путях 🙂  Раньше я использовала формы только для каких-то очевидных действий — например, делала глаза персонажу с помощью круга, или каркас дома с помощью квадрата.

Посмотрев курс Illustration for Designers: Create Your Own Geometric Animal (Иллюстрация для дизайнеров: Создайте свое собственное геометричное животное) на Skillshare я переосмыслила роль форм в картинках и мне стало интересно научиться видеть формы в объектах. Так родилась серия животных, которую я скоро планирую продолжить:

Плюсы и минусы рисования формами: 

+ Линии получаются идеальными, не нужно думать о том, куда поставить точку и как потянуть за ручку

— Перестроиться на «мышление формами» большинству людей очень сложно
— Все равно придется использовать дополнительные инструменты — пентул, панель пасфайндер или шейп билдер тул

Примерно 80% моих текущих картинок нарисованы плагином InkScribe — тот самый аналог пентула от Astute Graphics, о котором я уже говорила (я, кстати, планирую написать отдельный пост про астутовские плагины, как только меня перестанет пугать потенциальный размер этого поста).

Остальные 20% — это трейс, простые формы и иногда — Dynamic Sketch Tool. Это что-то вроде карандаша, только более аккуратный и с большим количеством настроек (опять же, астутовский).

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

Фото на обложке: ShutterStock

• #adobe
• #illustrator
• #дизайн
• #инструмент
• #статья
• #урок

• 
  
• 
  1
• 
  

Как векторизовать изображения в Adobe Illustrator, легко и быстро

При векторизации мы преобразуем изображение в растровом формате, например в формате jpg или png, в векторное изображение (SVG). То есть, преобразовываем пиксели в векторы.

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

Индекс

• 1 Векторизовать иллюстрацию
  • 1.1 Создать новый артборд и открыть изображение
  • 1.2 Активируйте панель «трассировка изображения» и примените ее к иллюстрации.
  • 1.3 Сделайте вектор редактируемым и удалите фон
• 2 Что происходит, когда мы векторизуем изображение?

Векторизовать иллюстрацию

Создать новый артборд и открыть изображение

Начнем с создания нового артборда в Illustrator, для этого вам просто нужно нажать на «файл» в верхней части экрана и выберите «новый». Я собираюсь сделать его размером А4 и расположить горизонтально.

Затем мы откроем иллюстрацию. Вы можете сделать это тремя способами: 

• Прямое перетаскивание изображения из папки 
• Нажатие> файлы> место
• Использование сочетания клавиш Shift

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

Подпишитесь на наш Youtube-канал

Активируйте панель «трассировка изображения» и примените ее к иллюстрации.

Сейчас откроем панель «трассировка изображения», который вы могли скрыть. Чтобы панели и инструменты были видны в Illustrator, их необходимо активировать на вкладке «окно» (в верхнем меню). Так мы пойдем в «окно» и среди всех вариантов выберем «трассировку изображения».

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

В случае варианты 3, 6 и 16 цветов Это относится к максимальный предел цвета для использования в результате трассировки. Если вы примените 16 цветов, вы увидите, что на этой иллюстрации мы получаем довольно хороший результат. Если мы уже опускаемся до 6 цветов, мы теряем некоторые детали, а если опускаемся до 3, то даже больше. Нажав на глаз, расположенный справа от панели трассировки изображения рядом с опцией «просмотр», вы сможете увидеть разницу между исходным изображением и трассировкой, которая у нас есть сейчас. Увеличьте масштаб, и вы увидите, что пиксели уже исчезли. 

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

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

Пока, мы собираемся выбрать настройку «16 цветов».

Сделайте вектор редактируемым и удалите фон

У нас уже было бы векторное изображение, но сейчас я покажу вам трюк, чтобы вы могли быстро преобразовать и отредактировать его. Когда у нас есть векторное изображение, созданное в Illustrator, такое как эта звезда, с помощью инструмента «прямого выбора», мы можем выбрать опорные точки и преобразовать его по своему усмотрению. С другой стороны, если мы дадим созданный вектор, мы ничего не сможем сделать.

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

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

Что происходит, когда мы векторизуем изображение?

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

Если вы выбрали изображение размером с мое скорее всего вы получите сообщение с просьбой растеризовать изображение чтобы иметь возможность применить трассировку. Для растрирования изображений даем «объект» (вкладка в верхнем меню) > «растрировать».  

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

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

Как сделать векторное изображение в Illustrator (5 примеров)

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

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

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

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

Содержание

• Что такое векторное изображение?
• Векторизация изображения
  • Трассировка изображения
  • Инструмент «Перо»
• Создание вектора с нуля
• Подведение итогов

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

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

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

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

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

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

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

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

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

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

Шаг 2: Выберите изображение и выберите Image Trace на панели Properties > Quick Actions .

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

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

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

Ищете лучше?

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

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

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

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

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

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

Инструмент «Перо»

Инструмент «Перо» дает вам широкие возможности для творчества. Несмотря на то, что мы используем инструмент «Перо», чтобы обвести контур, но кто сказал, что вы должны следовать линиям? Мы можем сделать простой векторный штриховой рисунок.

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

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

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

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

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

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

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

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

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

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

Шаг 1: Используйте инструмент Перо, чтобы нарисовать часть головы, это может быть так просто.

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

Шаг 3: Выберите обе формы и выберите инструмент Shape Builder ( Shift + M ).

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

Этот шаг заключается в разделении головы и тела для заливки цветом.

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

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

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

Завершение

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

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

О компании June Escalada

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

2 простых способа векторизации изображения в Adobe Illustrator

Хотите отредактировать растровое изображение? Извините, в Adobe Illustrator мало что можно сделать, если сначала не векторизовать его. Что значит векторизировать? Простое объяснение: преобразование изображения в линии и опорные точки.

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

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

В этом уроке я покажу вам два способа преобразования растрового изображения в векторное с помощью Pen Tool и Image Trace.

Начнем с более простого варианта — Image Trace.

Примечание: скриншоты из этого руководства взяты из версии Adobe Illustrator CC 2022 для Mac. Windows или другие версии могут выглядеть иначе. При использовании сочетаний клавиш пользователи Windows меняют клавишу Command на 9.0055 Ctrl , Опция ключ к Alt .

Метод 1: Трассировка изображения

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

Шаг 1: Поместите растровое изображение в Adobe Illustrator и вставьте его. Я собираюсь использовать это изображение птицы для демонстрации.

При выборе изображения вы увидите параметр Image Trace на панели Properties > Quick Actions . Но пока не нажимайте на нее.

Шаг 2: Нажмите на опцию Обрезать изображение и обрежьте изображение до размера и области, которую вы хотите векторизовать. Щелкните Применить .

Теперь вы можете отслеживать изображение.

Шаг 3: Нажмите Трассировка изображения и выберите способ трассировки изображения.

Самое близкое к исходному изображение, которое вы получите, — это High Fidelity Photo . Low Fidelity Photo придаст более мультяшный вид.

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

Щелкните значок маленькой панели рядом с результатом трассировки. Если в вашей версии Ai эта опция не отображается, вы можете открыть панель из верхнего меню Window 9.0032 > Трассировка изображения .

Не стесняйтесь исследовать другие варианты отслеживания.

Шаг 4: Нажмите Разверните и ваше изображение станет векторным!

Когда вы выберете изображение, оно будет выглядеть так.

Вы можете разгруппировать изображение, чтобы отредактировать его. Например, можно удалить фон, оставив только птичку. Используйте инструмент Eraser Tool , чтобы стереть или просто выделить ненужную область, и нажмите клавишу Delete .

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

Что делать, если вы хотите создать вектор из растрового изображения?

Вы можете попробовать вариант черно-белого логотипа из Image Trace, но контуры могут быть не очень точными. Идеальным инструментом для векторизации в этом случае будет инструмент «Перо».

Способ 2. Инструмент «Перо»

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

Давайте векторизируем то же изображение из метода 1, используя Pen Tool.

Шаг 1: Выберите изображение и уменьшите непрозрачность примерно до 70%.

Шаг 2: Заблокируйте слой изображения, чтобы случайно не сдвинуть его во время работы.

Шаг 3: Создайте новый слой и используйте инструмент «Перо», чтобы нарисовать/отследить различные части изображения. Выберите Pen Tool на панели инструментов, выберите цвет обводки и измените Fill на None.

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

Теперь вы можете разблокировать пути и раскрасить изображение.

Шаг 4: Используйте инструмент «Пипетка» (I) , чтобы взять образцы цветов из исходного изображения и применить их к векторному изображению.

Если некоторые области не отображаются, щелкните правой кнопкой мыши и расставьте цветные области, пока не получите правильный порядок.

Не стесняйтесь добавлять больше деталей к вектору, если хотите.

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

Если контур и цветовые области не совпадают, вы можете использовать инструмент «Прямое выделение» или «Ластик», чтобы очистить и завершить векторное изображение.

Заключение

Самый быстрый способ векторизации изображения — использование функции трассировки изображения.