Как рисовать тени в фотошопе на лице аниме

Обновлено: 05.07.2024

В этом уроке я расскажу вам, как я превратил восхитительную Кристину Риччи в персонажа аниме.

Шаг 1

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

Примечание: фотография в исходных материалах размером 1664 на 2496 пикселей

Шаг 2

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

Шаг 3

Упс! Кажется, я потерял часть брови из-за разницы в размера. В этом случае, я просто скопирую эту часть с оригинала, уменьшу в размерах, размещу его и изменю режим наложения на Darken (Затемнение).

Шаг 4

Шаг 5

Время подкорректировать подбородок. Для начала продублируйте нижнюю часть подбородка с шеей и приподнимите ее. Далее, скопируйте оригинальное изображение (из Шага 2) и используйте Liquify (Пластика), чтобы совместить слой с подбородком. Затем, продублируйте часть с губами, уменьшите в размерах и переместите вниз. Cгладьте резкие переходы, появившиеся вследствие наших предыдущих действий.

Шаг 6

Снова снимите копию со всех слоев, смягчите угловатость подбородка, и сделайте губы немного более пухлыми, используя Liquify (Пластика).

Шаг 7

Мне очень не нравятся темные тени под ее глазами и возле носа, поэтому я избавляюсь от них при помощи Levels (Уровни) и режима наложения Lighten (Светлее). Я использую крошечную кисть (2-3 пикселя), чтобы осторожно осветлить пиксели при очень большом приближении.

Шаг 8

Далее, я хочу сделать ее губы блестящими. Создайте слой Curves (Кривые) с режимом наложения Screen (Экран) и нарисуйте сияние удобной вам кистью, затем, используя полупрозрачную кисть, нарисуйте блеск.

Затем, продублируйте последний объединенный слой и используйте Surface blur (Размытие по поверхности) с небольшим радиусом. Обесцветьте слой. Используйте Plastic Wrap (Filters – Artistic) ( Фильтр – Галерея фильтров – Имитация – Целлофановая упаковка ). Поиграйте со слайдерами, пока губы не будут выглядеть влажными. Смените режим наложения слоя на Vivid Light (Яркий свет), установите непрозрачность на свой вкус. Используйте слой-маску Hide All (Скрыть все) и оставьте эффект на губах.

Шаг 9

Давайте сделаем глаза более яркими. Я обычно начинаю с корректирующего слоя Exposure (Экспозиция) (естественно, эффект нам нужен только на радужке, поэтому используйте маску), режим наложения Overlay (Перекрытие). Я добавляю Color Balance (Цветовой баланс) (как обтравочную маску), режим наложения Color (Цвет). И, для завершения, давайте добавим немного блесток непрозрачной белой кистью на новом слое, режим наложения Overlay (Перекрытие).

Шаг 10

Время добавить яркий макияж на новом слое.

Шаг 11

Сейчас мы изменим цвет волос на более интересный. Для начала я нарисовал цвет на том же слое, что и макияж, добавил немного цветовых вариаций для светов и теней.

Выглядит немного тускло, поэтому я усилил свет слоем Levels (Уровни) и добавил немного маленьких ярких бликов.

Чтобы достичь этого, я создал новый слой, установив режим наложения на Screen (Экран) а непрозрачность на 75%, а затем рисовал кистью со следующими настойками Spacing (Интервал) 60%, Size Jitter (Колебание Размера) 100%, Pen Pressure (Нажим пера). Добавьте к слою Outer Glow (Внешнее Свечение), тут я использовал следующие настройки: непрозрачность 75%, цвет – белый, размер – 5 пикселей, Spread (Диапазон) – 0%, Range (Колебание) – 31%, галочка в графе Anti-aliased (Сглаживание).

Шаг 12

Теперь, когда ее ушки красивые и пушистые, мне нужно отрегулировать цвет. Exposure (Экспозиция) сделает ушки яркими, а с помощью Color Balance (Цветовой баланс) (Режим наложения – Normal (Нормальный)) можно отрегулировать цвет. Мне не нравился цвет кожи внутри ушей, поэтому я использовал Levels (Уровни), режим наложения Screen (Экран) чтобы сделать ее нежно-розовой. Наконец, я добавил еще цвета для света и теней на новом слое.

Шаг 13

Добавляем детали – ура! :D Я решил добавить декоративные элементы на лицо и волосы. На лицо добавим стразы, на волосы – пластиковые цветы. Конечно, им нужно добавить затенение, немного повысить Exposure (Экспозиция) и добавить блеск на новом слое. Так же я добавил немного цвета ресницам и бровям, дабы они подходили к волосам, на цветовом слое. И, конечно, я не мог устоять, и добавил блеска на губах и вокруг глаз.

Шаг 14

Шаг 15

Наконец, я хочу добавить блеска глазам, губам и волосам. Создайте слой-штамп, нажмите Filter – Other – High Pass (Фильтр – Другое – Цветовой контраст). Выберите маленькое значение, чтобы были видны только четкие линии контура. Измените режим наложения на Vivid Light (Яркий свет), установите Opacity (Непрозрачность) на 75%. Создайте маску, и оставьте эффект только на глазах, губах, и кое-где на волосах.
Готово! :)

Здравствуйте! Это 4-я часть урока, а вот первая, вторая и третья.

Учебник IV: как создавать тени и световые эффекты в стиле аниме в Photoshop. Прежде чем приступить к теням, мы поговорим о слоях. Так как слоев будет много, я объясню, как их упорядочить в Photoshop, для более удобного просмотра.

Как использовать набор слоев

1 – Выберите верхний слой, а затем в нижней панели нажмите на иконку с папкой (Create a new set).

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

$\"Как$

Главное условие: контуры

Маленький учебник в учебнике!

Для создания теней существует два метода: свободная рука и вектор.

1 метод: все тени рисуются свободной рукой, а недостатки стираются резинкой. Пример показан на скриншоте.

Это долгий и трудоемкий метод, и подходит в основном для тех у кого есть графический планшет.

$\"как$

2 метод: создание векторного контура с помощью Pen Tool.

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

Давайте начнем с теста: загрузите изображение на компьютер

и откройте его с помощью Photoshop. Добавьте новый слой поверх изображения и выберите инструмент Pen Tool(P) с указанными настройками.

$\"как$

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

$\"контур\"$

Выбираем кисть (Brush Tool (B)) размером 4 px. Переходим из панели Layers в панель Paths и нажимаем в нижней панели на обведенный кружок (Stroke path with brush).

Вы увидите, что сделали такой же контур, как и я.

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

$\"как$

Теперь, скачать второе изображение

, и открыть его в Photoshop. Добавьте новый слой поверх изображения и выберите инструмент Pen Tool(P).

$\"контур\"$

Давайте рассмотрим, как можно изменять кривую.

Так же попробуйте подвигать и за якорь 2 (не только так как я показывала раньше, но и в другом направлении)

$\"можно$

Когда вы будете уверены, что поняли, как работать с помощью инструмента Pen Tool, можно продолжить чтение!

Тень на волосах

Давайте вернемся к созданию тени!

1) Я начну с волос. Берем пипеткой основной цвет волос, и в палитре цветов выбираем немного темнее.

Затем, используя выбранный цвет, нарисуем небольшое пятно на пустой части листа

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

$\"Тень$

$\"Создайте$

3) Выберите инструмент Pen Tool(P). Установите оригинал рядом с нашим фанартом и постарайтесь воссоздать кривую нарисованную красным цветом.

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

$\"Установите$

Удерживая кнопку мыши, изогните кривую

(как на рисунке), а затем закройте контур, вернувшись в начальную точку.

$\"изогнуть$

$\"Теперь$

Установите указатель на якорь второй точки (указанный на рисунке в кружок) и перетяните по направлению стрелок, пока вы не получите нужного результата.

$\"Установите$

Переходим из панели Layers в панель Paths и нажимаем в нижней панели на обведенный кружок (Fill path)

$\"Fill$

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

$\"элементы$

$\"раскрашивать$

Делаем тень темнее

4) Нарисовав тень на волосах, мне не понравился цвет, который я выбрала раньше, поэтому я его изменю. Существуют различные способы сделать это, я же использую чаще всего: Image>Adjustment>Curves (имейте в виду, слое, где вы хотите изменить цвет!)

$\"Делаем$

Так же можно использовать Image>Adjustment>Hue/Saturation и перетащить указатели как на рисунке.

$\"Adjustment>Hue/Saturation\"$

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

$\"уровень$

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

Закрашиваем старое пятно новым цветом.

$\"изменения$

