Фотошоп как сделать мультяшный эффект

Фотошоп как сделать мультяшный эффект


Рисованные фотографии, созданные вручную, выглядят довольно интересно. Такие изображения являются уникальными и всегда будут в моде.

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

В этом уроке создадим такое фото, используя исходник, инструмент «Перо» и два вида корректирующих слоев.

Создание мультяшного фото

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

Урок будет строиться вокруг вот такой фотографии известного актера:

Преобразование снимка в мультик происходит в два этапа – подготовка и раскрашивание.

Подготовка

Подготовка заключается в подборе цветов для работы, для чего необходимо разделить изображение на определенные зоны.

Для достижения нужного эффекта мы поделим снимок так:

  1. Кожа. Для кожи выберем оттенок с числовым значением e3b472.
  2. Тень сделаем серого цвета 7d7d7d.
  3. Волосы, борода, костюм и те участки, которые определяют контуры черт лица, будут абсолютно черного цвета – 000000.
  4. Воротничок рубашки и глаза должны быть белыми – FFFFFF.
  5. Блики необходимо сделать чуть светлее тени. HEX-код – 959595.
  6. Фон — a26148.

Инструмент, которым мы будем сегодня работать – «Перо». Если возникают трудности с его применением, читайте статью на нашем сайте.

Раскрашивание

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

Итак, давайте начнем раскрашивать мистера Аффлека.

    Делаем копию исходной картинки.


Сразу создаем корректирующий слой «Уровни», он нам пригодится позже.


Применяем корректирующий слой «Цвет»,

в настройках которого прописываем нужный оттенок.


Нажимаем клавишу D на клавиатуре, тем самым сбрасывая цвета (основной и фоновый) на значения по умолчанию.


Переходим на маску корректирующего слоя «Цвет» и нажимаем сочетание клавиш ALT+DELETE. Это действие закрасит маску черным цветом и полностью скроет заливку.


Пора приступить к обводке кожи «Пером». Активируем инструмент и создаем контур. Обратите внимание, что мы должны выделить все участки, в том числе и ухо.


Для преобразования контура в выделенную область нажимаем сочетание клавиш CTRL+ENTER.


Находясь на маске корректирующего слоя «Цвет», жмем сочетание клавиш CTRL+DELETE, заливая выделение белым цветом. При этом станет видимым соответствующий участок.


Убираем выделение горячими клавишами CTRL+D и кликаем по глазу возле слоя, снимая видимость. Дадим этому элементу название «Кожа».


Применяем еще один слой «Цвет». Оттенок выставляем соответственно палитре. Режим наложения необходимо поменять на «Умножение» и снизить непрозрачность до 40-50%. Данное значение в дальнейшем можно будет поменять.


Переходим на маску слоя и заливаем ее черным цветом (ALT+DELETE).


Как Вы помните, мы создавали вспомогательный слой «Уровни». Сейчас он нам поможет в отрисовке тени. Два раза кликаем ЛКМ по миниатюре слоя и ползунками делаем затемненные участки более выраженными.


Снова становимся на маску слоя с тенью, и пером обводим соответствующие участки. После создания контура повторяем действия с заливкой. По окончанию выключаем «Уровни».


Следующий шаг – обводка белых элементов нашего мультяшного фото. Алгоритм действий такой же, как и в случае с кожей.


Повторяем процедуру с черными участками.


Далее следует раскрашивание бликов. Здесь нам снова пригодится слой с «Уровнями». При помощи ползунков осветляем снимок.


Создаем новый слой с заливкой и рисуем блики, галстук, контуры пиджака.


Осталось только добавить фон к нашему мультяшному фото. Переходим на копию исходника и создаем новый слой. Заливаем его цветом, определенным палитрой.

