Рисунок в штрихах из фотографии
В Интернете часто сталкивался с вопросом, как сделать из фотографии рисунок в штрихах. То есть как бы карандашный набросок. В этом уроке я расскажу о своем способе создания такого рисунка.
Данный урок был написан на основе рекламного ролика о школьных рюкзаках, где эти самые рюкзаки как бы «прорисовываются» на тетрадном листе.
Для написания урока использовался АЕ 7.0, а также плагины из пакетов “Cult Effects”, “Tinderbox” и стандартного набора.
Шаг 1.
В начале фотографии рюкзаков были обработаны в фотошопе, чтобы они имели одинаковый размер. Я создал файл Rukzaki.psd, в ТВ-формате (720х576), в который поместил 10 фотографий, и подровнял их по высоте.
Сохраняем этот файл, и переходим к «After Effect».
Шаг 2.
В АЕ создадим новую композицию, я назвал ее «List», размером 1400х1400 и укажем параметр Pixel Aspect Ratio – “Square Pixels”. Этот параметр важен при создании тетрадного листа. В противном случае, ваши клетки будут выглядеть как прямоугольники.
В этой композиции создадим новый слой белого цвета (можно добавить совсем немного сероватого, для большей реальности), и применим к нему фильтр “CE Grid”, из пакета “Cult Effects”. Используем следующие настройки фильтра
В настройках цвета я указал бледно-голубой, но вы можете поэкспериментировать с цветовой гаммой вашей тетрадки.
В результате применения фильтра у вас получится поверхность, весьма похожая на тетрадный лист.
Шаг 3.
Импортируем ранее созданный файл Rukzaki.psd в АЕ. И помещаем первую фотографию рюкзака на поверхность «тетрадного листа». После чего к этой фотографии применим плагин “T_Etch” из пакета «Tinderbox».
Цвет у параметра “Pen” подбирается как у чернил шариковой ручки. Я у себя настраивал фиолетовый.
Шаг 4.
Теперь займемся анимацией, то есть самой прорисовкой рюкзака. Длительность моей прорисовки составляла 1 секунду.
Перейдем в начало нашей композиции и установим ключ для параметра «Stroke Length» - 0,0. После этого переходим к 15-му кадру и изменяем этот параметр на 10.
Признаюсь вам честно, за ролик платили копейки, поэтому сильно я не заморачивался, а применил маску, при помощи которой в начале композиции «спрятал» наш рюкзак, а к 15-му кадру «раскрыл» его. При этом маска двигалась с «изломом» и получилось нечто похожее на прорисовку. Но в данном уроке мы рассматриваем возможность создания штрихового рисунка из фотографии, поэтому я не буду подробно останавливаться на прорисовке. Есть масса способов выполнить ее более качественно.
К остальным фотографиям был применен такой же способ, с теми же настройками. После чего фотографии были выстроены на временной линейке друг за другом, а в конце была добавлена картинка самого магазина.
Шаг 5.
Создадим новую композицию, формата PAL (720х576), в которую поместим нашу предыдущую композицию «List». Укажем, что данная композиция должна использовать 3D пространство, и настроим следующим образом ее положение
Над этой композицией разместим необходимые нам надписи, (слоган, название магазина), и фотографии рюкзаков, к которым тоже применим такие же 3D настройки, если хотим, чтобы надписи были на тетрадном листе, а не висели в воздухе.
Фотографии рюкзаков нам нужны для того, чтобы представить их в «нормальном» виде после прорисовки, поэтому их необходимо расставить в нужных местах и задавать изменение прозрачности.
Ну вот в принципе и все. Можно просчитывать готовую анимацию.
Скачать анимацию можно здесь:
Часть 1Часть 2Часть 3Часть 4Часть 5Готовый проект вместе с фотографиями можно скачать здесь:
Часть 1Часть 2Часть 3