На главную страницу сайта Уроки | Лента событий | Галерея | Лента активности | Форум
Я забыл пароль | Регистрация
Анимация | Базовые | Дизайн | Работа с фото | Текстовые эффекты | Эффекты
Добавить виджет на гравную страницу Яндекса
 
Просмотров: 12694
Средней сложности Размещено: 30.10.2011 г.

Создаем эффект мультипликации на фото


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

Предварительный просмотр финального результата:


Создаем эффект мультипликации на фото


Шаг 1.


Открываем изображение девушки из ресурсов урока (Ctrl+O).


Создаем эффект мультипликации на фото


Сразу обесцвечиваем изображение (Image-Adjustment-Desaturate).


Создаем эффект мультипликации на фото


Получаем следующий результат:


Создаем эффект мультипликации на фото


Шаг 2.


Дублируем этот слой (Layer-Duplicate Layer или Ctrl+J).


Создаем эффект мультипликации на фото


Инвертируем цвета на изображении (Image-Adjustment-Invert или Ctrl+I):


Создаем эффект мультипликации на фото


В результате получаем подобие негатива:


Создаем эффект мультипликации на фото


Изменяем режим смешивания (Blending Mode) этого слоя на Осветление основы (Color Dodge):


Создаем эффект мультипликации на фото


Шаг 3.


Переходим в меню Фильтр-Размытие-Размытие по Гауссу (Filter-Blur-Gaussian Blur).


Создаем эффект мультипликации на фото


Оставим только контуры изображения. Устанавливаем радиус размытия на 5,7 рх.


Создаем эффект мультипликации на фото


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


Создаем эффект мультипликации на фото


Шаг 4.


Выполняем сведение слоев изображения. Для этого, нажимаем пр.кн.мыши по миниатюре любого слоя и выбираем – Flatten Image (Layer-Flatten Image).


Создаем эффект мультипликации на фото


Полученный объединенный слой переименовываем (двойной клик по названию) в слой «Эскиз».


Создаем эффект мультипликации на фото