Читайте также:  Dashost exe что это

  • Недостатки и «промахи» можно исправлять, работая кистью по маске соответствующего слоя. Белая кисть добавляет участки к области, а черная удаляет.
  • Результат наших трудов выглядит следующим образом:

    Как видите, ничего сложного в создании мультяшного фото в Фотошопе нет. Работа эта интересна, правда, довольно трудоемка. Первый снимок может отнять несколько часов Вашего времени. С опытом придет понимание того, как должен выглядеть персонаж на таком кадре и, соответственно, увеличится скорость обработки.

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

    Отблагодарите автора, поделитесь статьей в социальных сетях.

    Фото, стилизованное под мультяшную картинку, выглядит довольно необычно и интересно. На выходе получится полностью уникальное изображение. Такие картинки никогда не выходят из моды и довольно популярны.

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

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

    Содержание: “Как сделать из фото мультяшный рисунок в Фотошопе”

    Создание мультяшного рисунка на основе фотографии

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

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

    Работа по превращению фото в кадр из мультика состоит из двух частей – подготовка и раскраска.

    Первый этап — подготовка фотографии

    На этапе подготовки фото необходимо определиться с цветовой гаммой будущей картинки. Для этого нужно поделить всю фотографию на несколько областей.

    Поделим данный снимок на следующие зоны:

    1. Фон. Для фона будущей картинки выберем оттенок под номером #6f1d49.
    2. Тень. Подберем для этой зоны серый оттенок из цветовой палитры, к примеру – #888888.
    3. Блики. Для них подберем цвет, чуть светлее, чем для теней — возьмем #9e9e9e.
    4. Кожа. Подберем цвет наиболее близкий к ее натуральному, например, #d1af94.
    5. Контуры лица. Все что непосредственно соприкасается с лицом, обозначим темным цветом, для лучшей четкости рисунка. Код нашего цвета – #2d2926.
    6. Глаза сделаем абсолютно белыми – #FFFFFF, а одежду почти черной – #1b1c1e.

    Для работы нам потребуется инструмент «Перо». Подробно об этом инструменте Фотошопа и его использование можно ознакомиться в соответствующей статье:

    Второй этап – раскрашивание рисунка

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

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

    1. Создаем копию фотографии.
    2. Создаем дополнительный корректирующий слой – «Уровни». Этот слой понадобится для работы в дальнейшем.
    3. Создаем еще один корректирующий слой — «Цвет». В появившемся окне указываем в настройках требуемый оттенок.
    4. Для смены фонового и основного цвета нужно использовать горячую клавишу D.
    5. Выбираем маску слоя «Цвет» и закрашиваем ее черным цветом. Для этого воспользуйтесь сочетанием клавиш — ALT+DELETE.
    6. Обводим инструментом «Перо» контуры кожи. Важно! Выделите все области с элементом кожи.
    7. Нажимаем комбинацию CTRL+ENTER. Это действие преобразует контур в выделенную область.
    8. Не уходя с маски слоя «Цвет», применяем сочетание клавиш CTRL+DELETE. Этим действием выделенная область будет окрашена белым цветом.
    9. Далее, требуется снять выделение, при помощи комбинации CTRL+D. После чего делаем этот слой невидимым, нажав на глаз возле слоя. Назовите эту область — «Вся кожа».
    10. Создаем второй слой — «Цвет» (для теней), указав нужный оттенок (смотрим на палитре в самом начале). В настройках наложения укажите параметр «Умножение» и сдвиньте ползунок непрозрачности до отметки 50%.
    11. Идем на маску этого слоя и выполняем заливку черным цветом. Для этого воспользуйтесь комбинацией клавиш ALT+DELETE.
    12. Вначале мы создавали слой «Уровни», сейчас он как раз и понадобится. При помощи этого слоя мы прорисуем тени. Делаем два щелчка левой кнопки мыши по миниатюре слоя «Уровни». И появившимися ползунками выставляем необходимую насыщенность теней.
    13. Затем переходим к маске слоя с тенью и обводим полученные участки с тенями пером и выполняем заливку выбранным ранее цветом. Пошагово все показано на скриншотах ниже:
      На этом работа со слоем «Уровни» пока закончена. Нам нужно убрать галочку и скрыть его.
    14. “Едем” дальше. Теперь нам предстоит обводка пером участков картинки с белым цветом, и последующая заливка. Делаем все по тому же алгоритму, как и с элементом – “Вся кожа”.
    15. Затем проделываем эти действия с участками темного-коричневого и черного цвета. В нашем случае это в основном волосы и другие мелкие детали.
      Вот, уже получается что-то похожее на мультяшное фото:
      Стоит отметить, что мы это делаем на скорую руку, ради урока. Поэтому результат может быть куда лучше, при кропотливой работе, которая требует усидчивости.
    16. Теперь нам нужно покрасить в черный цвет одежду поэтому, проделываем те же действия с пером и заливкой, но уже на одежде.
    17. Далее осветляем область бликов, по аналогии с тенями. Для этого используем слой «Уровни».
    18. Добавляем еще один новый слой по аналогии с предыдущими. На нем будут прорисованы блики и контуры одежды. Можно использовать для очень мелких участков не только “Перо”, но и другие инструменты Фотошопа, такие как “Кисть” например.
    19. Работаем с фоном картинки. Для этого переходим к созданной в самом начале урока копии фотографии и создаем поверх того слоя новый слой с заливкой, используя необходимый цвет. В нашем случае код цвета – #6f1d49.
    20. Вот и все. Осталось только лишь исправить небольшие недочеты при помощи кисти и наше мультяшное фото готово, благодаря невероятным инструментам Фотошопа.
    Читайте также:  Ncp1397bg схема блока питания

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

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

    Автор: Ольга Максимчук (Princypessa). Дата публикации: 18 мая 2018 . Категория: Фотошоп уроки эффекты.

    Сегодня мы будем добавлять мультяшный эффект к фотографии.

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

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

    Открываем в фотошоп ( Ctrl + O ) фото с оживленной улицей Нью-Йорка.

    Создаем дубликат фонового слоя ( Ctrl + J ) и переименовываем слой в «Город». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter .

    Щелкаем ПКМ по слою «Город» в панели слоев и выбираем «Преобразовать в смарт-объект». Благодаря тому, что слой переведен в смарт-объект, мы сможем в дальнейшем редактировать примененные к слою фильтры.

    Переходим в меню Фильтр-Коррекция дисторсии и во вкладке «Заказная» редактируем перспективу, выравнивая «заваленные» здания. Можно оставить и так, как было, но, как мне кажется, наклоненные здания придают фото какую-то напряженную атмосферу, а у нас должно получиться красочное и жизнерадостное фото.

    Читайте также:  Зайти в зайти в контакт алексей андреев

    Переходим в меню Фильтр-Стилизация-Диффузия и настраиваем, как на рисунке ниже.

    Чтобы повторить действие фильтра, нажимаем Ctrl + F три раза.

    Переходим в меню Изображение-Коррекция-Тени/Света и осветляем затемненные участки, как показано на рисунке ниже.

    Добавляем корректирующий слой Карта градиента. В появившемся окне кликаем по строке выбора градиента, чтобы открыть Редактор градиентов. В Редакторе градиентов нажимаем на «шестеренку» справа и выбираем «Спектры». Выбираем градиент, отмеченный стрелочкой. В панели слоев меняем режим наложения слоя Карта градиента на Насыщенность и понижаем прозрачность.

    На данном этапе мы можем внести изменения в настройки фильтров, если это необходимо. Для этого просто щелкните в панели слоев по фильтру, который хотите редактировать и введите новые параметры. Если все устраивает, нажимаем сочетание клавиш Shift+Ctrl+Alt+E, чтобы создать слитую копию всех видимых слоев. Переименовываем образовавшийся слой в «Город 2».

    Следующий шаг можно выполнить при помощи фильтра Масляная краска. Но если в вашей версии фотошоп отсутствует данный фильтр, можно использовать бесплатную альтернативу – плагин GREYCstoration Filter For Photoshop. Плагин вы найдете в материалах к уроку, он представлен в двух версиях – для 32(86) битных систем и для 64-битных. Для того, чтобы установить плагин в фотошоп, скопируйте файлы, соответствующие вашей системе и перенесите их в папку с плагинами фотошоп на системном диске. Путь будет выглядеть следующим образом C: Program Files Adobe Adobe Photoshop (версия вашего фотошопа) Required Plug-Ins. Далее необходимо перезагрузить фотошоп (выйти из программы, а потом снова ее запустить). После этого фильтр готов к использованию. Кстати, в папке с фильтром вы найдете изображение, на котором справа выставлены настройки, какие можно использовать для замены фильтра Масляная краска. Разумеется, настройки примерные и вы можете экспериментировать для достижения наилучшего результата.

    Итак, переходим в меню Фильтр- Noise -GREYCstoration и вводим настройки, как на рисунке ниже.

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

    Создаем дубликат слоя «Город 2» и переименовываем его на «Штрихи». Переходим в меню Фильтр-Галерея фильтров и в папке Имитация выбираем фильтр «Очерченные края». Вводим настройки, как на рисунке ниже.

    Чтобы сгладить рваные края облаков, образовавшиеся после применения предыдущего фильтра, создаем дубликат слоя «Штрихи» и даем ему имя «Небо». Активируем инструмент Микс-кисть, выбираем мягкую круглую кисть и в верхней панели настроек инструмента настраиваем, как показано ниже. Рисуем кистью по краям облаков, чтобы сгладить переходы между облаками.

    Мультяшный эффект готов!

    Отличного настроения и творческих успехов!

    БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:

    Если Вы не хотите пропустить интересные уроки создания эффектов в фотошопе — подпишитесь на рассылку.
    Форма для подписки находится ниже.

    Ссылка на основную публикацию
    Adblock detector