Возвращаемся к работе с контурами. Создавая более сложные кривые формы, используйте больше точек (зеленые точки).

$\"Возвращаемся$

Через час я закончила с тенью на волосах! Ура!

$\"я$

Сферы и платье

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

$\"окружность$

$\"создала$

Затем берем пипеткой цвет тени платья Рури и делаем оттенок немного светлее.

$\"Затем$

$\"Добавляем$

$\"новое$

Так же как мы создавали тень на волосах (с помощью инструмента Pen Tool(P)), создаем тень для платья.

$\"создаем$

$\"подбираем$

Добавляем тени в нужных местах.

$\"Добавляем$

Таким же оттенком цвета делаем тени и на рюкзаке.

$\"делаем$

С помощью вектора добавляем тень на красной части рюкзака.

$\"С$

У нас получается такой результат!

$\"результат\"$

Тень на коже и тень на глазах

Тень на коже и глазах.

$\"Тень$

Создаем тень там где необходимо.

$\"Создаем$

Пока не получим следующий результат.

$\"следующий$

$\"Берем$

Если тень будет слишком темной, ставим непрозрачность этого слоя на 90%.

$\"тень$

Таким же оттенком цвета и на том же уровне делаем тень для зрачков глаз.

$\"делаем$

И на конец, с помощью инструмента Pen Tool(P), делаем тень на яблоке глаз.

$\"делаем$

Мы почти закончили ^ ^

$\"как$

$\"Добавляем$

В этом уроке я расскажу вам, как я превратил восхитительную Кристину Риччи в персонажа аниме.

Шаг 1

Примечание: фотография в исходных материалах размером 1664 на 2496 пикселей

Шаг 2

Шаг 3

Вырежьте глаза из оригинального изображения и поместите их в рабочее пространство. Чтобы точно расположить глаза на слое с основой, я обычно уменьшаю непрозрачность слоя с глазами и совмещаю внутренние уголки двух пар глаз. Хорошенько наложите слои друг на друга, чтобы не было видно перехода. Я использую кисть (brush) с непрозрачностью, установленную на Pressure (Нажим), затем применяю Gaussian Blur (Размытие по Гауссу) с небольшим радиусом. Этот процесс может занять много времени, поэтому, лучше запастись терпением :)

Шаг 4

Шаг 5

Шаг 6

Шаг 7

Шаг 8

Затем, продублируйте последний объединенный слой и используйте Surface blur (Размытие по поверхности) с небольшим радиусом. Обесцветьте слой. Используйте Plastic Wrap (Filters – Artistic) (Фильтр – Галерея фильтров – Имитация – Целлофановая упаковка). Поиграйте со слайдерами, пока губы не будут выглядеть влажными. Смените режим наложения слоя на Vivid Light (Яркий свет), установите непрозрачность на свой вкус. Используйте слой-маску Hide All (Скрыть все) и оставьте эффект на губах.

Шаг 9

Шаг 10

Время добавить яркий макияж на новом слое.

Шаг 11

Выглядит немного тускло, поэтому я усилил свет слоем Levels (Уровни) и добавил немного маленьких ярких бликов.

Шаг 12

Я бы мог остановиться на этом, но я решил добавить ей кошачьи ушки :D
Я нашел подходящие уши, вырезал и вставил их. Можно не париться и не оставлять шерсть, уточняя контур, а просто нарисовать ее позже. Я не буду вдаваться в подробности этого процесса, так как в интернете полно уроков по теме добавления шерсти. Лишь скажу, что я комбинировал Smudge Tool (Палец) и рисование кистью, оба - с помощью кистей для рисования волос.

Шаг 13

Шаг 14

Шаг 15

Что же такое по своей сути эта тень? Это оптическое явление, которое возникает в следствии присутствия какого-либо объекта между поверхностью и источником света. Фигура и контуры будут идентичны этому самому объекту.

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

К счастью, Adobe Photoshop не зря считается одной из лучших программ для графического дизайна и в ней существуют сразу несколько вариантов формирования отбрасываемой тени объектов в зависимости от ваших целей. Рассмотрим с вами мы сегодня сразу несколько на примерах.

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

Больше не будем задерживаться на вступлении и перейдем непосредственно к теме нашей статьи. Приятного вам чтения!

Варианты создания

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

Давайте рассмотрим детальнее способы:

Название способа	Описание	Использование
«Тень» в параметрах наложения слоя	Инструмент формирует внешнюю тень, к которой можно применить различные параметры	Когда имеется предмет, человек или любой другой объект отдельным слоем. Один из самых удобных способов для создания тени.
«Внутренняя тень» в параметрах наложения слоя	Образование тени внутри объекта, к которой можно применить параметры разного характера.	Используется для эффекта трехмерности на двухмерных объектах, а также может пригодиться для того, чтобы отбросить тень на одну из сторон объекта.
Отрисовка вручную	Сами прорисовываем контур тени.	Когда не подходят предыдущие способы или когда это сделать таким образом можно качественнее и точнее.

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

Давайте начнем по порядку рассматривать эти варианты на версии Photoshop CC 2020, которая является самой последней на данный момент, но разницы в алгоритме действий нет. Поэтому для версий младше (cs6, cs5 и тд) эта инструкция тоже подойдет.

Делаем тень с помощью параметров наложения слоя

Итак, для этого нам потребуется объект отдельным слоем. Соответственно, либо воспользуйтесь инструментами выделения и переместите на отдельный слой (Ctrl+J), либо вам потребуется объект формата png. Этот формат поддерживает прозрачность, и поэтому фон имеет прозрачность.

Для примера я сделал именно так и нашел фото человека в формате png в Google. Далее, я сделал запрос «Улица» и нашел фото из Москвы. Пример будет на тени от человека на земле.

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

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

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

С этим нам поможет инструмент «свободное трансформирование». Чтобы войти в него и управлять именно размером мужчины, выбираем слой с ним и нажимаем «Ctrl+T».

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

Детальная инструкция

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

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

Здесь нам потребуется пункт «Тень». Выбираем его, ставим галочку слева и начинаем настраивать.

Здесь вы можете поиграть с настройками. Нам потребуется сразу выставить непрозрачность примерно на 50% (зависит от обстановки на фото), размер (иначе тень будет слишком четкой) и угол, который зависит от источника света. В нашем случае он падает слева направо, а значит выбираем его так, как на картинке.

Чтобы увидеть наглядно настройки, сместите тень немного ползунком «смещение», но потом верните назад.

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

Этим самым вы перенесёте тень на новый слой, и мы сможем уже разместить ее в нужном месте.

Теперь, выделяем ее и переносим в сторону для масштабирования. Для этого вновь воспользуемся «свободным трансформированием». Напоминаю, для этого нужно нажать сочетание клавиш Ctrl+T. Нам потребуется повернуть в сторону и разместить прямо под парнем. Так же, имеет смысл уменьшить тень в ширине, так как свет исходит ровно слева направо.

Вот как получилось у меня.

Регулировать прозрачность можно с помощью пунктов сверху от меню «слои» с помощью параметров «непрозрачность» и «заливка».

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

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

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

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

Внутренняя тень

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

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

С помощью данного параметра я добавлю на правую часть тень. Для этого я выставил вот такие настройки:

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

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

Если комбинировать это с пунктами «Тиснение» и «Контур», то можно действительно сделать объемный текст. Об этих настройках у другой раз, а сейчас идём дальше смотреть, как сделать тень в фотошопе.

Отрисовка вручную кистью

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

Для этого особых навыков не надо. Загружаем в фотошоп фото и создаем новый слой. Делается это с помощью маленькой кнопки на панели слоёв снизу или с помощью сочетания клавиш Shift + Ctrl + N.

Теперь берем инструмент «Кисть» с соответствующим лого на панели инструментов. И теперь просто рисуем черным цветом! Убедитесь, что вы находитесь именно на созданном слое.

После того как нарисуете, вам потребуется уже упомянутая шкала «непрозрачность». Для тени она должна быть в диапазоне примерно от 30 до 50 процентов.

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

Вот так выглядеть будет с выставленной непрозрачностью в 40%. Аналогично всё делается кистью и с другими объектами.

Ребят, если есть желание хорошо разбираться в этой теме, то рекомендую пройти курс «Photoshop с нуля до PRO». После прохождения данного курса можно будет начать зарабатывать 60к.

Заключение

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

Спасибо, что дочитали до конца! Если понравилось обязательно оставьте комментарий и порекомендуйте статью вашим друзьям. Поддержка очень важна для развития блога.

Если остались вопросы, то буду рад на них ответить в комментариях. Не стесняйтесь – отвечу всем и помогу.

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

Читайте также: