Как перевести логотип из растрового формата в векторный ?

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

 

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

Перевод изображения из растрового в векторный формат (скриншот 1)

Далее нужно обесцветить изображение. Для этого открываем меню ИзображениеКоррекцияЦветовой фон / Насыщенность. В появившемся окне уменьшаем насыщенность изображения до самого минимального значения (-100).

Перевод изображения из растрового в векторный формат (скриншот 2)

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

Перевод изображения из растрового в векторный формат (скриншот 3)

Затем полностью выделяем изображение с помощью сочетания клавиш Ctrl + A, после чего копируем его в буфер обмена сочетанием клавиш Ctrl + C.

Перевод изображения из растрового в векторный формат (скриншот 4)

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

 

Когда документ создан, вставляем на него скопированное изображение, нажав сочетание клавиш Ctrl + V.

Перевод изображения из растрового в векторный формат (скриншот 5)

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

Перевод изображения из растрового в векторный формат (скриншот 6)

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

Перевод изображения из растрового в векторный формат (скриншот 7)

Чтобы можно было работать с отдельными частями изображения, необходимо его разбить на части. Для этого выбираем в меню ОбъектРазобрать. В параметрах выбираем деление на объекты и заливку.

Перевод изображения из растрового в векторный формат (скриншот 8)

Далее открываем слои изображения (в стандартном интерфейсе в правой колонке второй значок снизу), выделяем все пустые (белые) контуры и удаляем их, нажав на значок корзины.

Перевод изображения из растрового в векторный формат (скриншот 9)

Теперь давайте вернем логотипу привычные краски. Выбираем инструмент Прямое выделение и обводим какую-либо часть изображения. Затем в правой колонке программы выбираем панель цветов и обязательно переключаем режим на RGB.

Перевод изображения из растрового в векторный формат (скриншот 10)

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

Перевод изображения из растрового в векторный формат (скриншот 11)

Точно также раскрашиваем все изображение.

Перевод изображения из растрового в векторный формат (скриншот 12)

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

Перевод изображения из растрового в векторный формат (скриншот 13)

Выбираем инструмент Кривизна и щелкаем по границе контура, чтобы отобразились все его точки.

Перевод изображения из растрового в векторный формат (скриншот 14)

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

 

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

Перевод изображения из растрового в векторный формат (скриншот 15)

Перевод изображения из растрового в векторный формат (скриншот 16)

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