Создание векторных иллюстраций из фотографии

Создание векторных иллюстраций из фотографии

На днях на моём любимом сайте VectorTutsPlus.com видел урок по созданию живописных векторных облаков с помощью инструмента Mesh Tool, которые можно легко масштабировать без потери качества. Но так как там урок представлен на английском и для иллюстратора, то я решил его переделать для Корела и на нашем родном языке. Фотку с облаками взял свою. Вообще алгоритмы преобразования фотографии в вектор у Корела и Иллюстратором отличаются, поэтому речь будет идти только о Corel Mesh.

Шаг 1

Создадим новый документ (Ctrl+N), формат любой. Перетащим сюда фотку (я обычно не пользуюсь вкладками «Открыть» или «Импорт», а сразу перетаскиваю из папки в рабочее поле, так быстрее). Для удобства нажмите «Р», фото расположится по центру страницы. Сразу сделайте копию фото для последующего сравнения с оригиналом. Для быстрого создания копии, удерживайте левой кнопкой мыши объект, и куда-нибудь перетащив, не отпуская левой, щелкните на правую кнопку — тут же появится её копия.

Шаг 2

Выберите слева внизу инструментов «Интерактивную заливку сеткой» (М).

Интерактивная заливка сеткой Mesh

Выставьте вверху в левом уголке значения строк и столбцов, 40 и 24 соответственно.

разметка сетки

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

Шаг 3

Щелкните выбранным инструментом на фотографии, с которой вы намереваетесь работать. Сетка с выбранными параметрами «ляжет» на фото.

сетка на фотографии

А теперь самое интересное – сдвиньте слегка в сторону любой из узлов.

сдвигаем узлы

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

предварительный результат прорисовки сеткой

Шаг 4

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

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

лепка формы

Шаг 5

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

плавность перехода цвета

Шаг 6

Самый нудный и долгий этап в этой работе, который может занять несколько часов или дней, в зависимости от сложности фотографии и того эффекта, который вы от неё добиваетесь. Если хотите получить более реалистическое изображение, то придётся запастись усидчивостью. Именно поэтому стоимость работ такого плана не из дешёвых – качественная отрисовка фотоизображения в вектор. Такая работа требует тонкого чувства цвета, градаций и объёма.

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

выбор выделяемой области

Заключение

Основные моменты при работе над векторизацией фотографии мы разобрали, если что-нибудь будет непонятно, спрашиваем в комментариях. Это не окончательное изображение, а лишь для наглядного понимания возможностей заливки сеткой Mesh. Так как детальная работа и окончательная доводка требует большего времени, чем подготовка этого урока. В целом, надеюсь, урок поможет лучше понять градиентную заливку сеткой Corel Draw и разбудит желание попрактиковаться на досуге.

заключительное векторное изображение

Можете скачать результат нашего творчества и поразбираться в сетке, узлах, заодно будет проще понять, как и что. Сохранил в 11-ой версии.

(UploadBox zip, cdr, 1.09 Mb)

(DepositFiles)

ВНИМАНИЮ дизайнеров! Хочешь получить 100 $ за логотип? Светлана Бобровская организовала конкурс на лучший логотип для её образовательного сайта, в котором принять участие может любой желающий, владеющий техникой векторной графики. Я уже подал заявку и жду конкурентов. Давайте малость посоревнуемся, коллеги! Подробности узнавайте здесь.


Получать новости блога на почту:


Комментарии

  1. Irisha пишет:

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

  2. kita пишет:

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

  3. Дизайнер-художник пишет:

    Просто помогает уже иметь готовую форму для работы, нежели это облако рисовать в Mesh с нуля. С начала уйдет ещё больше времени. Не совсем понял “просто подвигать ячейки”? Вы пробовали рисовать этим инструментом? Такое ощущение, что Вы “не в курсе” для чего он предназначен..

  4. TropicCamel пишет:

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

  5. Торговые стратегии Форекс пишет:

    Выглядит реалистично. Но это довольно сложная работа и не у каждого хватит терпения ее проделать.

  6. X-WoL пишет:

    Хех, сетка конечно голову мутит… И ой-как… Но всё равно урок дельный, спасибо!

  7. vypf пишет:

    Очень трудоемкая работа! Но получалось эффектно!

  8. Дизайнер-художник пишет:

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

  9. Alina пишет:

    Облака конечно получились неплохие, но вот с корректировкой узлов сетки замучилась.

  10. Светлана пишет:

    Спасибо за поддержку и решение принять участие. Заявка принята.

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

    Тема этой статьи для меня просто открытие. Даже не предполагала о таких возможностях векторных программ!