Как из обычной фотографии сделать мультяшную: Мультяшная картинка из фото онлайн – Создай фото карикатуру или эффект мультяшного рисунка онлайн! Анимация лица, изменение мимики и создание рисунка в мультяшном стиле из фото онлайн

Как из обычной фотографии сделать мультяшную: Мультяшная картинка из фото онлайн – Создай фото карикатуру или эффект мультяшного рисунка онлайн! Анимация лица, изменение мимики и создание рисунка в мультяшном стиле из фото онлайн

admin 24.09.2018

Содержание

Мультяшная картинка из фото онлайн

Обработка JPEG фотографий онлайн.

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

Примеры мультяшных картинок, сделанных на этом сайте из фотографий:
Мультяшная девушка на мотоцикле Yamaha MT-07Мультяшный Тилль Линдеманн, вокалист группы Rammstein
Первая мультяшная картинка – это девушка на мотоцикле Yamaha MT-07, а вторая картинка – это мультяшный Тилль Линдеманн, вокалист группы Rammstein на фоне зимней улицы.

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

Исходное изображение никак не изменяется. Вам будет предоставлена другая обработанная картинка.

3) Дополнительные настройки цветности


Предварительное осветление: (0-100, 0=не применять осветление)
Яркость:  Контрастность:  Насыщенность цветов:  Цветовой тон:
(Для яркости, контрастности, насыщенности цветов и тона можно указать число от -100 до 100, 0=не изменять)

4) Формат изображения на выходе


Оптимизировать размер в мегапикселях до: 1.0 (обработка ≈5 сек.)2.0 (обработка ≈10 сек.)5.0 (обработка ≈30 сек.)
(Если нужно больше – присылайте картинку с настройками на e-mail, будет сделано бесплатно)
JPEG cтандартныйпрогрессивный с качеством (от 1 до 100)
PNG-24 (без сжатия)
Копировать EXIF и другие метаданные? Да Нет


  Обработка обычно длится 5-30 секунд.

Создай фото карикатуру или эффект мультяшного рисунка онлайн! Анимация лица, изменение мимики и создание рисунка в мультяшном стиле из фото онлайн

Карикатуры из фотографий или как сделать дружеский шарж по фото

Все чаще и чаще простые онлайн фоторедакторы не способны обработать фото так, чтобы сделать фотографии по-настоящему интересными. Изучать же сложные программы, такие как Фотошоп, не каждому под силу. Однако тот, кто хочет внести разнообразие в свои снимки, всегда найдет выход. В качестве решения предлагаем вам бесплатный онлайн-сервис Cartoon.Pho.to. Загрузите на сервис портретное фото, и вы сможете произвести поразительные изменения лица: морфинг лица, изменение мимики, и, наконец, анимацию лица! То есть губы, щеки, брови и веки будут реально двигаться! Создание такого эффекта займет не более минуты!

Сервис также предоставляет много других возможностей. Здесь можно создать не только реалистичные варианты мимики лица

, такие как подмигивание, милая улыбка, хитрое прищуривание, искреннее удивление или грустное опускание уголков губ, но и множество пародийных эффектов. Помимо этого, к каждой карикатуре можно применить мультяшный эффект. Пародийные эффекты напоминают создание шаржа по фото, или фото карикатуры: так же весело, но несравненно проще и быстрее. Загрузите свое портретное фото (или фото друга;)) и превратитесь в пришельца, толстяка, человека-лампочку или тролля!

Анимация лица – это неповторимый анимированный аватар!

Вы когда-нибудь задумывались о своем аватаре? Является ли он индивидуальным? Отражает ли именно вашу личность? Верный способ сделать аватар «своим» — поставить на него собственное лицо. Но просто вырезать лицо из фото может каждый, это скучно. Мегаоригинально

изменить лицо можно на Cartoon.Pho.to. Ваша аватарка может стать либо анимированной, либо статической (для тех сайтов и социальных сетей, что запрещают анимацию). Улыбайтесь друзьям, подмигивайте им или стройте рожицы. Они оценят ваш новый аватар по достоинству!

Эффекты для фото и онлайн фотоприколы: технология изготовления

Создание фотоэффектов с лицом – целая наука. Во-первых, нужно правильно отыскать главные черты лица, такие как уголки глаз и рта, нос. Во-вторых, корректно задать функцию их преобразования, например, последовательность кадров для плавного возникновения улыбки. Тогда, при правильном подборе параметров, можно получить отличный результат. Но не волнуйтесь, на Cartoon.Pho.to все это будет сделано за вас, и полностью автоматически!

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

Как сделать мультяшное фото в Фотошопе

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

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

В этом уроке создадим такое фото, используя исходник, инструмент

«Перо» и два вида корректирующих слоев.

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

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

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

Исходное фото для создания мультфильма в Фотошопе

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

Подготовка

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

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

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

Палитра цветов для создания мультяшного фото в Фотошопе

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

Урок: Инструмент Перо в Фотошопе — теория и практика

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

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

«Цвет», а редактировать будем его маску.

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

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

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

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

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

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

    Корректирующий слой Цвет для создания мультяшного фото в Фотошопе

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

    Настройка корректирующего слоя Цвет для создания мультяшного фото в Фотошопе

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

    Сброс цветов на значения по умолчанию в Фотошопе

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

    Заливка маски корректирующего слоя Цвет черным цветом в Фотошопе

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

    Контур инструмента Перо для создания мультяшного фото в Фотошопе

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

    Преобразование рабочего контура в выделенную область в Фотошопе

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

    Заливка участка маски белым цветом при создании мультяшного фото в Фотошопе

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

    Снятие видимости и переименование слоя в Фотошопе

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

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

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

    Заливка маски черным цветом для создания мультяшного фото в Фошопе

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

    Настройка корректирующего слоя Уровни при создании мультяшного фото в Фотошопе

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

    Результат отрисовки тени мультяшного фото в Фотошопе

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

    Отрисовка белых участков при создании мультяшного фото в Фотошопе

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

    Отрисовка черных участков мультяшного фото в Фотошопе

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

    Настройка корректирующего слоя Уровни для осветления бликов в фотошопе

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

    Отрисовка бликов мультяшного фото в Фотошопе

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

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

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

Результат наших трудов выглядит следующим образом:

Резултат создания мультяшного фото в Фотошопе

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

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

Резултат создания мультяшного фото в ФотошопеМы рады, что смогли помочь Вам в решении проблемы.
Резултат создания мультяшного фото в ФотошопеОпишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

ДА НЕТ

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

Дата публикации: 14.12.2017

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

Начнём. Открываем снимок в Adobe Photoshop.

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

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


Сначала создадим копию исходного слоя, чтобы изменения не затрагивали оригинал. Воспользуемся командой Layer/«Слои» → Dublicate Layer…/«Создать дубликат слоя…» или просто перетащим пиктограмму слоя на иконку создания нового слоя в нижнем меню на панели слоёв.

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

Теперь воспользуемся фильтром Filter/«Фильтр» → Blur/«Размытие» → Smart Blur…/«Умное размытие…».

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

Наша задача — сделать цвета на фотографии более простыми и «плоскими», сгладить и размыть тональные переходы, которые есть на оригинальном снимке. Подбираем параметры размытия так, чтобы черты лица оставались узнаваемыми и довольно чёткими, а тональные переходы сглаживались. В качестве отправной точки можно использовать параметры, представленные на скриншоте.

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

После того как изображение «сгладилось», через фильтр Smart Blur/«Умное размытие…» сделаем его ещё более контрастным с помощью уровней Image/«Изображение» → Adjustments/«Коррекция» → Levels/«Уровни».

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

Теперь создадим копию слоя Layer1 и воспользуемся фильтром Photocopy из группы Filter Gallery/«Галерея фильтров» (меню Filter/«Фильтр» → Filter Gallery…/«Галерея фильтров…»).

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

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

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

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

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

Ставим верхнему слою с наброском режим наложения Multiply/«Умножение».

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

Картинка начинает напоминать рисунок, но мы пойдём дальше.

Следующие шаги покажут, как в Фотошопе сделать из фотографии мультяшную картинку, которая будет напоминать рисунок из комикса.

Кликаем по слою Layer 1 (он находится в середине слоёв и является размытой копией базового). Применяем к нему фильтр Cutout/«Аппликация» из меню Filter/«Фильтр» → Filter Gallery/«Галерея фильтров».

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

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

Далее к этому же слою применяем фильтр Halftone Pattern/«Полутоновой узор» из той же панели фильтров. Подбираем параметры Size и Contrast.

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

Ставим слою Layer1 режим наложения Linear Light/«Линейный свет» и регулируем его непрозрачность.

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

У нас получилось так:

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

Итак, нам удалось сделать мультяшную картинку из фотографии в Фотошопе за три простых шага. Вы можете поэкспериментировать с другими настройками или другими фильтрами из наборов Sketch/«Эскиз» и Artistic/«Имитация» и создать свой «рецепт» стилизованной мультяшной фотографии.

Исходный кадр

Исходный кадр

Результат

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

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

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

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

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

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

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

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

Как создать мультяшный рисунок из фото в Photoshop

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

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

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

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

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

Как создать мультяшный рисунок из фото в Photoshop

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

Инструмент перо в Фотошопе: как пользоваться

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

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

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

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

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

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

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

Мультяшное изображение из фотографии

Есть люди, которые просто обожают мультипликационное изображение и из обычной фотографии его можно сделать. Открываем изображение (пример). Заходим во вкладку «Фильтр» и выбираем «Имитация», далее «Аппликация».

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

2 слева2 справа

Параметр «Простота краев» может превращать рисунок в набор геометрических фигур. Это хорошо видно по различиям между сдвижением курсора влево и вправо, как показано на рисунках слева (3 слева) и соответственно справа (3 справа).

3 слева3 справа

Параметр «Четкость краев» придает детализацию изображению и снимает её при передвижении курсора влево или соответственно вправо, как показано на рисунках слева (4 слева) и справа (4 справа).

4 слева4 справа

Установим знание параметров, как на рисунке. Нажимаем «ОК».

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

В параметрах инструмента определяем диаметр инструмента «Кисть», как показано на рисунке.

На панели инструментов в верхнем квадратике «Основного цвета», как показано цифрой 1, нажимаем левой кнопкой мыши и в открывшейся палитре цветов можем задать нужный цвет, нажав левой кнопкой мыши по той части изображения, где цвет нам подходит, как показано цифрой 2. Нажимаем «ОК».

Инструментом «Кисть» удерживая левую кнопку мыши, закрашиваем те части, где лучше придать однородность цвета, не забывая изменять цвет «Кисти» на тот, что больше подходит. Для того, чтобы быстрее сменить цвет можно на клавиатуре нажать клавишу Alt, удерживая её мышью, нажать на тот участок изображения, где есть подходящий цвет.

Для достижения лучшего эффекта заходим во вкладку «Фильтр», далее «Имитация» и выбираем «Акварель».

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

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

Остановимся на значениях параметров, как на рисунке.

Нажимаем «ОК». Наш рисунок готов.

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

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

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


Шаг 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% и включаем видимость слоя с девушкой.

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

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


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


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

Отправить ответ

avatar
  Подписаться  
Уведомление о