Как найти растр в векторе

Это сделать очень просто. Во всяком случае, в такой программе, как Adobe Illustrator. И весь процесс занимает пару кликов.

Способ 1.

Выбираем Window — Links. Если ничего нет, то никакая картинка не вставлена. И не важно, скрыто ли изображение или нет, оно будет там отображаться. Например, если создать векторный элемент и выбрать команду Object — Rasterize, то в списке появится новый элемент.

Способ 2.

Выбираем Window — Document Info. Нажимаем сбоку на стрелочку с черточками и выбираем пункт Objects. Затем нажимаем комбинация Ctrl+A, дабы выбрать все объекты. И смотрим на пункт Embedded Image. Там должны быть нули. Если же нет, значит, в файле есть растровый элемент.

Кстати, проверять файл стоит и до сохранения, и после, открыв файл повторно, Бывает так, что при первой проверки все недочеты не видны.

Как сделать растровое изображение векторным

Допустим, у нас есть какое-то растровое изображение и мы хотим получить его в векторном виде (или в кривых). Это можно сделать несколькими способами, рассмотрим 3 наиболее популярных:

• в программе Adobe Illustrator;
• с помощью Photoshop;
• бесплатной автоматической онлайн трассировкой на сайтах.

Внимание! Версия графических редакторов Adobe Illustrator и Photoshop значения не имеет. Можно использовать любую.

Способ подойдет для jpeg, png и других типов файлов.

Как перевести растр в вектор в Иллюстраторе

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

Исходное растровое изображение

На панели инструментов активируем «Выделение» (черная стрелочка) и ей щелкаем по изображению. При этом картинка должна выделиться в рамку. Чтобы проверить это, можете попробовать немного переместить её, зажав левую кнопку мыши, когда курсор находится над изображением (по принципу drag-and-drop).

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

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

Дальше есть два пути:

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

Предпочитаю второй способ: так быстрее и проще запоминается. Изменяем параметр. Смотрим, на что влияет (визуально). Комбинируем несколько значений. И так до достижения более-менее приемлемого результата.

Полученное векторное изображение.

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

Если полученный результат не устраивает, его можно доработать. Для этого с помощью инструмента «Выделение» необходимо выбрать все созданные кривые (нажать левую кнопку мыши и, удерживая ее, обвести изображение целиком). Идем в пункт меню «Объект» — «Трансформирование» — «Масштабирование» и меняем размер изображения таким образом, чтобы оно было достаточно большим для удобства редактирования. Затем выбираем инструмент «Прямое выделение» (белая стрелочка). Ей поочередно кликаем в каждый узел и выравниваем сплайны: при выделении вершины рядом появляются усы, потянув за которые можно изменять кривизну линий.

Результат преобразования растрового изображения в вектор в режиме сетки

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

Как из растра сделать вектор в Фотошопе

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

Чтобы перевести растр в вектор в Фотошопе, открываем в нём изображение и выбираем в меню File — Save as (сочетание горячих клавиш Ctrl + Shift + S). Появится список возможных вариантов, как сохранить файл. Подходят 3 формата: svg, tiff и pdf. Можно поочередно сохранить во всех трёх и далее уже работать с тем, где лучше качество.

Перевод растра в вектор онлайн бесплатно

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

Сервис поддерживает разные форматы входных и получаемых файлов. Настройка включает в себя около 10 параметров.

Принцип работы следующий:

1. Загружаем файл с локального диска (можно указать ссылку на картинку в интернете и работать с ней).
2. Выставляем желаемые параметры и качество в DPI (количество пикселей на дюйм, чем больше, тем лучше, но и файл будет весомее).
3. Нажимаем на синюю кнопку «Конвертировать».
4. Чуть ниже в табличке скачиваем результат.
5. Проверяем на всякий случай антивирусом, оцениваем качество. Если хочется сделать лучше, меняем параметры и прогоняем трассировку до тех пор, пока не будет достигнут желаемый результат.

Оцените, насколько понравился материал статьи:

Преобразуем растровые объекты в векторные

by vecart_admin. Последнее обновление: 26 марта, 2012

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

Как найти растр в векторном файле

Для того, чтобы найти растрированные объекты в векторном файле необходимо сделать следующее:

• открыть файл
• на вкладке Window открыть панель Links

Если панель Links пуста, то в вашем файле нет растрированных объектов.

Преобразуем текст в вектор (кривые)

Для примера набираем текст.

При выбранном тексте на вкладке Object выбираем пункт Expand.

В появившемся окне ставим галочки в полях Object и Fill. Жмем ОК.

Текст преобразован в вектор. Разгруппировываем его.

И каждая деталь стала независимой векторной фигурой.

Преобразуем фотографию в вектор

Для примера я взял черно-белую фотографию с одного из бесплатных микростоков.

Выделяем фотографию и на верхней панели появляется кнопка Live Trace. Жмем ее.

Далее жмем кнопку Expand.

Разгруппировываем и готово.

Дополнительные возможности

Минуту назад мы произвели простую трассировку (Trace) с установками по умолчанию. Также в Adobe Illustrator есть возможность производить трассировку с необходимыми настройками. Варианты трассировки можно найти на вкладке рядом с кнопкой Live Trace.

Чтобы открыть окно настроек трассировки выберите пункт Tracing Options. В открывшемся окне поставьте необходимые параметры.

Эффекты в Adobe Illustrator

После использования эффектов Adobe Illustrator векторные объекты могут быть растрированы.

Минуту назад мы произвели простую трассировку (Trace) с установками по умолчанию. Также в Adobe Illustrator есть возможность производить трассировку с необходимыми настройками. Варианты трассировки можно найти на вкладке рядом с кнопкой Live Trace.

Пока моя заметка о масках в Фотошопе не остыла, срочно хочу осветить вопрос перевода растра в вектор. Два дня назад, я зашел в свой хронофагский Google Analytic и что же я увидел. Оказывается некоторые попадают на мой сайт по запросу «растр в вектор», а между тем, на моем сайте нет ни одной толковой заметки на данную тему. Люди же мучают Google на перевод растра в вектор в Corel Draw, Illustrator и даже Adobe Photoshop. Начнем с Фотошопа.

Из растра в вектор. Зачем это нужно?

Фотошоп — растровая программа. Вектор в нем присутствует в виде векторных контуров. Как таковых, векторных объектов в Фотошопе нет. Но есть есть векторные контуры, которые могут быть преобразованы в векторную маску. Маска накладывается на эффект или объект и получается вектор в фотошопе. Содержимое такого объекта все равно растровое, но может преобразовываться в вектор при сохранении в некоторые форматы.

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

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

Перевод растра в вектор в Фотошопе

Что именно способен перевести в вектор Фотошоп? Что угодно, если вы заранее выделите этот объект инструментами группы Select. Фотошоп конвертирует в контур любое выделение. Об инструментах выделения можно прочесть в статье Примитивах выделения в Фотошопе. Приведу рабочий пример. Много лет назад ко мне обратился очень непростой заказчик, затребовавший непростой сайт. Для сайта необходимо было выполнить различный арт, и я решил нарисовать его в фотошопе. В ходе рисования я перевел его в вектор, и сейчас я расскажу как. Вот одно из подобных изображений, которое я рисовал кистью с твердыми краями на планшете. Я обвел оригинального Витрувианского человека, видоизменил его и нарисовал свое, отличное от оригинала, лицо. Идея векторизировать арт пришла случайно. Но реализовав её, я получил возможность как угодно масштабировать человека. Более того, ранее рваные края и неровности после векторизации сгладились.

Находим изображение для трассирования

Я подыскал в Google Картинки бабочку. Её мы и переведем в вектор. Учтите, что чем больше изображение, тем ровнее получится наш векторный объект. Это справедливо и для Фотошопа и для Иллюстратора. Под большим изображением я понимаю картинку от 1000 пикселей в ширину и больше. Моя бабочка к примеру от 2000 пикселей.

Выделяем объект

Выберите из меню Tool самую обычную волшебную палочку Magic Wand Tool и кликните по белой области. Так мы создали область выделения, но выделить нужно бабочку.

Зайдите в Select > Inverse или кликните по рабочей области и из появившегося меню выберите Select Inverse. Смысл в том, что созданное выделение надо инвертировать чтобы выделить бабочку. Честно говоря мне совершенно все равно как вы будете создавать ваше выделение. Хоть вручную обводите лассо, это не имеет никакого значения.

Создаем векторный контур

У нас есть выделенная область, теперь конвертируем её в векторный контур path. Выберите любой инструмент выделения вроде Lasso Tool, Rectangular Marquee Tool или Magic Wand Tool. Кликните по области выделения правой кнопкой мыши и в появившемся меню выберите Make Work Path. В появившемся меню установите степень сглаживания Tolerance по вкусу. Зависимость простая. Чем выше цифра, тем выше сглаживание. Чем ниже цифра, тем ниже сглаживание. Высокое сглаживание означает более низкое количество векторных узелков и более неточное следование растровому контуру. В случае с моим Витрувианским человеком именно такого эффекта я и добивался.

Итак, в палитре Path у нас появился рабочий контур. Если у вас нет палитры Path откройте её Windows > Path Рабочая область палитры Path похожа на десктоп или временное пристанище. На ней могут появляться разные контуры, но если вы позаботитесь о последовательном сохранении, со временем они исчезнут. Сделайте двойной клик по контуру Work Path и сохраните контур отдельно. Контуры в области Path работают так же как слои в палитре Layers. Если контур выделен, значит он активен и с ним можно работать.

Инструменты для работы с контурами в фотошопе — Path Selection Tool и Direct Selection Tool. У нас есть контур, но нет объекта. Если вы читали серию моих заметок о векторе в фотошопе вы уже знаете, что вектор в фотошопе представлен в виде векторной маски для какого-то эффекта или графики. Еще вектор может присутствовать в виде умного слоя, ссылающегося на импортированный фаил Иллюстратора, но это оставим для другой заметки. Выделите контур инструментом Path Selection Tool или в палитре контуров Path. Нажмите Layer > New Fill Layer > Solid Color Мы создали слой заливки, которому сразу присваивается векторная маска в виде нашего контура.

Доработка векторного контура

Пользуясь материалами, которые я описал в статьях Векторные инструменты рисования в Фотошопе и Add, Subtract, Intersect и Exlude в Фотошопе усложним рисунок. Я взял инструмент Pen Tool, выделил маску слоя заливки. В настройках Pen Tool выставил Subtract и дорисовал некоторые элементы нашей бабочке. Вырезал узоры на крыльях, а ножки и усики сделал толще.

Создание произвольной фигуры Custom Shapes

Вы всегда можете сохранить полученный объект в произвольные фигуры Custom Shapes. Некоторое время назад я упоминал о том как это можно сделать в статье Custom Shape Tool в Фотошопе. Выделите слой с бабочкой и нажмите Edit > Define Custom Shape Наша бабочка появилась в фигурах инструмента Custom Shapes Tool.

А вот то, что у нас получилось в итоге:

Перевод растровой фотографии в вектор в Фотошопе совершенно бессмысленное занятие. Но иногда подобные техники могут пригодиться для побочных работ с графикой и не только.

Перевод из растра в вектор фотографии в фотошопе

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

Одним из упомянутых мною эффектов является Filter > Artistic > Cutout Оставляю настройки на вашей совести. Изображение должно получиться максимально реалистичным, но сильно сглаженным. На этом можно было бы остановиться, изображение уже выглядит «векторно», но оно по прежнему растровое.

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

Итого, вся фотография преобразована в векторные области. Последнюю белую область мы не будем преобразовывать в вектор. Просто нарисуйте большой белый квадрат инструментом Rectangle Tool и поместите его под все слои. После легкой чистки и доработки контуров фотография выглядит так, как на картинке ниже. И ещё раз, подобная работа не предназначена для Фотошопа и является скорее извращением. Но, это можно сделать, и в различных ситуациях подобные приемы могут пригодиться. Обработка фотографии заняла у меня 10 минут, так что подобная работа не отнимает массу времени. И помните, чем большего размера фотографию вы разложите таким образом на слои, тем лучше и эластичнее контур сможет обогнуть области выделения. Тем менее угловатой и грубой получится наш вектор в Фотошопе. Различные настройки Toleranse при создании контура тоже дадут разный результат. Удачных экспериментов!

1 ответ:

Читайте также

Открытые пути

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

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

Откуда берутся открытые пути

• Чаще всего это кисти или линии, которые вы забыли разобрать. Ко всем контурам стандартных кистей надо
  применить expand, после этого в них появится открытый путь (в версии
  Illustrator до CS3 включительно).
• Иногда открытые пути возникают после использования функции «Object -> Path -> Simplify» или в результате использования инструмента «Smooth Tool».
• Flatten transparency. В добавление к прочим неприятным вещам,
  использование этого эффекта может привести к появлению открытых путей;
• Применение Align stroke to the inside и Align stroke to the outside
  (для контурного объекта) – функция на панели Stroke – приведет к
  появлению открытых путей при сохранении в 8 EPS, потому что к этому
  объекту применится expand;
• То же самое касается и добавления контура через панель Appearance. При последующем применении expand возникают открытые пути.

Как найти открытые пути

Бесплатный плагин Select Menu  один из простейших способов обнаружения открытых путей.  Выберите Select&Open Paths из меню и все открытые пути будут отображены.

Какие открытые пути плагин не выделит:

• закрепленные открытые пути
  (lock)
• скрытые (hide),
• направляющие линии также являются открытыми
  путями

Самый надежный способ выявления наличия или отсутствия открытых путей в файле – это панель Document Info (Window&Document Info) в Illustrator. В ней показывается вся существенная информация об иллюстрации, в том числе и
количество открытых и закрытых путей.

Как закрыть пути

• Если открытых путей не много. С использованием функции панели Pathfinder для пошагового закрытия путей. Если
  инструмент Knife (нож с зубчатым лезвием) и нарисовать им круг
  вокруг иллюстрации, залитые объекты замкнутся. Пути с нулевой заливкой останутся открытыми.
• Специальные плагины и скрипты:например, плагин Point Control для iMac.

Растровые элементы

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

Чаще всего это результат использования растровых эффектов или  некорректное сохранение. Например, если вы использовали
прозрачности или режимы наложения, а сохранили файл в формате EPS8.

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

• Drop Shafow (Тень), 
  
• Gaussian Blur(размытие по Гауссу)
• Radial Blur (радиальное размытие)

Они дают пикселизацию, что
является растром, хоть их и не видно как <Images> в палитре Layers, так и палитре Lins.

Необходимо обязательно проверять файл на наличие/отстутсвие ошибок после сохранения в ранней версии.

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

Несколько способов поиска растрированных объектов в векторном файле.

Палитра Links

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

Чтобы найти эти объекты, мы выбираем искомый элемент на палитре, жмем на
кнопку внизу палитры Go to link и Adobe Illustrator нам
показывает найденный объект.

Палитра Layers (слои)

Просмотрите последовательно все слои и группы в вашем файле, нужно искать все элементы с надписью Clip.

Например,  раскрыв надпись Clip Group,
мы найдем векторную обтравочную маску Clipping
Path, с помощью который раст выдает себя за вектор, а ниже
слово Image, которое и означает растр, что это растр

Smart Guides

Этот способ хорош для вектора с небольшой
детализацией. Включаем умные направляющие <Ctrl>+U> или через
меню View (Вид) — Smart Guides. Далее выбираем инструмент Selection (Выделение) черная
стрелочка <V> и просто водим мышкой по рисунку.

Объекты, которые попадут под указатель, будут подсвечиваться выделением. А с помощью Smart Guides выделяются прямоугольные области: