Как конвертировать JPEG в векторное изображение – ЗнайКак.ру
Насколько часто возникает необходимость выполнения подобного действия, отлично знают те, кто профессионально и полупрофессионально работает с графикой. Собственные коллекции векторных изображений так же никогда не помешают тем, кто ведет Интернет-ресурс с графическими материалами.
Дело в том, что векторные изображения хороши возможностью их увеличения практически до любого размера (разрешения) из сущей миниатюры, поэтому их крайне удобно использовать при создании, например, плакатов. И, к слову, увеличенное изображение при этом не потеряет в качестве. В то время как изображение JPEG достаточно увеличить всего вдвое, и, скорее всего, картинка уже станет нечеткой.
Конвертировать JPEG в векторное изображение может целый ряд платных программ. Тем не менее, большинство из них крайне дороги в соотношении с ограниченным объемом цветовой гаммы, которую они способны воспроизводить. Но существует изумительно простая методика, которую использует бесплатная программа Inkscape (ее можно совершенно официально легально скачать с открытого ресурса inkscape.org), с хорошей способностью воспроизводить цветные изображения.
Сложность использования: умеренная.
Создаем собственные векторные картинки для клипарта бесплатно. Процесс:
1. Скачиваем Inkscape – свободно распространяемую бесплатную программу – с официального ресурса. Сайт в основном на русском языке, прямо на главной странице жмем «Download Now» – в настоящий момент доступна русскоязычная версия 0.48.1.Обычным путем устанавливаем программу на свой компьютер (займет около 4 минут).
2. Запускаем программу.
3. Выбираем в полосе меню пункт «File» («Файл»), затем в открывшемся списке пункт «Import» («Импортировать»; Импорт или загрузка изображения).
4. В открывшемся окне найдите папку, в которой хранится файл JPEG, который вы хотите конвертировать в векторное изображение. Выберите файл и нажмите «OK» («Открыть»).
4.а. Выберите в появившемся маленьком окошке «Внедрить» или «Связать» растр. В первом варианте вы получите новый (итоговый) независимый (самостоятельный) векторный файл, с которым сможете работать свободно, во втором варианте исходный JPEG файл вам придется таскать вместе со связанным с ним итоговым векторным, что неудобно. Но в первом случае размер файла будет больше.
5. После того, как изображение загрузится, если оно еще не выделено (в зависимости от используемой версии программы), необходимо кликнуть на него – навести курсор и кликнуть левой кнопкой мыши (т. е. выбрать изображение, выделить его). После клика изображение будет окружено группой стрелок. Если вы не выделите изображение, его превью (предпросмотр перед конвертацией) не появится в окне «Trace Bitmap» (Схематичное изображение графического объекта), и вы не сможете конвертировать JPEG или любой другой формат изображения в векторное.
5.а. Кликая на изображение в последней версии программы вы так же сможете выбирать формат стрелок – для увеличение картинки, либо для поворота/наклона.
6. В полосе меню сверху выберите «Path» («Контур»), затем в открывшемся списке «Trace Bitmap» («Векторизовать растр»).
7. Выберите опцию «Colors» («В цвете») в левом нижнем углу, затем несколько раз увеличьте число «Scans» («Сканирований») и кликните на кнопке с названием «Update» («Обновить»), располагающейся под превью изображения. Увеличение количества сканирований повышает разрешение изображения, что в свою очередь повышает размер файла и время, необходимое на формирования итогового, перекодированного изображения. Поэкспериментируйте с данными настройками, чтобы получить то итоговое изображение, которое оптимально устроит вас для заданных целей в сочетании размер-качество. Не забывайте нажимать кнопку «Update» каждый раз, когда вы изменяете что-то в настройках. По получению нужного результата в превью, нажмите «ОК», подождите пока изображение перекодируется, затем закройте малое окно.
7.а. Для того, чтобы после нажатия кнопки ОК в окне «Векторизовать растр» сменить количество сканирований, необходимо !создать новый файл и начать весь процесс заново!, а не менять в текущем варианте, т. к. изменения на итоговой картинке НЕ ОТОБРАЗЯТСЯ!
8. Сохраните итоговое изображение в одном из форматов, соответствующих векторной картинке. Для большинства программ, комплексов и приложений, в которых вы можете захотеть в последствии использовать полученное изображение, прекрасно подойдет EPS формат.
Это исходник (48,3 Кб):
Это итоговое изображение с выполнением только перечисленных выше действий (при максимальном количестве сканирований 256, без прочих настроек, получаем вот такой вариант, файл размером 2,9 Мб – он перекодирован обратно в JPEG, чтобы можно было представить здесь, на сайте, как пример):
И вот такой вариант при 256, если увеличить размер картинки, увеличить порог и убрать сглаживание (7,25 Мб):
Т. е. программа выполняет свои функции на отлично, если немного поиграть с настройками!
Дополнения:
– Чтобы выполнить векторную конвертацию, вам не нужно многое знать о программе Inkscape. Все функции в основном автоматизированы. Программа предлагает массу дополнительных опций, которые вы можете использовать, чтобы посмотреть потенциальные изменения при тех или иных действих, но для главной задачи они вам не понадобытся. В любом случае, по желанию их будет не сложно освоить методом научного тыка, все достаточно интуитивно понятно.
– Если у вас на компьютере установлен Adobe Illustrator версии CS2 или выше, используйте функцию «Live Trace» (Интерактивное отслеживание). В версиях ниже CS2 аналогичная функция носит название «Autotrace» (Автоматическое отслеживание).
Из растра в вектор
1 — 2007Николай Дубина [email protected]
TraceIT
RasterVect
Vector Eye
Vextractor
Acme TraceART
Potrace
Raster to Vector Conversion Toolkit / Photo Vector
Raster to Vector
WinTopo Raster to Vector Converter
Neuro Tracer — программа нового поколения
Зачастую дизайнеры сталкиваются с необходимостью обработки сложных штриховых иллюстраций для их использования в макетах полноцветных буклетов и рекламных плакатов, на webсайте компании, в годовом отчете, на сувенирах, в каталогах и т.п., причем во многих случаях предполагается значительное масштабирование иллюстраций и печать с использованием различных технологий в цветном или чернобелом варианте. Сканирование, как правило, не может обеспечить возможности трансформации без потери качества и необходимой универсальности растрового изображения, так что единственный путь — это получение идентичного векторного изображения. Создание векторной версии с нуля — не оптимальный и не самый быстрый вариант, гораздо проще воспользоваться трассировкой (векторизацией) растрового (сканированного) оригинала.
Сегодня на рынке представлено довольно много программ (как самостоятельных приложений, так и входящих в состав графических пакетов) для трассировки растровых изображений. Следует сразу оговориться, что предлагаемый вниманию читателей обзор не претендует на полноту и всеохватность. Например, мы не будем касаться таких приложений, как CorelTrace и Live Trace, входящих в пакеты Corel Graphics Suite и Adobe Illustrator соответственно. Большинство дизайнеров хорошо знают их плюсы и минусы. Плюсы в основном заключаются в том, что эти трейсеры включены в состав вышеупомянутых программ и дополнительно ничего покупать не требуется, а минусы — в том, что с настройками по умолчанию практически невозможно достичь удовлетворительного результата, а улучшить эти настройки порой не может даже очень опытный пользователь. К счастью, сегодня на рынке предлагается обширный выбор трейсеров от других производителей. Именно их мы и рассмотрим далее.
TraceIT
Производитель: Pangolin Laser Systems, Inc.
Ссылка: http://www.pangolin.com/LA_Studio/TraceIT.htm
TraceIT — довольно интересная программа, использующая оригинальные алгоритмы трассировки (рис. 1). Загруженное в нее изображение сначала подвергается обработке фильтрами для очистки от «мусора» (noise, color noise), после чего уже трассируется.
Интересная особенность — помимо обработки изображений в распространенных форматах BMP, GIF, TIF, JPG, PSD и пр., есть возможность загружать видеофайлы в форматах AVI, MOV или MPEG и обрабатывать только выбранные кадры, какойлибо диапазон или весь видеофайл целиком. Сохранить результат можно в десяток форматов, в том числе в BMP, JPG и EMF.
Рис . 1. TraceIT
RasterVect
Производитель : RasterVect Software
RasterVect (рис. 2) — простая программа с минимальным количеством настроек, которая ориентирована на пользователей пакета AutoCAD. Настройки в ней сведены к минимуму: загрузка растрового изображения (поддержка 15 форматов), выбор метода трассировки и выбор формата векторных изображений (DXF, EPS, AI, WMF или EMF). Опционально можно предварительно обработать растровое изображение (только простейшие операции) и применить маски.
Рис . 2. RasterVect
Vector Eye
Производитель : Siame Editions
Ссылка: http://www.siame.com/converter.html
Главное отличие Vector Eye (рис.3) от других подобных приложений заключается в том, что в процессе трассировки создается несколько вариантов изображения, соответствующих различным комбинациям настроек, и уже из этого ряда пользователь выбирает наиболее оптимальный для дальнейшего использования. Растровые изображения можно загружать в форматах BMP, PNG, JPG, TIFF и AVI, а результат работы программы экспортируется в форматах SVG, PS и EPS.
Рис . 3. Vector Eye
Vextractor
Производитель : VextraSoft
Ссылка: http://www.vextrasoft.com/vextractor.htm
Vextractor — довольно мощная программа, в которую встроены эффективные алгоритмы очистки растрового изображения от «мусора», средний по возможностям трейсер и неплохой встроенный редактор для доводки результата векторизации (рис. 4). Поддерживается импорт наиболее распространенных форматов растровых изображений и экспорт в популярные векторные форматы, в том числе в DXF, EPS и SVG.
Рис . 4. Vextractor
Acme TraceART
Производитель : DWG TOOL Software
Ссылка: http://www.freefirestudio.com/traceart.htm
Многофункциональная и сложная программа, предназначенная в основном для векторизации чертежей, схем и разного рода карт (рис. 5). Поддерживается большое количество растровых и векторных форматов. Качество трассировки нельзя назвать выдающимся, но при этом программа имеет другие плюсы — например предусмотрена удобная функция предпросмотра результата еще до трассировки, а также обеспечивается работа с многостраничными изображениями и разнесение результатов трассировки по слоям.
Рис . 5. Acme TraceART
Potrace
Производитель : Peter Selinger
Ссылка: http://potrace.sourceforge.net/
Potrace — бесплатная, постоянно совершенствуемая программа (рис. 6). Включена в дистрибутивы таких пакетов, как FontForge, mftrace, Inkscape, TeXtrace и др. Неплохая альтернатива другим перечисленным здесь программам векторизации. Из распространенных растровых форматов «понимает» только BMPфайлы. Полученное векторное изображение можно экспортировать в EPS, PS, PDF и SVG. Из минусов можно назвать явное «заплывание» на местах пересечения кривых под тупым углом, что, впрочем, является недостатком практически всех трейсеров. В остальном программа имеет почти полный набор настроек по определению краев, квантованию цветов и пр. Дистрибутив программы можно загрузить для таких операционных систем, как Linux, Sun Solaris, FreeBSD, NetBSD, OpenBSD, AIX, Mac OS X и Windows 95/98/2000/NT.
Рис. 6. Potrace
Raster to Vector Conversion Toolkit / Photo Vector
Производитель: AlgoLab, Inc.
Ссылка: http://www.algolab.com/products.htm
Две довольно популярные программы от одного производителя, ориентированные на пользователей CAD/CAMсистем (рис. 7). Программы не имеют существенных плюсов или минусов. Единственное, что хотелось бы отметить, — это неявные и не совсем понятные настройки векторизации.
Рис. 7. Raster to Vector Conversion Toolkit
Raster to Vector
Производитель: Raster to Vector
Ссылка: http://www.rastervector.com/
Еще один «черный ящик». На входе — растровые изображения в наиболее распространенных форматах (BMP, JPG, TIF, GIF, PNG, PCX, TGA и др.), а на выходе — векторные (DXF, HPGL, EMF, WMF). Никаких существенных настроек не предложено (рис. 8).
Рис. 8. Raster to Vector
WinTopo Raster to Vector Converter
Производитель: SoftSoft.net
Ссылка: http://wintopo.com/
Хорошая многофункциональная программа с достаточным количеством настроек для получения удовлетворительного результата (рис. 9). Имеются обширные возможности по предварительной обработке растрового изображения, включая трансформации, правку насыщенности и контраста, очистку от мусора и пр. Настроек трассировки не так много, но достаточно, чтобы както повлиять на результат работы программы.
Предлагается бесплатная версия, в которой отсутствуют некоторые функции (в частности, трассировки цветных изображений).
Рис. 9. WinTopo Raster to Vector Converter
* * *
Как уже упоминалось в начале обзора, все представленные программы имеют свои плюсы и минусы, но одно неоспоримо — с настройками по умолчанию практически невозможно достичь удовлетворительного результата. Впрочем, и доскональное знание настроек не гарантирует хорошего результата, что объясняется несовершенством алгоритмов трассировки.
В принципе, трассировать можно любое растровое изображение, однако результат будет напрямую зависеть от его качества. Решающую роль при этом играют чистота и ясность изображения. Кроме того, обычно трассировку применяют в отношении изображений только со сплошной заливкой и с предельно четкими контурами. Другими словами, для того чтобы получить в программе трассировки хороший результат, дизайнер должен сначала тщательно подготовить исходное растровое изображение. Использование специализированных растровых редакторов более предпочтительно, чем применение встроенных в трейсеры средств очистки от «мусора».
Итак, путем трассировки без предварительной подготовки можно быстро получить плохое или среднее по качеству векторное изображение, а на хорошее качественное векторное изображение необходимо затратить большое количество времени для тщательной настройки программы трассировки и предварительной подготовки растрового изображения.
Neuro Tracer — программа нового поколения
Производитель: Brand Security Systems GmbH
Ссылка: http://www.neurotracer.com/
Когда обзор был уже почти готов, в руки автору попала программа Neuro Tracer, о которой хотелось бы рассказать подробнее. Основной особенностью Neuro Tracer является использование технологии нейронной адаптивной фильтрации изображений. Суть ее заключается в возможности интеллектуальной предварительной подготовки исходных растровых изображений к трассировке, с учетом пожеланий пользователя. Например, пользователь может указать, какие области на изображении должны игнорироваться, а какие необходимо воспроизвести.
Входящий в состав данного программного продукта адаптивный нейронный фильтр позволяет в считаные минуты очистить даже очень «грязное» отсканированное изображение в полуавтоматическом режиме. Фильтру задаются небольшие участки отсканированного изображения с подсказками, что на самом деле желательно видеть в данном месте изображения. После обучения программа применяет предложенный метод обработки ко всему изображению.
Рис. 10. Neuro Tracer. На изображении старинной гравюры красным цветом отмечены участки с прорисовкой штрихов, а синим — участки с «мусором», которые должны быть удалены
На рис. 10 на изображении старинной гравюры красным цветом отмечены участки с прорисовкой штрихов (в том числе и в местах их слабой видимости), а синим цветом — участки с «мусором», которые должны быть удалены. Результат очистки изображения от «мусора» показан на рис. 11.
Опциональные параметры обработки растрового изображения в процессе трассировки можно задать в настройках фильтра и впоследствии применять ко всем видам растровых изображений. Установки фильтров могут быть сохранены и в дальнейшем применены к различным однотипным изображениям. При отсутствии в сохраненном фильтре информации об определенной части нового объекта фильтр можно «переобучить» с помощью новой дополнительной информации.
В Neuro Tracer есть и другие возможности, которые не встречались автору ни в одном другом трейсере, — например трассировка с указанием формы и направления объектов. Так, на рис. 12 в качестве значимых элементов были указаны пуантили гравюры.
Рис. 12. Трассировка с указанием типа объекта
В следующем примере (рис. 13) в качестве значимых объектов были указаны только линии определенной направленности.
Рис. 13. Трассировка с указанием линий определенной направленности
Немаловажной особенностью фильтра трассировщика является возможность разбирать изображение по цветовым составляющим. На рис.14 и 15 показан результат разбора сканированной иллюстрации. Разумеется, каждый цвет при этом располагается на своем слое.
Рис. 14. Увеличенный фрагмент иллюстрации, предназначенной для трассировки с цветоделением
Рис. 15. Результат трассировки с цветоделением
На рис. 16 довольно «грязное» изображение отпечатка пальца очищено и трассировано в три клика без какихлибо существенных затрат времени.
Рис. 16. Результат трассировки с цветоделением
Neuro Tracer позволяет загружать растровые изображения в 20 наиболее распространенных форматов, в том числе в JPG, PCD, PSD, PSP, TIFF, BMP и пр. Результат экспортируется в формате AI.
Все вышесказанное позволяет сделать вывод, что программа Neuro Tracer предназначена для профессиональной работы по векторизации растровых изображений и аналогов в настоящее время не имеет.
КомпьюАрт 1’2007
Как перевести растровое изображение в векторное в Фотошопе
О том, как сделать векторное изображение в Фотошопе, спрашивают довольно часто. Как известно, Photoshop — программа для обработки растровой графики и для работы с вектором не предназначена. С векторной графикой работают специальные графические редакторы. Но если очень нужно, а времени изучить новую программу нет, то с помощью некоторых манипуляций можно перевести картинку в вектор.
Что такое растровое и векторное изображение и чем они отличаются
Растровое изображение представляет и из себя сетку пикселей (точек). Всем нам привычное цифровое фото как раз и является растровым изображением. Векторное изображение состоит не из пикселей, а из геометрических примитивов: прямых, прямоугольников и других фигур.
Если уменьшить, а затем значительно увеличить растровое изображение, его качество будет бесповоротно испорчено. Поскольку каждый пиксель представляет из себя точку определенного цвета, а все вместе эти точки составляют картинку. При уменьшении изображения выбрасываются лишние пиксели, поэтому нельзя вернуть ему изначальный вид.
Масштабирование векторного изображения позволяет менять размер без потери качества. Это возможно благодаря математическим перерасчётам размеров геометрических фигур, из которых состоит изображение.
Растровое изображение позволяет достоверно передать визуальную информацию, у векторного такого преимущества нет. Изображения векторной графики могут пригодиться для визуализации логотипов и контурных рисунков. Фотографической красоты вы от них не получите. Или же это будут очень сложные изображения, состоящие из огромного количества примитивов, фактически заменяющих пиксели.
Еще больше о Photoshop — на курсах «Fotoshkola.net».
Простой пример, как растр перевести в вектор
Итак, вектор состоит из геометрических фигур. Photoshop обладает инструментами для создания контуров. Контур и есть геометрическая фигура. Чтобы сделать векторное изображение в Фотошопе, нужно создать контур изображения. Помогут нам в этом инструменты группы «Выделение»/Select: «Прямоугольное выделение»/Rectangular Marquee Tool, «Эллиптическое выделение»/Elliptical Select Tool,** «Волшебная палочка»/Magic Wand Tool, **«Быстрое выделение»/Quick Selection Tool и «Перо»/Pen tool.
Чтобы вектор получился аккуратный, стоит выбирать растровое изображение максимально хорошего качества, иначе прорисовку контуров нужно будет делать вручную.
Открываем растровое изображение в фотошопе (самый распространенный формат растрового изображения — JPG). Очень легко поддаются обработке логотипы, контурные рисунки, эскизы. Чтобы получить векторный эскиз портрета, сначала можно преобразовать портрет в эскиз с помощью «Галереи фильтров», либо использовать готовый поп-арт. О том, как работать с «Галереей фильтров» и быстро создавать поп-арт из фото, мы рассказывали в предыдущих статьях. Для этого примера мы возьмем готовый поп-арт-портрет. Умышленно мы подготовили его из фото не самого лучшего разрешения. Поэтому векторный вариант покажет нам заметную разницу.
Чтобы работать с контурами, вам нужно вызвать закладку «Контуры»/Path на палитру слоёв. Для этого зайдите в меню «Окно»/Window и отметьте пункт «Контуры»/Path. Закладка появится на палитре слоёв.
Изображение имеет 4 цвета (фон не считаем). Берём инструмент «Волшебная палочка»/Magic Wand Tool и выделяем первый цвет. Чтобы выделить все участки, рассредоточенные островками по изображению, удерживайте Shift.
Когда первый цвет выделен, выбираем инструмент «Лассо»/Lasso либо «Прямоугольная область»/Rectangular Marquee Tool и, не снимая выделения, щёлкаем правой клавишей мыши. В контекстном меню выбираем «Образовать рабочий контур»/Make Work Path.
В диалоговом окне указываем максимальное сглаживание «Допуск»/Tolerance (от 1 до 10; чем ниже цифра, тем лучше повторятся контуры). Жмём Ok.
На закладке «Контур» появится первый контур. На изображении он будет заметен в виде кривых с точками. Их можно выровнять и подогнать с помощью инструмента «Выделение узла»/Direct Selection Tool. Этим инструментом выделяем точку и либо корректируем кривую, перемещая усик точки, либо подвигаем саму дугу.
На закладке «Контур» меняем название контура. Для этого щёлкаем по нему двойным щелчком и в диалоговом окне изменяем имя.
Проделываем все описанные шаги с остальными цветами. В итоге получаем четыре контура для каждого цвета.
Получив контуры, остаётся создать вектор. Переходим на закладку «Слои»/Layer на палитре слоёв, создаём новый слой Shift+Ctrl+N. Основной цвет задаём тот, в который окрасим первый контур.
Возвращаемся на закладку «Контур», становимся на первый контур. В главном меню в пункте «Слои»/Layers выбираем «Новый цвет заливка»/New Fill Layer — «Цвет»/Solid Color. В открывшемся окне жмём Ok.
Теперь, перейдя на закладку «Слои»/Layers, вы увидите на новом слое первый векторный слой.
Проделаем эти шаги для каждого контура.
Так мы получили четыре фигуры, которые составили портрет. Теперь можно сохранить в файл с векторным расширением SVG (слой с исходной картинкой удаляем). Нажимаем Alt+Shift+Ctrl+W (экспортировать как). В диалоговом окне выбираем расширение файла SVG, жмём «Экспортировать всё»/Export All.
В следующем диалоговом окне, как обычно, указываем имя файла и путь.
На этом всё. Способ достаточно простой.
Если вам предстоит часто работать с векторными изображениями, возможно, эта статья вдохновит вас на изучение новых графических редакторов. В любом случае, вы узнали ещё один полезный метод. Желаем вам отличных работ.
Еще больше о Photoshop — на курсах «Fotoshkola.net».
NexxDigital — компьютеры и операционные системы
Перевести изображение в вектор. Онлайн конвертер растровых изображений в векторные
Частенько появляется необходимость конвертации растрового изображения в векторное. Сделать это можно как при помощи CorelDraw, так и других специальных программ. Однако гораздо проще и удобней будет воспользоваться онлайн сервисом, например, таким как герой нашего сегодняшнего обзора.
Image Vectorizer – бесплатный сервис перевода растра в вектор. На выходе Вы получите SVG файл. Поддерживает загрузку изображений следующих форматов: JPG (JPEG), PNG и BMP. Есть ограничение на размер загружаемого файла – он не должен превышать 1MB. Маловато конечно, но для картинок небольшого размера вполне достаточно.
Как работает конвертация растра в вектор
Векторная графика – это набор кривых, точек, линий, которые представлены математическими выражениями. Растровая графика – это набор пикселей со значениями цвета и яркости. Онлайн конвертер находит участки с одинаковыми параметрами яркости и цвета и представляет их в виде линий, кривых и окружностей.
В результате этого растровую картинку SVG формата можно бесконечно увеличивать без потери качества.
Переводим растр в вектор
Онлайн сервис начинает свою работу сразу после загрузки исходного изображения.
Слева на экране Вы видите исходный файл с набором обнаруженных в нем цветов, справа – результат:
При помощи имеющихся инструментов Вы можете:
- Отключать присутствие определенных цветов
- Устанавливать общее число цветов в SVG файле
- Задавать Tolerance (Допустимое отклонение) и Blur (Размытие)
Меняя параметры и нажимая кнопку «Update», Вы сразу видите финальный результат. Чтобы долго не мучиться с настройками, можно также воспользоваться готовым набором пресетов:
- Фотография (много/мало цветов)
- Рисунок (много/мало цветов)
- Клипарт (чёрно-белый, много/мало цветов)
Нажимая на кнопки + и – в правой части окна, можно увеличивать или уменьшать значения Цвета, Детализации, Ширины границы. Там же можно слить все слои с цветами в единый слой.
После того как результат Вас удвовлетворит, назимайе кнопку «Download» и скачивайте векторное изображение формата SVG на свой диск. Всё бесплатно.
Также у сервиса есть такая фишка как генератор G-кода (G-code generator). Не представляю для чего она нужна. Если кто знает – напишите в комментариях.
Допустим, у нас есть какое-то растровое изображение и мы хотим получить его в векторном виде (или в кривых). Что нам для этого необходимо сделать? Прежде всего нужна программа Adobe Illustrator.
Версия значения не имеет.
Порядок действий
Открываем наше растровое изображение в Adobe Illustrator. Для этого можно кликнуть на рисунке правой кнопкой мыши и выбрать из выпадающего меню Открыть с помощью… > Adobe Illustrator или запустить иллюстратор и перетащить рисунок на рабочую область.
Исходное изображение
На панели инструментов выделяем инструмент «Выделение » (черная стрелочка) и этой стрелочкой щелкаем на нашем изображении. При этом рисунок должен выделиться. Чтобы проверить это, можете попробовать немного переместить его, зажав левую кнопку мыши, когда курсор находится над рисунком (по принципу drag-and-drop).
Над рабочей областью находим кнопку «Быстрая трассировка » и щелкаем на расположенную рядом стрелочку. Она показывает все доступные для этого действия опции. Нам нужен пункт «Параметры трассировки… «. Когда мы на него кликаем, открывается окно с параметрами.
В правой части окна параметров выбрать пункт «Просмотр «. Это поможет получить более хороший результат и разобраться за что отвечает каждый из параметров.
1) делать по-науке, то есть вам нужно будет прочитать во всплывающих подсказках, какой из параметров на что влияет и выставить необходимые значения;
2) поэкспериментировать с параметрами самостоятельно, используя так называемый «метод научного тыка».
Я предпочитаю второй способ: во-первых, не всегда русский перевод того или иного слова полностью передает заложенный в оригинале смысл, а во-вторых, зачастую так быстрее и проще запоминается. Изменяете параметр. Смотрите, на что влияет (визуально). Комбинируете несколько параметров. И так до достижения более-менее приемлемого результата.
Полученное векторное изображение.
Когда картинка уже похожа на истину, в окне параметров трассировки нажимаем «Трассировка » и в меню над рабочей областью кнопку «Разобрать «. Таким образом мы получаем первоначальное изображение, но уже в кривых.
Если же вас не устраивает полученный результат, его можно доработать. Для этого с помощью инструмента «Выделение » необходимо выбрать все созданные кривые (нажать левую кнопку мыши и, удерживая ее, обвести весь рисунок целиком). Идем в пункт меню «Объект » > «Трансформирование » > «Масштабирование » и меняем размер изображения таким образом, чтобы оно было достаточно большим для удобства редактирования. Затем выбираем инструмент «Прямое выделение » (белая стрелочка). Этой белой стрелочкой поочередно кликаем в каждый узел и выравниваем сплайны так, как это необходимо: при выделении вершины рядом появляются усы, потянув за которые можно изменять кривизну сплайна.
Результат в режиме сетки
Также более хороший результат можно получить, если изначально брать крупное изображение хорошего качества. Поэтому, если нет желания тратить время на подшаманивание узлов сплайнов в будущем, используйте качественные изображения в качестве сырья для трассировки!
На просторах рунета я нашел изображение логотипа. Можно ли перевести её из растра в вектор в Фотошопе, причем автоматически? Нет, нельзя. Увы, пока тенденции вектора в Фотошопе таковы, все что в этом направлении было сделано, осталось неизменно ещё 5 версий назад. С тех пор оно не трогалось, не изменялось и ничего нового в векторе не добавлялось. Вам нужны были векторные инструменты в фотошопе? Вот они, хотите больше? Что вообще вы забыли в Фотошопе, осваивайте Иллюстратор. Примерно такой ход мысли двигал разработчиками, внедрявшими самые простые векторные операции в Фотошоп. А теперь перейдем к делу.
Перевод растра в вектор осуществляется через области выделения. Вначале мы создаем выделение, затем линии выделения переводим в векторные контуры, затем векторные контуры заливаем слоями заливки, создавая таким образом векторную маску. Для того что бы разобраться во всем этом не на уровне армейских команд — кликни сюда, кликни туда, стоит научиться работать с инструментами рисования вектора, понять как векторные контуры могут взаимодействовать друг с другом, и узнать как же создать векторную маску. Но не переживайте, вам не обязательно усаживаться за чтение до выходных, вы и так поймете как перевести растр в вектор в Фотошопе, если дочитаете статью до конца.
Выделение логотипа
Особо отмечу, чтобы перевод в вектор получился качественный, сама картинка должна быть большого размера. Это справедливо в случае трассировки в Иллюстраторе, а для Фотошопа это ещё важнее. Мое изображение имеет 1500 пикселей в ширину, когда мы закончим перевод в вектор, я покажу, как Фотошоп переводит маленький изображения и мы сравним результаты.
- Выбирайте инструмент Magic Wand Tool
- Настройте в опциях Tolerance 20 или 30.
- Там же кликните по иконке Add to Selection. Подробно о их работе я писал в статье Add, Subtract, Intersect и Exlude в Фотошопе где речь шла об инструментах вектора, но в выделении эти опции работают так же.
Мне честно говоря все равно как вы выделите логотип, хоть в ручную лассо, хоть через Color Range. Просто в данной ситуации, конкретно на этом изображении проще всего это сделать инструментом Magic Wand Tool.
Переводим выделение в векторный контур
Не переключайтесь с инструмента Magic Wand Tool.
Векторные изображения
Как перевести изображение в векторный формат?
Растровые графические двухмерные объекты складываются из точек (пикселей), векторные – из математически описанных простых элементов и фигур (линий, кривых Безье, окружностей, многоугольников и прочих). При растягивании точечного изображения происходит ухудшение его вида, а при увеличении или масштабировании векторного объекта качество остается неизменным. Переводить растровое изображение (например, фотоснимок, отсканированный рисунок) в векторный формат необходимо, в частности, для его качественной печати на носителе большой площади, при изготовлении клипарта, разработке логотипа.
Способы конвертации
Инструменты для проведения соответствующих операций (для ручной и автоматической трассировки) имеются в популярных графических векторных редакторах, таких как CorelDRAW, Inkscape, Adobe Illustrator и в других. Ранее в пакет «Корел» входила предназначенная для быстрой векторизации точечных изображений специальная программа CorelTRACE. Сейчас инструменты для автотрассировки пиксельных объектов включены в CorelDRAW. Следует учесть, что изображение, полученное в результате использования автоматической векторизации, может быть далеким от совершенства. Чем сложнее исходный точечный рисунок, тем больших усилий потребует доведение до совершенства полученного после автоматической трассировки векторного изображения. Иногда (например, при создании эксклюзивного дизайна логотипа) лучше использовать требующую немалых затрат времени ручную трассировку, позволяющую получить графический объект высокого качества.
В CorelDRAW перевод пиксельного объекта в векторный производится следующим образом. В открытый документ нужно импортировать точечный объект, предварительно обработанный в растровом редакторе (из изображения стоит убрать ненужные элементы, также лучше задать ему оптимальную резкость). Выделив вставленный объект, нужно перейти в меню «Trace Bitmaps», в котором имеется группа команд для трассировки различных видов. Для преобразования в векторный формат фотоснимков и рисунков следует использовать команду «Outline Trace» («контурное трассирование»). Она позволяет из точечного изображения получить векторное, состоящее из отдельных линейных объектов, которые можно редактировать. При выборе команды «Outline Trace» имеет смысл остановиться на одном из представляемых программой вариантов с предлагаемыми настройками для векторизации (логотип, клипарт, контурный объект и т. д.). Зачастую имеет смысл выбрать строчку «High Quality Image» («высококачественное изображение»). В появившемся окне опций трассировки можно попробовать задать любые ее параметры и сразу увидеть, как изменяется копия изображения («превью») по сравнению с исходным объектом. Выбрав наилучший вариант и нажав «ОК», вы получите векторное изображение, нуждающееся в некоторой ручной доработке. Удалите из него ненужные «узлы», сгруппируйте цвета, улучшите линии.
Если вам необходимо произвести в CorelDRAW векторизацию схемы или чертежа, следует выбрать команду «Centerline Trace» («каркасное трассирование»). Растровый рисунок преобразуется в линии («кривые»), толщину которых нетрудно изменить. Полученный объект сохраняется для полиграфии или доработки в любом из поддерживаемых векторных форматов (например, CDR, CDT, AI, GEM, CGM, EMF, DWG, WMF, SVG).
В последних модификациях классической программы для работы с точечными объектами Adobe Photoshop есть средства для конвертации пиксельного изображения в векторное. Нетрудно преобразовывать эскизы, штриховые объекты и логотипы, сложнее работать с портретами или фотоснимками. Конвертацию растра в вектор в «Фотошопе» можно сделать следующим образом. Открыв точечное изображение, преобразуйте его, если оно слишком сложное, в эскиз, задействуя соответствующий фильтр. Затем следует вызвать из меню «Window» на палитру слоев и каналов закладку «Path» («Векторный путь»), необходимую для манипуляций с кривыми Безье. После этого с помощью функции «Magic Wand Tool» выделяется один из главных цветов, имеющихся в объекте (чтобы захватить одинаково окрашенные отдельные участки, держите нажатой клавишу «Shift»). Полностью выделив данный цвет, захватите его с помощью «Lasso» либо «Rectangular Marquee Tool» и, щелкнув правой кнопкой мыши, в вышедшем контекстном меню задайте команду «Make Work Path». В возникшем окне выставьте необходимое сглаживание – «Tolerance» (от одного до десяти пунктов), затем нажмите «ОК». После этого возникнет первый рабочий контур или путь, видимый на редактируемом объекте как линии с точками, которые нетрудно выравнивать и подгонять, задействуя функцию «Direct Selection Tool». В закладке «Path» следует присвоить название рабочему контуру, возникшему в ней, дважды нажав на него и вписав наименование в вышедшее окно диалога.
Все вышеописанные операции необходимо произвести с прочими основными цветами, присутствующими в редактируемом объекте, чтобы сделать для каждого из них отдельный векторный путь (контур). После этого следует перейти на закладку «Layer» и создать новый слой. Его основным цветом нужно сделать тот, в который вы планируете окрасить первый контур. Затем необходимо на закладке «Path» выбрать рабочий путь, созданный раньше всех прочих, и в основном меню программы в разделе «Слои» задать команды «New Fill Layer» – «Solid Color», чтобы произвести заливку требуемого цвета. Когда после этого вы перейдете на закладку «Layers», на созданном ранее новом слое будет видна первая фигура, являющаяся линейной. Аналогичные действия осуществляются со всеми контурами, после чего получаются элементы, вместе составляющие графический векторный объект. Убрав слой с первоначальным пиксельным изображением, файл можно сохранить в векторном формате SVG для дальнейшей доработки или печати.
Те, у кого нет нужного программного обеспечения или необходимых навыков, для быстрой конвертации растрового объекта в векторный могут воспользоваться одним из предлагающих эту операцию бесплатных онлайн-сервисов. Загружаемые на них файлы с расширениями JPEG, PNG, GIF, BMP переводятся в форматы SVG, AI, WMF, EPS и другие. Однако качество получившегося изображения может быть различным, чаще всего его потребуется дорабатывать.
Следует учесть, что фотоснимок (состоящий из пикселей разных цветов) после конвертации в векторный объект станет как бы нарисованным или «мультяшным», он не будет содержать многие бывшие в первоначальном изображении полутона и мелкие элементы. Тогда как цветные рисунки и монохромная графика, логотипы после правильно произведенной конвертации в векторный формат практически не утрачивают своего изначального вида.
Преобразование фотографии в вектор
Векторизация фотографий — это процесс преобразования фотографии, которая находится в растровом формате, в векторный формат путем копирования ее с помощью программного обеспечения для векторного рисования. Векторное преобразование может быть выполнено вручную или с помощью автоматизированных инструментов.
О преобразовании фотографий в векторные
Векторные программы — это программы для рисования программ, поэтому преобразование фотографии в векторный формат означает создание рисунка на основе фотографии.Мы не рекомендуем преобразование фотографий в векторные, если вы не ожидаете именно этого; рисунок, а не более реалистичное изображение, такое как фотография.
К счастью, векторная графика обычно требуется только для определенных процессов, таких как гравировка и вывески без печати на резном дереве, металле, освещенных материалах, резном виниле и пескоструйном камне. Для некоторых из этих процессов может потребоваться дальнейшее преобразование изображения в черно-белое или одноцветное изображение.
Стили векторной графики
Рис. 1 — Исходная фотография
Рис.2 — Векторы PLUS Raster . Векторы + цветовые переходы. Эффекты смешения цветов в векторной программе на самом деле являются растровыми. Если ваш поставщик запросил вектор или высокого разрешения, то этот стиль приемлем. Не подходит для процессов, требующих 100% истинного вектора. См. Другие образцы с цветовыми градиентами.
Рис. 3 — Только векторы; не смешивает цвета. Этот стиль обычно требуется для специальной печати (чашки, фрисби, печать на определенных тканях) и вывесок без печати. Образцы
Рис. 4 — Только векторы; одноцветный. Этот стиль обычно требуется для гравировки и травления. Образцы. Больше возможностей для одноцветных векторных рисунков.
Материал, на котором будет размещена векторная графика, обычно определяет способ подготовки векторной графики.
Итак, разве фотография не может быть воспроизведена в векторном формате и выглядеть идентичной фотографии?
Простой ответ — да, для взыскательного глаза это невозможно, особенно если вы слишком увеличены. Идентичный внешний вид также не подходит для большинства целей создания векторной графики.
Фотографии, как и все растровые изображения, состоят из сотен тысяч пикселей разного цвета. Растровые форматы поддерживают 16 миллионов цветов, а квадратное изображение размером 1 Кбайт имеет миллион пикселей.Пиксели расположены так, чтобы сформировать узнаваемое изображение, например фотографию. Когда пиксели позиционируются с небольшими пошаговыми изменениями цвета для каждого соседнего пикселя, они образуют красивую и гладкую цветовую смесь (рис. 5).
Векторные программы работают иначе. Форма, также называемая объектом, должна быть создана, чтобы охватить каждый разный цвет. Создавать вручную объект для каждого пикселя разного цвета, который существует на фотографии, маловероятно и для большинства целей нежелательно.Даже программное обеспечение для автоматического преобразования, которое знает точный цвет и местоположение каждого пикселя, на самом деле не рисует каждый пиксель, вместо этого оно рисует объект для каждого большего кластера пикселей одинакового цвета. Поскольку в векторной графике нет крошечных пикселей очень похожего цвета рядом друг с другом, нет тонкой градации от одного цвета к другому, но есть четкое разделение цветов (рис. 6).
Чем больше цветных объектов создано, тем реалистичнее будет выглядеть векторное изображение — НО — те же процессы, которые требуют только вектор * обычно также требуют ограниченного количества форм / объектов и / или ограниченного количества цвета.
* Процессы, для которых требуется вектор ИЛИ с высоким разрешением, не имеют тех же ограничений, что и процессы, требующие 100%, true, только вектор art.
Хотя мы видим изображение выше как набор цветов, которые вместе образуют цветок, процессы, требующие векторной графики — такие как программное обеспечение для плоттеров и резаков — видят и управляются векторным контуром или «каркасом» каждого объекта, как показано ниже. На рисунке 7 показан сложный набор контуров объектов, который может не подходить для всех процессов.
Упрощенный векторный рисунок вручную с меньшим количеством цветов / объектов (рис. 8) лучше всего подходит для проектов, требующих использования только векторных изображений. Vector Conversions специализируется на рисованной векторной графике, такой как пример изображения ниже.
Нарисованная вручную векторная графика может обеспечить более простые очертания объектов (рис. 9) в соответствии с требованиями оборудования вашего поставщика. Для граверов изображение также должно хорошо выглядеть без цвета в штриховой форме.
Автоматическое преобразование вектора
Мы рекомендуем автоматическое преобразование фото в вектор только в том случае, если процесс, для которого вы будете использовать векторный файл, не требует ограниченного количества объектов / цветов — например, если вы собираетесь печатать на цифровом принтере, но вам нужен вектор для масштабируйте его больше — в этом случае автоматическая трассировка векторов может сработать для вас (пример РИС. 6). Автоматическая трассировка вектора — это самый простой и наименее затратный способ преобразовать фотографию в вектор.Однако инструменты автоматического отслеживания не всегда дают хорошие результаты. Мы специализируемся на создании векторных файлов вручную, это идеально, когда автоматизированное программное обеспечение не может дать желаемых результатов.
Конвертировать изображение онлайн 90+ форматов
Toggle navigation БЕСПЛАТНЫЕ ИНСТРУМЕНТЫ ДЛЯ РЕДАКТИРОВАНИЯ ИЗОБРАЖЕНИЙ-
Английский
汉语
Español
Français
Deutsch
日本語 6
CO I O- Инструменты изображения
- Фильтры изображений
- Обрезка изображения
- Обрезка круга
- Отразить изображение
- Повернуть изображение
- Отрегулировать яркость изображения
- Оттенки серого Повышение резкости изображения
- Размытие изображения
- Осветление фотографии
- Затемнение фотографии
- Регулировка контрастности изображения
- Добавление шума к изображению
- Сделать фотографию в тонах сепии
- Изменить экспозицию на фотографии
- Изменить оттенок изображения
- Изменить насыщенность изображения
- Отрегулировать яркость изображения
- Выровнять фотографию онлайн
- Фотография клипа (значения цвета)
- Инвертировать изображение (цвета)
- 90 170 изменить гамму изображения
- Цветная фотография на черно-белое изображение
- Пороговое изображение
- Монохромное изображение
- Эффект постеризации на фотографии
- Эффект свечения на фотографии
- Регулировка HSL в изображении
- Преобразование изображения инструменты
- Конвертировать 90+ форматов изображений
- Конвертировать JPG в файл PDF
- Конвертировать PNG в файл PDF
- Конвертировать png в изображение ico
- Конвертировать jpg в изображение ico
- Конвертировать png в изображение jpg
- Конвертировать jpg в изображение png
- Конвертировать JPG в Webp
- Конвертировать PNG в Webp
- Конвертировать Webp в JPG
- Конвертировать Webp в PNG
- Конвертировать изображение в Base64
- Base64 erter
- Конвертер изображения в HTML
- Инструменты для обработки изображений
- сжатие изображения в Интернете новый
- Изменить размер изображения
- Image Color picker
- Watermark image 900itter
70 Image Split Объединить изображения
- Карандашный набросок вашей фотографии
- Удалить белый фон
- Добавить текст к изображению
- Цензорное изображение
- Рукописное изображение подписи
- Генератор текста в изображение
- Наложение изображений
- Наложение изображений
- Генератор изображений-заполнителей
- Цветовая палитра из изображения
- Нарисовать подпись на фотографии
- Добавить логотип на фотографию
- Сделать прозрачным backg круглый
- Сделать изображение с закругленными углами
- Написать на изображении
- Добавить смайлики к фотографии
- Сделать Gif-анимации
- Анимированный GIF в JPG
- Анимированный GIF в PNG
- Flip Gif-анимация
- Повернуть Gif-анимацию
- Изменить скорость GIF-анимации
- GIF Resizer
- Извлечь изображения из GIF
- Присоединиться к изображениям GIF
- Генератор
Adobe Illustrator предлагает множество вариантов сохранения и экспорта.Это может пригодиться для проектов, связанных с веб-дизайном, маркетингом, графическими романами и т. Д. Чтобы получить ожидаемые результаты, важно знать, как правильно экспортировать изображение Illustrator в векторный формат.
Простой способ экспорта в векторном формате
Команда «Экспорт» хорошо подходит для создания копий, которые отражают формат, соответствующий потребностям вашего проекта.
Шаг 1 : Перейдите в Файл> Экспорт.
Шаг 2: Назовите новый файл и выберите папку / место для сохранения.
Шаг 3: Откройте раскрывающийся список «Сохранить как тип / формат» (Windows / Mac) и выберите формат векторного файла, например EPS, SVG, AI или другой вариант.
- Шаг 4: Нажмите кнопку «Сохранить / Экспорт» (Windows / Mac).
Почему имеет значение векторный формат
Если вы попытаетесь экспортировать проекты в виде файлов GIF или JPEG, вы можете задаться вопросом, почему они кажутся искаженными или зернистыми после их увеличения. Это происходит потому, что форматы JPEG, GIF и PNG являются растровыми изображениями или растровыми изображениями, которые полагаются на мозаичное количество пикселей, а не на пути и математические вычисления векторов.
Растровые изображения при правильном размере выглядят потрясающе, но при попытке увеличить их возникают проблемы. Чтобы избежать этой проблемы, выберите вместо этого векторный формат файла.
Общие форматы сохранения и экспорта векторов
AI: Этот формат Adobe Illustrator содержит всю информацию из вашего проекта, позволяя вам редактировать и повторно редактировать документ снова и снова без потери данных.
SVG: Масштабируемая векторная графика популярна в веб-дизайне благодаря высокому качеству, отличной масштабируемости и небольшому размеру файла.
EPS: Shutterstock, содержащий векторную информацию и эскизы изображений для быстрого просмотра, использует векторные форматы Encapsulated PostScript, чтобы упростить поиск того, что вы ищете.
- PDF: Portable Document Format часто используется для приложений физической печати и маркетинга из-за его широкой совместимости и настроек безопасности.
Быстрый поиск идеального векторного изображения
Как преобразовать изображение в векторное в Illustrator?
В Интернете нет недостатка в изображениях, но не все они одинаковы. Большинство изображений, плавающих в сети, очень низкого качества. Как дизайнер, вы должны уметь взять среднее изображение PNG или JPG и превратить его в высококачественную векторную графику. К счастью, с Illustrator это можно сделать довольно легко.Готовы научиться преобразовывать изображение в векторное в Illustrator? Следуйте этим инструкциям.
Выберите изображение, которое нужно преобразовать в векторное. Изображения одного объекта обычно преобразуются в векторные файлы более плавно, чем изображения с несколькими объектами. Вам также повезет, если изображение имеет довольно низкое разрешение и прозрачный или белый фон.
Создайте отслеживаемую копию изображения с помощью инструмента «Трассировка изображения». Вы можете использовать реплицированное изображение для создания своего вектора.Для этого откройте и выберите изображение в Illustrator. Затем выберите фото с низкой точностью или фотографию с высокой точностью в раскрывающемся меню, расположенном рядом с трассировкой изображения. Hi-Fi обычно лучше всего работает с изображениями высокого разрешения, в то время как lo-fi обычно является лучшим вариантом для изображений низкого качества PNG и JPG.
Когда вы обводите изображение на шаге 2, все цвета группируются в формы, соответствующие исходному изображению. Прежде чем вы сможете создать свой векторный файл, вам нужно разделить цветовые группы.Начните с выбора изображения, которое вы только что обвели, затем нажмите кнопку «Развернуть» (расположенную в верхней части окна Illustrator). Теперь, когда вы выбираете свое изображение, оно должно быть окружено синим контуром.
Щелкните изображение правой кнопкой мыши, затем выберите «Разгруппировать» во всплывающем меню. Теперь у вас есть возможность разделять цветные фигуры. Цветовые группы должны быть разделены на отдельные слои на панели «Слои», если вы выполнили этот шаг правильно.
Теперь, когда ваше изображение является векторным, вы можете редактировать его по своему усмотрению.Удалите цветовые формы или измените цветовые группы, чтобы добиться желаемого результата.
Существует множество форматов, которые вы можете использовать при сохранении изображения как вектора, включая EPS, SVG, AI и PDF. Выберите нужный тип файла, затем перейдите в меню «Файл», выберите «Экспорт», затем «Экспортировать как» и введите название файла. Поздравляю! Вы успешно преобразовали изображение в векторное в Illustrator.
Хотя полезно знать, как конвертировать изображения низкого качества в векторные файлы, вы можете избежать этого шага, если в первую очередь выберете высококачественные фотографии.