Создаем новый слой (Ctrl+Shift+N) под слоем с эскизом и заполняем его (Edit-Fill или инструмент Paint Bucket tool) белым цветом (#ffffff).


Создаем эффект мультипликации на фото


На слое с эскизом создаем маску (Layer-Layer Mask или клик по иконке маски внизу панели слоев).


Создаем эффект мультипликации на фото


Шаг 5.


Активируем маску слоя с эскизом (клик по ней) и выбираем Кисть (Brush) черного цвета (#000000) размером 50 рх с 45% жесткостью (Hardness). Закрашиваем области фона слева от девушки и правый верхний угол.


Далее, изменяем размер кисти до 4-5 рх со 100% жесткостью, и закрашиваем линии рядом с контуром левой стороны каждой ноги девушки.


Чтобы очистить от лишних штрихов ноги, используем черную Кисть (Brush) размером 35рх с мягкими краями, проводя по ним.


Создаем эффект мультипликации на фото


Теперь ваш эскиз должен выглядеть более четко, как на изображении ниже:


Создаем эффект мультипликации на фото


Шаг 6.


Устанавливаем режим смешивания (Blend Mode) слоя с эскизом на Умножение (Multiply), затем дублируем его (Ctrl+J или Layer-Duplicate Layer) 7 раз. Такой прием поможет проявить недостающие детали изображения.


Создаем эффект мультипликации на фото


Выделяем все копии слоев эскиза (Ctrl+клик по миниатюрам слоев) и объединяем их в один слой (клик пр.кн.мыши по выделенным слоям и выбираем – Merge Layers).


Создаем эффект мультипликации на фото


Переименовываем объединенный слой в «Детали эскиза» и создаем к нему маску слоя (Layer-Layer Mask-Reveal All).


Создаем эффект мультипликации на фото


Шаг 7.


На маске слоя «Детали эскиза» используем Кисть (Brush) черного цвета, чтобы закрасить почти все изображение, кроме обуви, волос и пистолета девушки.


Создаем эффект мультипликации на фото


Ваше изображение должно выглядеть вот так:


Создаем эффект мультипликации на фото


Чтобы завершить работу над эскизом, уточним еще некоторые моменты. Создаем новый слой (Ctrl+Shift+N) и называем его «Контуры». Выбираем кисть (Brush) 3-4 рх с жесткими краями черного цвета. Открываем панель настроек кистей (F5) и в разделе «Динамика формы» (Shape Dynamics) устанавливаем колебание размера (Size Jitter) с нажимом пера (Pen Pressure). Подчеркиваем контуры лица кистью, имитируя комикс-эффект.


Создаем эффект мультипликации на фото


Шаг 8.


Вот как выглядит наш эскиз после завершения работы над ним:


Создаем эффект мультипликации на фото


Объединяем слои «Эскиз», «Детали эскиза» и «Контуры» (Ctrl+клик по миниатюрам слоев, затем Ctrl+E). Называем полученный слой «Эскиз».


Создаем эффект мультипликации на фото


Прекрасно! Теперь приступаем к раскрашиванию нашего эскиза. Создаем новый слой (Ctrl+Shift+N) и называем его «Основные цвета». Устанавливаем режим смешивания этого слоя на Умножение (Multiply).


Создаем эффект мультипликации на фото


Я не использовал отдельные слои для раскрашивания волос, кожи и одежды героини. Одного слоя вполне достаточно в нашем случае. Если вы собираетесь выполнять колоризацию на планшете, то активируйте раздел «Динамика формы» в палитре настроек кисти (f5) и рисуйте со 100% непрозрачностью (Opacity).


Создаем эффект мультипликации на фото


Шаг 9.


Если вы не имеете планшета, выберите инструмент Перо (Pen tool) в режиме контуров (иконке пера в рамке в верхнем меню) и создайте контур вокруг лица девушки.


Создаем эффект мультипликации на фото


После закрытия контура, нажимаем пр.кн.мыши по нему и выбираем из меню – Создать выделение (Make Selection). В диалоговом окне выделения указываем радиус растушевки (Feather) 0 и нажимаем Ок.


Создаем эффект мультипликации на фото


Устанавливаем цвет переднего плана на #fedcb9. Заполняем выделение (Alt+Backspace или Paint Bucket Tool) цветом переднего плана.


Создаем эффект мультипликации на фото


Используя такой прием закрашивания, выполняем колоризацию всего эскиза. Ниже приведены цвета для каждой области закрашивания. Если цвета заливки выходят за пределы контура закрашиваемой зоны, удалите Ластиком (Eraser Tool) лишнее.


Шаг 10.


Цвета для заливки:


Создаем эффект мультипликации на фото


Создав цветную основу образа, придадим ему глубину, добавляя тени и блики. Для теней и бликов создаем отдельный слой (Ctrl+Shift+N) и называем его «Тени/Света». Добавляем на этот слой обтравочную маску (клик пр.кн.мыши по миниатюре этого слоя и выбираем – Create Clipping Mask).


Создаем эффект мультипликации на фото


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


Создаем эффект мультипликации на фото


Шаг 11.


В этом шаге мы определим источник света, чтобы правильно распределить тени и блики на изображении. В нашем случае свет падает справа.


Создаем эффект мультипликации на фото


Помня о нашем источнике света, начинаем обозначать затемнения и светлые участки. Используем мягкую Кисть (Brush) с непрозрачностью (Opacity), установленной на «нажим пера» (Pen Pressure), если вы работаете на планшете; и Кисть (Brush) с непрозрачностью (Opacity) 30-40%, если используете мышь. Ниже указаны цвета, который я применил для нанесения теней и бликов.


Создаем эффект мультипликации на фото


Создаем эффект мультипликации на фото


Шаг 12.


Вот как теперь выглядит иллюстрация с тенями и бликами.


Создаем эффект мультипликации на фото


В качестве завершающего штриха, мы добавим на изображение девушки полутоновую текстуру. Скачайте набор полутоновых текстур из ресурсов урока и откройте их в Фотошоп. Выберите одну из набора и перенесите (Move Tool) в наш документ. Перед переносом измените битовый режим.


Поместите полутоновую текстуру выше всех слоев в панели и измените режим смешивания на Умножение (Multiply).


Создаем эффект мультипликации на фото


Теперь, чтобы узор был только на девушке, создаем на слое с ним обтравочную маску (клик пр.кн.мыши по миниатюре слоя и выбираем – Create Clipping Mask).


Снижаем непрозрачность (Opacity) полутонового слоя до 40-50%.


Создаем эффект мультипликации на фото


Шаг 13.


Добавляем маску на слой с полутоновым узором (Layer-Layer Mask-Reveal All) и черной Кистью (Brush) 120-130 рх и 80% жесткости (Hardness) скрываем часть изображения.


Создаем эффект мультипликации на фото


И получаем следующий результат:


Создаем эффект мультипликации на фото


Шаг 14.


Далее, создадим фон для нашего рисунка. Но сначала выполним сведение слоев изображения (Layer-Flatten Image). После сведения, переименовываем полученный слой в «Девушка».


Создаем эффект мультипликации на фото


Чтобы удалить белый фон вокруг девушки, используем инструмент Волшебная палочка (Magic Wand Tool) с допуском (Tolerance) в 32 (верхнее меню). Делаем клик по белому фону, выделяя его.


Создаем эффект мультипликации на фото


Выделив основной фон, дополнительно нажимаем Shift, чтобы активировать опцию «добавить к области выделения», и нажимаем инструментом между рук и на бедрах.


Создаем эффект мультипликации на фото


Шаг 15.


Как только вы выделили все области фона, переходим в меню Слой-Маска слоя-Скрыть выделенное (Layer-Layer Mask-Hide Selection). Это удалит весь фон на изображении.


Создаем эффект мультипликации на фото


Создаем новый слой (Ctrl+Shift+N) ниже слоя с девушкой и называем его «Фон». Заполняем (Edit-Fill или Shift+F5) его цветом #f07e0f.


Создаем эффект мультипликации на фото


Создаем новый слой (Ctrl+Shift+N) выше фонового слоя, но под слоем «Девушка». Называем его «Линии».


Создаем эффект мультипликации на фото


Шаг 16.


Активируем Кисть (Brush) и выбираем самую первую в наборе по умолчанию. Открываем панель настроек кисти (F5) и в разделе «Форма отпечатка кисти» ( Brush Tip shape) устанавливаем размер на 8 рх с интервалом (Spacing) 175%.


В разделе «Динамика формы» (Shape Dynamics) увеличиваем колебание размера (Size Jitter) до 100%. Цвет переднего плана устанавливаем белый (#ffffff).


Создаем эффект мультипликации на фото


Скрываем видимость слоя с девушкой (клик по глазику миниатюры) и, удерживая Shift, рисуем горизонтальную линию кистью (Brush) по центру холста слева-направо.


Создаем эффект мультипликации на фото


Шаг 17.


Увеличиваем линию в высоту холста, используя Трансформирование (Edit-Transform или Ctrl+T). Удерживая Alt, тянем за средний узел рамки вверх, растягивая линию вертикально.


Создаем эффект мультипликации на фото


Получился вот такой узор:


Создаем эффект мультипликации на фото


Переходим на слое с линией в меню Фильтр-Искажение-Полярные координаты (Filter-Distort-Polar Coordinates). Активируем опцию «Прямоугольные в полярные» (Rectangular to Polar).


Создаем эффект мультипликации на фото


Шаг 18.


Получился симпатичный лучевидный узор.


Создаем эффект мультипликации на фото


Нажимаем Ctrl+T (Трансформирование) и, удерживая Alt+Shift, увеличиваем лучи на холсте.


Создаем эффект мультипликации на фото


Размываем лучи при помощи фильтра «Размытие по Гауссу» (Filter-Blur-Gaussian Blur) с радиусом 14,8 рх.


Создаем эффект мультипликации на фото


Шаг 19.


Снижаем непрозрачность (Opacity) лучевого слоя до 52% и включаем видимость слоя с девушкой.


Создаем эффект мультипликации на фото


И вот наша мультперсона готова! Это окончательный результат:


Создаем эффект мультипликации на фото


Думаю, вам понравились такие интересные приемы создания комиксов. Удачи и творческих успехов!


Используемые материалы:


Фото девушки
Набор полутоновых текстур

Обсудить урок на форуме




Категория: Уроки Фотошопа
Автор (переводчик): chromathoughts/Анастасия Суркова
Источник: Ссылка на источник скачиваний/переходов: 29




Рейтинг популярности: 3.0/5 (Всего оценок: 36)

Скачивание материала, добавление комментариев и общение на форуме доступно только для зарегистрированных пользователей



В галерею
09.10.2015 09.10.2015  Владимир Носков

Большое спасибо за необычный урок!!!