Как векторизовать изображения в Adobe Illustrator
При векторизации мы преобразуем изображение в растровом формате, например в формате jpg или png, в векторное изображение (SVG). То есть, преобразовываем пиксели в векторы.
Работа с векторными изображениями имеет определенные преимущества. можно масштабировать без искажений и они готовы к редактированию. В этом уроке мы расскажем вам как можно векторизовать изображения с помощью Adobe Illustrator. Сначала мы векторизуем иллюстрацию, а затем повторим процесс с фотографией.
- 1 Векторизовать иллюстрацию
- 1.1 Создать новый артборд и открыть изображение
- 1.2 Активируйте панель «трассировка изображения» и примените ее к иллюстрации.
- 1.3 Сделайте вектор редактируемым и удалите фон
Векторизовать иллюстрацию
Создать новый артборд и открыть изображение
Начнем с создания нового артборда в Illustrator, для этого вам просто нужно нажать на «Файл» вверху экрана и выберите «новый».. Я собираюсь сделать его размером А4 и расположить горизонтально.
Затем мы откроем иллюстрацию. Вы можете сделать это тремя способами:
- Прямое перетаскивание изображения из папки
- Нажатие> файлы> место
- Использование сочетания клавиш Shift
Я скачал любую иллюстрацию из интернета и собираюсь использовать именно ее. Если вы посмотрите и увеличите масштаб, вы увидите, что изображение имеет пиксели, когда мы векторизуем его, эти пиксели исчезнут. Я собираюсь продублировать иллюстрацию, чтобы вы могли видеть изменения и различия, но если хотите, можете пропустить этот шаг.
Активируйте панель «трассировка изображения» и примените ее к иллюстрации.
Сейчас откроем панель «трассировка изображения», который вы могли скрыть. Чтобы панели и инструменты были видны в Illustrator, их необходимо активировать на вкладке «окно» (в верхнем меню). Так мы пойдем в «окно» и среди всех вариантов выберем «трассировку изображения».
Нажмите на иллюстрацию, и на панели трассировки изображения мы собираемся выбрать «цветной» режим. En «часы», вы должны были выбрать «Результат отслеживания». Выше у вас есть вариант, который говорит «Пресеты» и в этом небольшом меню у вас есть из чего выбрать. Выбор того или другого будет зависеть от уровня точности. который мы ищем, изменяя растровое изображение на векторное изображение. Посмотрим на некоторые из них:
В случае варианты 3, 6 и 16 цветов Это относится к максимальный предел цвета для использования в результате трассировки. Если вы примените 16 цветов, вы увидите, что на этой иллюстрации мы получаем довольно хороший результат. Если мы уже опускаемся до 6 цветов, мы теряем некоторые детали, а если опускаемся до 3, то даже больше. Нажав на глаз, расположенный справа от панели трассировки изображения рядом с опцией «просмотр», вы сможете увидеть разницу между исходным изображением и трассировкой, которая у нас есть сейчас. Увеличьте масштаб, и вы увидите, что пиксели уже исчезли.
Настройки Hi-Fi фото и фото с низкой точностью обычно применяются, когда у нас есть фотографии или иллюстрации с большим количеством деталей, в таких простых иллюстрациях нет необходимости. Вы можете применить его, если вы примените, например, «фото низкого качества», оно тоже будет хорошо смотреться.
Есть много других настроек и режимов. Если вы выберете режим «оттенки серого» или в «предустановках» вы примените «оттенки серого», вы получите вектор в серых тонах. При выборе «черно-белого» режима или предустановки «эскизная графика» создается своего рода эскиз.
Пока, мы собираемся выбрать настройку «16 цветов».
Сделайте вектор редактируемым и удалите фон
У нас уже было бы векторное изображение, но сейчас я покажу вам трюк, чтобы вы могли быстро преобразовать и отредактировать его. Когда у нас есть векторное изображение, созданное в Illustrator, такое как эта звезда, с помощью инструмента «прямого выбора», мы можем выбрать опорные точки и преобразовать его по своему усмотрению. С другой стороны, если мы дадим созданный вектор, мы ничего не сможем сделать.
Чтобы решить эту проблему, выберите иллюстрацию и в верхнем меню перейдите к объект> развернуть. В открывшемся меню отметим «объект» и «заливку». С помощью этого инструмента мы достигаем разделения объекта на все составляющие его элементы, чтобы иметь возможность трансформировать каждый из них независимо. Мы можем удалять элементы, менять цвета, перемещать их, масштабировать .
Это также позволит вам стереть фон вектора. Если вы переместите иллюстрацию с монтажной области, вы увидите, что у нее белый фон, так как вы применили «развернуть» с помощью инструмента прямого выбора, вы можете выбрать фон и удалить его, просто нажав клавишу Backspace на клавиатуре. .
Что происходит, когда мы векторизуем изображение?
Для этой части урока я выбрал фотографию с очень высоким разрешением, на самом деле мне нужно сильно увеличить, чтобы различать пиксели. Теперь процедура будет такой же. Мы применим «трассировку изображения», но на этот раз вместо предустановленных 16 цветов мы собираемся придать фотографии высокую точность.
Если вы выбрали изображение размером с мое скорее всего вы получите сообщение с просьбой растеризовать изображение чтобы иметь возможность применить трассировку. Для растрирования изображений даем «Объект» (вкладка в верхнем меню)> «растрировать».
Возможно, на первый взгляд вы не заметите никаких изменений, но теперь мы можем применить настройку фото. высокая точность. Когда вы примените его, увеличьте масштаб, чтобы лучше видеть, вы увидите, что мы создали своего рода гиперреалистичная картина. Если вместо фото высокого качества применить Фотография низкого качества, этот эффект рисунка будет еще больше подчеркнут.
Нажимая «развернуть», как мы это делали с предыдущей иллюстрацией, мы можем исправить те части рисунка, которые нас не слишком убеждают, даже мы можем разбить его, чтобы создать более абстрактные композиции.
Содержание статьи соответствует нашим принципам редакционная этика. Чтобы сообщить об ошибке, нажмите здесь.
Полный путь к статье: Интернет-объявления » Инструменты дизайна » иллюстратор » Как векторизовать изображения в Adobe Illustrator
Будьте первым, чтобы комментировать
Как векторизовать изображение в Illustrator
Каким бы высоким ни было качество растрового изображения, оно не всегда может удовлетворить ваши потребности. Может наступить время, особенно в области дизайна, когда вам понадобится что-то хорошо масштабируемое, что не потеряет своего качества при увеличении. И ответ — векторы.
Векторная графика работает совершенно иначе, чем растровые изображения, но просто нажав “Сохранить как…” будет недостаточно, чтобы использовать весь их потенциал. Вместо этого вам потребуется векторизовать изображение в Illustrator. Читайте дальше, чтобы узнать, как это сделать на нескольких платформах.
Прежде чем начать
Прежде чем мы откроем Illustrator и начнем процесс векторизации, давайте обсудим важность правильного типа изображения для успеха. Хотя вы можете преобразовать любое изображение в вектор с помощью Illustrator, не все изображения будут давать одинаково профессиональные результаты. Векторные изображения обычно используются для логотипов и другой простой графики. Поэтому вам повезет больше, если вы начнете с достаточно простого растрового изображения. Лучше сосредоточить свои усилия на одном предмете, а не на подробном ландшафте.
PNG с прозрачным фоном — идеальный кандидат для векторизации, но JPG с одним объектом и белым фоном также хорошо работает. Если изображение, которое вы хотите преобразовать, не соответствует этому профилю, его предварительная подготовка облегчит вашу работу и работу компьютера в дальнейшем. Обрежьте изображение так, чтобы была включена только та часть, которую вы хотите векторизовать. Когда ваше изображение будет готово, выполните следующие действия.
Как векторизовать изображение в Illustrator на ПК
В Illustrator есть удобная функция трассировки изображения, которая превращает растровые изображения в векторы на одном дыхании. Этот вариант будет хорошо работать в большинстве случаев с минимальными необходимыми настройками. Если настройка параметров трассировки изображения не дает идеального векторного изображения, вместо этого вы можете выполнить трассировку изображения вручную.
Вот как использовать Image Trace в Adobe Illustrator на ПК:
- Запустите приложение Illustrator для ПК и создайте новый файл.
- Импортируйте или вставьте изображение, которое хотите векторизовать.
- Выберите изображение, чтобы вызвать параметры изображения вверху.
- Нажмите “Трассировка изображения” кнопку, чтобы мгновенно преобразовать растровое изображение в векторное. преобразован, нажмите кнопку “Expand” кнопку, чтобы получить доступ к маркерам пути для настройки формы вашего векторного изображения.
Нажав кнопку “Трассировка изображения” Кнопка применяет настройки по умолчанию к вашему векторному изображению. Настройки по умолчанию хорошо подходят для простых черно-белых изображений. Если вы просто конвертируете логотип, возможно, вам не придется ничего настраивать, и вы все равно получите безупречную векторную графику. Однако, когда речь заходит о возможностях функции трассировки изображения в Illustrator, это поверхностная информация.
Если вы конвертируете цветное изображение или просто хотите немного больше контролировать предустановки, включите панель «Трассировка изображения».
- Убедитесь, что ваше изображение выбрано.
- Нажмите “Окно” в строке меню.
- Проверьте “Трассировка изображения”
На этой панели вы увидите множество настроек, которые можно использовать для точной настройки процесса векторизации. Первый и самый важный из них — пресеты. Выбор подходящей предустановки мгновенно адаптирует параметры вектора к характеру вашего изображения. Например, детальное изображение выиграет от опции High Fidelity Photo, в то время как вы можете использовать ограниченные настройки цвета для простой графики. Все изображения разные, поэтому вам придется поиграть с настройками, чтобы найти наилучший вариант.
Если ни одна из предустановок не дает желаемого результата, дополнительные расширенные параметры на панели «Трассировка изображения» дадут вам больший контроль над деталями. Регулировка порога, количества цветов, контуров, углов и т. д. может иметь существенное значение в зависимости от изображения и предустановки. Также легко удалить белый фон с изображения, установив флажок «Игнорировать белый». в этих дополнительных параметрах. Чтобы настроить пути вручную, нажмите кнопку “Expand” кнопка, упомянутая выше.
Функция трассировки изображения в Illustrator является расширенной, но если автоматическая трассировка не подходит для вашей фотографии, вам потребуется выполнить трассировку изображения вручную.
- Добавьте новый слой поверх слоя с изображением.
- Выберите Инструмент «Перо» и обведите изображение на новом слое.
Примечание:Вы можете использовать любой инструмент, который хотите, чтобы обвести изображение, но инструмент «Перо» даст вам самые четкие и легко регулируемые линии.
Когда вы закончите векторизацию изображения, сохраните файл как AI, SVG или EPS.
Как векторизовать изображение в Illustrator на iPad
Если вы используете Illustrator на своем iPad, вы могли заметить, что параметр «Трассировка изображения», который вы обычно используете для векторизации изображения, отсутствует. Хотя приложение несколько отличается от настольной версии, оно по-прежнему позволяет легко векторизовать изображения. Прежде чем начать, убедитесь, что у вас установлена версия приложения не ниже 2.0.
- Откройте приложение Adobe Illustrator для iPad и создайте новый холст.
- Нажмите значок «Фото» на левой панели инструментов и импортируйте фото. вы хотите векторизовать.
- Убедитесь, что изображение выбрано, и коснитесь значка объекта (прямоугольник с ручками во всех четырех углах) на правой панели инструментов.
- Выберите “Векторизация” из меню, и приложение мгновенно преобразует ваше изображение в векторный файл.
- Уточните результат в окне «Свойства», которое открывается автоматически при преобразовании:
- Выберите исходное изображение, чтобы Приложение содержит больше информации о том, как выполнить преобразование.
- Измените цветовой режим в раскрывающемся меню.
- Настройте количество цветов в случае цветного векторного изображения.
- Настройте порог для черно-белой графики.
- Чтобы отредактировать отдельные элементы, снова коснитесь значка «Объект» и нажмите «Расширить векторизацию». Выберите элемент и отредактируйте его по своему усмотрению.
- Когда ваш вектор графика готова, экспортируйте файл в векторный формат, такой как AI, SVG или EPS.
Попрощайтесь с пикселями
Негибкие пиксели не всегда подходят. Когда низкокачественный PNG вызывает у вас проблемы, вы можете векторизовать изображение в Illustrator несколькими щелчками мыши. Меняйте настройки до тех пор, пока не будете удовлетворены результатом, и у вас будет векторное изображение, размер которого можно изменить по своему усмотрению.
Вы когда-нибудь векторизировали изображение в Illustrator? Есть ли у вас какие-либо советы, которые другие пользователи могут найти полезными в этом процессе? Дайте нам знать в разделе комментариев ниже.
Трассировка Adobe Illustrator
Трассировка Adobe Illustrator хотите знать, как трассировать изображение в Illustrator или как трассировать фотографии в Adobe Illustrator? Тогда вы находитесь в правильном месте! В этом кратком руководстве мы рассмотрим, как выполнять трассировку в Illustrator.
Мы будем использовать инструмент Image Trace Tool в Illustrator для преобразования изображения в векторный формат. Мы начнем с трассировки логотипа, а затем перейдем к трассировке фотографии. Трассировка Adobe Illustrator может выполнять и то, и другое.
Что тебе понадобится
В этом учебном пособии используются следующие активы, чтобы изучить, как выполнять трассировку в Adobe Illustrator:
-
Кардинал Птица Логотип
Используйте эти ресурсы, чтобы попробовать трассировку изображения в Illustrator, или попробуйте использовать собственные растровые файлы. Процесс будет таким же.
Хотите создать быстрый логотип без программного обеспечения?
Хотите создать логотип легко и просто, без программного обеспечения? Если вы хотите быстро создать логотип или другой проект, загляните на Placeit. Это браузерный инструмент с множеством опций. Placeit — отличный инструмент для создания логотипов с большим набором ресурсов для реализации ваших проектов. Попробуйте!
Хотите создать быстрый логотип без программного обеспечения?
Что такое «трассировка изображения»?
В Adobe Illustrator трассировка позволяет легко преобразовать растровое изображение в векторное. Это означает, что мы можем обвести фотографию или изображение в Illustrator, чтобы сделать его векторным. Хотя это не всегда идеально, и иногда вам может потребоваться внести коррективы, используйте Illustrator для преобразования изображения в вектор в качестве быстрого и простого варианта.
Готовы попробовать трассировку изображения в Illustrator? Давайте начнем.
Как использовать трассировку изображения в Illustrator
Шаг 1
Начнем с того, как обвести объект в Illustrator. Чтобы начать изучение трассировки изображения в Illustrator, мы будем использовать этот логотип. Изображения с простыми формами, такими как этот логотип, хорошо перенесутся в векторный формат! Мы будем использовать JPG, но вы также можете использовать другие форматы растровых изображений, такие как PNG и GIF.
Мы будем использовать JPG-версию логотипа Cardinal Bird от Envato Elements. Вы также можете свободно использовать любой логотип или другое изображение, но я предлагаю что-то с простыми формами и ограниченным количеством цветов, особенно если вы никогда раньше не использовали трассировку изображения в Illustrator.
Трассировка Adobe Illustrator
В открытом Illustrator выберите «Файл» > «Открыть» , чтобы перейти на рабочий стол и открыть файл JPG. Опять же, мы начинаем с трассировки Illustrator, изображения в вектор. Мы будем трассировать изображение в Illustrator, поэтому начнем с простого растрового изображения, такого как этот пример файла.
Шаг 2
Теперь у нас открыто изображение. Поскольку это растровое изображение, если вы попытаетесь изменить размер изображения, оно может стать нечетким и размытым. Мы можем исправить это, преобразовав его в векторный формат.
Итак, где находится трассировка изображения в Illustrator? Сначала давайте откроем окно Image Trace, выбрав Window > Image Trace .
Что такое «трассировка изображения»?
Шаг 3
Далее, давайте начнем смотреть на трассировку изображения в Illustrator. Открыв окно Image Trace , щелкните изображение, чтобы выбрать его. Считайте это своим инструментом трассировки; Illustrator позволяет нам многое здесь сделать.
Теперь у нас будет доступ к опциям.
Совет. Если изображение не выбрано, параметры будут недоступны.
Как использовать трассировку изображения в Illustrator
Шаг 4
Отсюда нам нужно будет решить, сколько цветов мы хотим использовать в нашем векторном изображении. Чем меньше цветов, тем меньше размер файла и тем проще будет работать с векторным изображением. В данном случае мы хотим максимально точно сохранить цвета и форму логотипа.
Опять же, мы смотрим на панель Adobe Illustrator Image Trace . В раскрывающемся списке « Режим » выберите « Цвет »
Трассировка Adobe Illustrator
Шаг 5
В этом случае подойдут настройки по умолчанию. Цветов, установленных на 30, будет более чем достаточно для этой трассировки изображения в Illustrator.
Идите вперед и нажмите Trace в правом нижнем углу окна.
Примечание. В зависимости от размера и настроек вашего изображения это может занять много времени. Один из лучших способов научиться обводить объект в иллюстраторе — поэкспериментировать с этими настройками. Попробуйте.
Трассировка Adobe Illustrator
Шаг 6
Вот оно! Теперь вы обвели изображение с помощью Illustrator. Теперь вы можете свободно изменять размер изображения, не беспокоясь о потере качества. Автоматическая трассировка Illustrator — это быстро и удобно.
В этом случае мы исследовали трассировку изображения Adobe Illustrator и использовали ее для преобразования этого растрового логотипа в векторный логотип.
Трассировка Adobe Illustrator
Как обвести фотографию в Illustrator
Шаг 1
Далее давайте обведем фотографию в Illustrator. Автоматическая трассировка также может помочь нам в этом.
Трассировка фотографии в Illustrator — очень похожий процесс, но вы должны помнить об ограничениях вектора. Если фотография будет преобразована в векторный формат точно так же, как она есть, это приведет к тому, что изображение будет иметь очень большой размер файла, и с ним будет трудно работать.
По этой причине форматы растровых изображений, такие как JPG и PNG, гораздо лучше подходят для использования фотографий. При этом мы можем превратить ограничения векторного формата в забавные стилистические изображения, которые работают с этим форматом.
Идите вперед и откройте свою фотографию, выбрав « Файл»> «Открыть» , чтобы перейти на рабочий стол и открыть файл JPG. Мы будем использовать это изображение тукана из Envato Elements
Трассировка Adobe Illustrator
Шаг 2
Теперь наше фото открыто. Давайте рассмотрим, как выполнить трассировку в Illustrator для получения более сложного и подробного контента, такого как эта фотография.
Где находится трассировка изображения в Illustrator? Убедитесь, что у вас есть окно Image Trace, выбрав Window > Image Trace . Помните, что это наш инструмент трассировки; У Illustrator есть наши варианты.
Трассировка Adobe Illustrator
Шаг 3
Открыв окно Image Trace , щелкните изображение, чтобы выбрать его. Теперь у нас будет доступ к опциям.
Совет. Если изображение не выбрано, параметры будут недоступны.
Трассировка Adobe Illustrator
Шаг 4
Во-первых, давайте продолжим и преобразуем это в черно-белое векторное изображение.
В раскрывающемся списке « Режим » выберите « Черно-белый », а затем нажмите « Трассировка » в правом нижнем углу.
Трассировка Adobe Illustrator
Шаг 5
Ну вот! Мы преобразовали нашу фотографию в черно-белое векторное изображение. Вы можете попробовать настроить другие параметры, чтобы получить интересные результаты.
Вместо этого давайте сделаем ограниченную цветную версию фотографии. Отмените трассировку изображения, выбрав « Правка» > «Отменить трассировку изображения».
Трассировка Adobe Illustrator
Шаг 6
Работа с цветом требует немного более творческого мышления. Нам нужно будет ограничить количество цветов, чтобы создать работающее изображение, но мы также можем использовать это, чтобы создать что-то визуально привлекательное.
В раскрывающемся списке « Режим » выберите « Цвет » .
Трассировка Adobe Illustrator
Шаг 7
Убедитесь, что для параметра Палитра установлено значение Ограничено.
Трассировка Adobe Illustrator
Шаг 8
Количество цветов, которые вы используете, будет иметь важное влияние на визуальный стиль. Мне нравится внешний вид палитр меньшего размера, так как они создают драматические блики и тени.
Идите вперед и выберите около 20.
Трассировка Adobe Illustrator
Шаг 9
Теперь выберите Trace в правом нижнем углу.
Примечание. Этот процесс может занять некоторое время в зависимости от ваших настроек.
Трассировка Adobe Illustrator
Шаг 10
Вот оно! Визуально отличительная векторная версия вашей фотографии. Есть много других настроек, которые вы можете настроить и изменить. Одним из основных преимуществ этого является то, что вы можете не только создавать визуально отличительные версии ваших фотографий, но также можете воспользоваться преимуществами масштабируемости векторного формата.
Трассировка Adobe Illustrator
Что вы будете создавать с помощью Adobe Illustrator Image Trace?
Вы можете обвести фотографию или изображение в Illustrator. Здесь есть много вариантов. Теперь, когда вы знаете, как использовать трассировку изображения в Illustrator, что вы будете создавать?
Помните, что если вы ищете быстрый и простой инструмент с множеством опций, обратите внимание на Placeit. Это онлайн-инструмент на основе браузера, и вы можете начать бесплатно прямо сейчас. Проверьте Placeit сегодня .
Хотите улучшить свои навыки работы с иллюстратором? Ознакомьтесь с этими замечательными учебными пособиями по Adobe Illustrator от Envato Tuts+.
Перевод растра в вектор * Трассировка в Adobe Illustrator * Трейс * Как быстро сделать вектор
Бывают моменты когда растровое изображение необходимо перевести в векторное. И у меня такие моменты бывают. Сейчас довольно часто я растровое изображение , а именно нарисованное от руки и отсканированное перевожу в вектор, дорабатываю его и отправляю на стоки. Я перевожу некоторый свой растр в вектор и публикую эти работы на стоках, для того, чтобы у будущего покупателя была возможность легко изменить цвет, масштабировать под его задачи и , если ему необходимо, немного изменять изображение. Сейчас я вам покажу как перевожу свои картинки нарисованные от руки в вектор в Adobe Illustrator и в этом же видео я покажу какие трассированные изображения на стоках у меня не приняли. ТАЙМ КОДЫ 00:00 О чем видео 01:54 растр в вектор 06:58 не приняли на shutterstock Kati KHARITOSHA — это канал о творчестве! https://www.youtube.com/c/KatiKharitosha?sub_confirmation=1 ____________________ Привет! Меня зовут Катя Kati Kharitosha. Сейчас я живу в России в Московской области, но родом я из маленького известного города Свердловской области. Я влюблена в творчество. Я училась на дизайнера интерьера, работала визажистом американского бренда декоративной косметики ( моя любовь к макияжу и прическам отражена в ранних видео на канале). Сейчас я познаю стоковые биржи. Много рисую черным линером и в графических редакторах, поэтому сейчас на канале выходят видео о стоках и мои стоковые самоотчеты. СТОКОВЫЕ ССЫЛКИ: * Если Вы желаете стать автором на Shutterstock — ссылка на регистрацию https://submit.shutterstock.com/?ref=232738427 * Если Вы желаете купить иллюстрации или картинки на Shutterstock http://www.shutterstock.com/g/kharitosha?rid=232738427 * Мое портфолио на Shutterstock http://www.shutterstock.com/g/kharitosha?rid=232738427 * Мое портфолио на Adobe Stock https://stock.adobe.com/ru/contributor/209251289/kharitosha ________________________ ВИДЕО О СТОКАХ * Как добавить РЕЛИЗ СОБСТВЕННОСТИ https://youtu.be/wQpHBlujFPg * SHUTTERSTOCK что я делаю не так? https://youtu.be/nuKvNbX4sZE *ОБЯЗАТЕЛЬНО К ПРОСМОТРУ! Релизы https://youtu.be/oLXLKtZMWcs * ЭТО ПРОСТО! Регистрация и экзамен на Shutterstock https://youtu.be/vYikimxT8Fk * ЧТО ТАКОЕ СТОКИ https://youtu.be/RMQtkdvdJmE * СРОЧНО МНОГО РИСУЮ https://youtu.be/dpyVJpYJ9jA * ОТКАЗАНО https://youtu.be/LXqj0a_H8IU * ИНСТРУМЕНТЫ ДЛЯ РАСТРА https://youtu.be/aMkck_UI-0c Мне будет очень приятно, если Вы отметите мое видео пальцем вверх! Особенно, будет приятно, если Вы подпишитесь на мой канал — так мы будем чаще видеться! Спасибо, что Вы со мной! #trace #shutterstock #adobestock #vector #bitmap
Показать больше
Войдите , чтобы оставлять комментарии.