Как в фотошопе нарисовать тени: Как рисовать тень

Содержание

Как рисовать тень

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

Давайте приступим к рисованию тени. Я нарисовал на отдельном слое простую сферу, продублировал слой. Можно перетянуть его на иконку создать новый слой, а можно просто нажать ctrl+J и у нас создастся дубликат слоя со сферой (не забудьте, для копирования должен быть активным слой с которого мы хотим сделать копию).

Создадим еще один новый слой shift + ctrl +

N зальем его черным цветом и применим его как обтравочную маску к продублированному слою сферы, для этого зажмем Alt  и кликнем мышью между слоями продублированной сферы и слоем с черным цветом. Должно получиться как на скриншоте ниже. Подробнее о clipping mask.

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

Далее идем фильтр > размытие > размытие по гауссу размоем наш слой с тенью.

Расположим слой с тенью ниже слоя со сферой, трансформируем её с помощью свободной трансформации Ctrl +

T в более подходящие положение.

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

Установим для этого слоя с тенью довольно-таки большую непрозрачность, в каждом отдельном случае подбираем индивидуально. У меня этот параметр равен 55%.

Продублируем слой с тенью ctrl + J, трансформируем дубликат  Ctrl + T уменьшив где-то наполовину может чуть больше. Непрозрачность также регулируем у меня 60%.

Еще раз продублируем слой  с тенью, непрозрачность 100%. Объединим слои с тенью в один слой. Ну, вот мы и нарисовали тень от сферического объекта.

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

Создадим рефлекс от сферического объекта

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

Для этого создам новый слой shift + ctrl + N поверх нижнего самого большого слоя с тенью. После чего создадим обтравочную маску для нашей тени из вновь созданного слоя, для этого зажмем Alt + клик мышью между новым слоем и слоем с тенью.  И зальем этот слой цветом, взятым с нашего предмета у меня это #557e0e.

Теперь группу обтравочной маски сольем в один слой и при необходимости немного подкорректируем при помощи цветового тона/насыщенности

Ctrl+U.

Отрегулируем яркость/контраст (изображений >коррекция> яркость/контраст).

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

Друзья подписывайтесь на обновления сайта и узнавайте о статьях первыми. Если понравилась статья кликните поделиться в любой соц. сети.

Три способа создания рассеянной тени в Photoshop / Creativo.one

​Диффузная (рассеянная) тень — это разновидность теней для блоков (box-shadow), которые создают большую иллюзию глубины, нежели обычная отбрасываемая тень от объекта. Эффект диффузной (рассеянной) тени достигается за счёт того, что тень меньше самого объекта, плюс смещается в зависимости от направления источника света.

В этом уроке мы рассмотрим 3 метода создания диффузных теней. Каждый из предложенных вариантов применяется на практике в зависимости от ситуации и поставленной задачи.

Приём 1: Рассеивание (растушёвка)

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

Шаг 1

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

  • Примечание переводчика: Автор выбрал слой-фигуру с прямоугольником, который был использован в качестве обтравочной маски для слоя с изображением. 

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

    Подробнее о Слой-фигуре вы можете узнать из статьи Фигура и слой-фигура в Photoshop.

Шаг 2

Дублируйте слой. Выберите нижний слой и переименуйте его в «Тень».

  • Примечание переводчика:
    в качестве альтернативного варианта вы можете нарисовать чёрный прямоугольник в режиме слой-фигура, переименовать его в «Тень» и расположить его под слоем к которому хотите добавить рассеянную тень. Размер прямоугольника равен размеру изображения (к которому хотите добавить тень).

Шаг 3

Трансформируйте слой «Тень». Для этого нажмите CTRL + T. Переместите Центр преобразования в нижнюю среднюю точку и введите значение 80% в поля W (Ширина) и H (Высота).

Шаг 4

Сдвиньте слой «Тень» вниз на 20 пикселей.

  • Примечание переводчика: Для этого вам нужно изменить вертикальную координату центра преобразования. Подробнее об этом вы можете узнать из статьи Всё о команде «Свободное трансформирование» в Фотошоп.
  • Ещё один вариант смещения вручную: при активном инструменте Перемещение 20 раз нажмите на клавишу «Стрелка Вниз».

Шаг 5

Находясь на слое «Тень», вызовите окно Свойства (Window — Properties/ Окно – Свойства) и введите значение для функции Растушевка (Feather).

Шаг 6

Снизьте непрозрачность для слоя «Тень».

Шаг 7 (опционально)

Свяжите слой с объектом и слой «Тень», чтобы при перемещении эти слои двигались одновременно.

Техника 2: С использованием стиля слоя Тень

Эта техника подходит тем, кто предпочитает пользоваться стилями слоя.

Шаг 1

Выберите слой, для которого хотите создать тень. Этот слой может быть как растровым, так и слой-фигурой.

Шаг 2

Дублируйте слой. Выберите нижний слой и переименуйте его в «Тень».

Шаг 3

Трансформируйте слой «Тень». Для этого нажмите CTRL + T. Переместите Центр преобразования в нижнюю среднюю точку и введите значение 80% в поля W (Ширина) и H (Высота).

Шаг 4

Для слоя «Тень» добавьте Стиль слоя – Тень (Layer Styles – Drop Shadow).

Введите значения:

  • Угол (Angle): 90
  • Смещение (Distance): 20 пикс.
  • Размер (Size): 50 пикс.

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

Шаг 5 (опционально)

Свяжите слой с объектом и слой «Тень», чтобы при перемещении эти слои двигались одновременно.

Техника 3: Смарт-объект

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

Шаг 1

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

Шаг 2

Преобразуйте группу или слой (слои) в смарт-объект (Smart Object) (Слой – Смарт-объект – Преобразовать в Смарт-объект).

Шаг 3

Дублируйте смарт-объект и переименуйте его в «Тень».

Шаг 4

Добавьте Стиль слоя – Наложение цвета: цвет (color) # 000000, непрозрачность 100%.

Шаг 5

Трансформируйте слой «Тень». Для этого нажмите CTRL + T. Переместите Центр преобразования в нижнюю среднюю точку и введите значение 80% в поля W (Ширина) и H (Высота).

Шаг 6

Сдвиньте слой «Тень» вниз на 20 пикселей. При желании вы можете использовать свои значения для смещения.

Шаг 7

Примените фильтр Размытие по Гауссу (Gaussion Blur) к слою со смарт-объектом «Тень». Радиус размытия примерно 25 пикселей.

Шаг 8

Измените непрозрачность для слоя «Тень».

Шаг 9 (необязательно)

Свяжите слой с объектом и слой «Тень», чтобы при перемещении эти слои двигались одновременно.

  • Примечание переводчика: Чтобы связать слои, выделите необходимые слои и пройдите в Слои – Связать слои (Layers – Link layers).

Вывод

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

Автор:  Tony Thomas

Источник: medialoot.com

Как накладывать тени в фотошопе

Всем привет! Мы поговорим о том, как сделать тень в фотошопе.

Программа Adobe Photoshop имеет широкую гамму инструментов и функций, при помощи которых можно добавлять тени к объектам, мы рассмотрим два наиболее распространённых способа создания теней в фотошопе – при помощи Стилей слоя (Layer Style) и с помощью Выделения (Select).

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

Несколько советов перед созданием тени

  • Главное, что нужно запомнить новичку: в природе нет абсолютно черных теней, всегда присутствует какой-то дополнительный цвет, разбавляющий густоту черного.
  • Учитывайте, что чем ближе тень к объекту, тем она насыщеннее, чем дальше – тем прозрачнее.
  • Присмотритесь к окружающему вас миру, почаще обращайте внимание, каким образом объекты отбрасывают тень – это поможет вам избежать ошибок при создании своих коллажей.

Как сделать тень при помощи Стилей слоя (Layer Style)

«Повесим» картину на стену при помощи фотошоп. Откроем изображение стены, Файл-Открыть (File-Open).

Поместим (Файл-Поместить (File–Place)) на холст изображение с картиной, оно уже отделено от фона,

Левой кнопкой мыши тянем за уголки внутрь изображения для уменьшения картины, зажимаем при этом клавиши Shift и Alt чтобы сохранились пропорции картины и масштабирование происходило с центра:

При помощи инструмента Перемещение (Move tool), быстрая клавиша вызова инструмента V, перетаскиваем картину чуть выше:

На панели слоев делаем активным слой с картиной, кликаем по нему два раза левой кнопкой мыши – откроется окно с настройками Стилей слоя (Layer Style):

Ставим галочку у Стиля слоя Тень (Drop Shadow):

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

Для нашей картины я изменила угол к 90 градусам, потому что стена освещена сверху, изменила цвет с черного на темно-коричневый. Подробно рассмотреть настройки вы можете на скриншоте:

Вот как преобразился наш маленький коллаж после добавления тени:

Исчез эффект плоскости, и коллаж приобрел реалистичность.

Как сделать тень в фотошопе при помощи Выделения (Select)

Этот способ, несомненно, посложнее, но, уверенна, вы справитесь!

Создаем новый файл (Файл-Создать (FileNew)) с такими параметрами:

Помешаем в новый документ изображение с девушкой (Файл-Поместить (File–Place)). Девушка уже отделена от фона, так что нам не придется её вырезать.

Как и в предыдущем шаге, масштабируем изображение до нужных нам размеров. Не забываем о клавишах Alt и Shift для сохранения пропорций и масштабирования с центра.

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

Создаем новый слой между фоновым белым слоем и слоем с девушкой, Слои-Новый-Слой (LayerNewLayer) или клик по иконке создания нового слоя в панели слоев:

Переходим к Редактирование-Выполнить заливку (EditFill), в окне выбора цвета выбираем темный цвет и заливаем им выделение. Для примера и хорошего контраста с белым фоном я залила черным, но, напоминаю, для реалистичности коллажа лучше не использовать чисто черный цвет.

Вот как на данный момент выглядит наша будущая тень:

Снимаем выделение (Ctrl + D), активируем инструмент Свободное трансформирование (Free Transform Tool), горячие клавиши для его вызова Ctrl + T, также перейти к нему можно через меню Редактирование-Свободное трансформирование (Edit- Free Transform Tool):

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

Как мы помним, тень у объекта имеет высокую насыщенность, по мере отдаления от объекта тень становится полупрозрачной. Для плавного снижения прозрачности тени будем использоватьинструмент Градиент (Gradient), горячая клавиша вызова инструмента – G.

Добавляем к слою с тенью маску слоя, кликаем на значок ее создания в панели слоев:

На клавиатуре нажимаем клавишу D, чтобы вернуть цвета переднего и заднего плана к установленным по умолчанию. После этого действия при выборе инструмента Градиент (Gradient) в качестве стиля градиента будет предложен стиль от черного к белому.

Именно он нам и нужен. Становимся на маску слоя с тенью и мышкой проводим градиент вдоль тени от ног девушки к ее голове, немного захватывая холст выше головы. Вот что получилось:

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

Вот мы и узнали, как сделать тень в фотошопе. Надеемся, урок был для вас полезным. Творческих успехов!

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

Пустынная камелия


Для начала вам понадобятся только один цветок, настольная лампа и немного белой бумаги.

Цветок для этой статьи был сфотографирован ( с помощью Fuji Finepix ) холодным зимним утром в штате Виктория, в то время как песок ( снятый на пленку Kodachrome ) из Великой индийской пустыни в Раджастане.

Скептики ухмыльнутся, как эти два предмета могут соседствовать в одном кадре? Для этого нужно захватить полупрозрачную тень ( созданную при помощи 75-ваттной настольной лампы и нескольких кусков белой бумаги ) и деликатно перенести ее на новое место — в пустыню. Это как же…!

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

Шаг 1: Продублируйте фоновый слой

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

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

Шаг 2: Используйте инструмент «Градиент» в режиме «Быстрой маски»

Первым делом нам нужно снизить тона фона до белого, при этом, оставив тени нетронутыми. Уменьшение освещенности в направлении от источника света ( белый фон постепенно переходит в серый на дальней от источника света стороне ) может быть сбалансировано с помощью корректирующего слоя. Выберите « Цвета текста и фона по умолчанию «, « Режим Быстрой маски » и « Инструмент градиент » в палитре инструментов.

Задайте опции « линейный градиент » и « передний план к прозрачному » или « передний план к фону » в панели « Настройки «. Создайте градиент с переходом от яркой стороны изображения к темной. Появится градиент с цветами маски по умолчанию. Выйдите из режима « Быстрой маски ».

Пользователи Adobe Elements могут перейти сразу к следующему шагу и создать градиент непосредственно в маске слоя:

Шаг 3: Используйте настройки уровней слоя, чтобы сбалансировать тона фона

Из палитры слоев выберите « Корректирующий слой », « Уровни ». Активное выделение создаст маску слоя для корректирующего слоя. Переместите ползунки центрального слайдера « Гамма » и / или « Подсветка » влево, чтобы подсветить фон таким образом, чтобы обе его стороны имели одинаковый тон.

Будьте осторожны, чтобы в процессе не потерять тени. Нажмите OK , когда достигнете удовлетворительного баланса цветов:

Шаг 4: Выделите объект без тени. На графическом планшете это будет сделать гораздо проще

Используйте инструменты рисования в режиме « Быстрой маски », чтобы создать выделение цветка на фоновом слое ( пользователям Elements нужно использовать инструмент «Выделяющая кисть» и выбрать в панели параметров режим «Маска» ). Не забудьте растушевать выделенную область или добавьте к маске незначительное « Размытие по Гауссу ».

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

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

Шаг 5: Поместите слой копии фона над корректировочным слоем Уровней

Поместите слой копии фона над корректировочным слоем Уровней . Таким образом, мы обеспечим, чтобы корректирующий слой, созданный в предыдущем шаге, не влиял на объект:

Шаг 6: Используйте средство «Порог», чтобы сделать все пиксели ниже цветка черными

В меню « Изображение », « Коррекция » выберите « Порог «. Это корректирующее средство поможет в процессе удаления тонких теней и позволит нам опустить цвет оставшейся части фона до чистого белого (255). Первым делом нам нужно временно сделать все пиксели верхнего слоя ниже цветка черными, перетащив ползунок слайдера до упора вправо — уровня порога в 255. Нажмите « ОК », чтобы выйти из диалогового окна « Порог ».

Примечание: Проверьте расположение слоев у себя в палитре слоев, чтобы оно соответствовало порядку, приведенному на рисунке:

Шаг 7: Переместите ползунки полей «Гамма» и «Подсветка», чтобы сделать серые тона бумаги на фоне белыми

Переместите ползунки « Гамма » и « Подсветка », чтобы сделать серые тона бумаги фона белыми. Тени на этот момент уже четко очерчены. В отличие от фона, который освещен неравномерно, поэтому на этом шаге мы должны создать его равномерное освещение. Не бойтесь применить интенсивное отбеливание:

Шаг 8: Закрасьте оставшиеся темные области, которые не являются частью тени объекта

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

Шаг 9: Импорт нового фона

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

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

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

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

Затем перейдите в меню « Слой » и выберите команду « Создать обтравочную маску для связанных слоев » ( «Связанная группа» для Adobe Elements ). Это действие обеспечит нам, чтобы новый фон остался неизменным, когда мы на следующем шаге переместим корректирующие слои вверх в палитре:

Шаг 11: Переименуйте фоновый слой и поместите его поверх импортированного фона

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

Шаг 12: Отрегулируйте режимы смешивания для старого фонового слоя и его корректирующих слоев

На заключительном этапе нам нужно объединить или смешать полупрозрачные тени на новом месте. Выберите старый фоновый слой и измените его режим смешивания на « Умножение » ( кликните по меню режимов смешивания в палитре слоев рядом с элементом управления непрозрачностью ).

Установите для корректирующих слоев режим смешивания « Яркость », если вам нужно уменьшить какой-либо цвет. Добавьте к этой группе корректирующий слой « Цветовой тон/ насыщенность », если вам требуется дополнительно уменьшить насыщенность цветов:

Шаг 13: Размойте фон или создайте полупрозрачную виньетку с помощью корректирующих слоев и градиента, чтобы внести завершающие штрихи

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

Полупрозрачные тени — важный элемент техники создания теней

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

Данная публикация представляет собой перевод статьи « Working With Shadows In Photoshop – Advanced Shadow Techniques » , подготовленной дружной командой проекта Интернет-технологии.ру

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

Создание тени в Фотошоп

Способ 1 – стили

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

Работать со стилями очень просто:

  1. Откройте окно «Слои» и переместитесь на объект.
  2. Кликните дважды по слою — появится окошко стилей:

3. В колонке слева с различными опциями найдите «Тень» и поставьте галочку рядом, после чего выделите опцию мышкой – откроются ее настройки. Второй вариант: нажмите fn внизу окна слоев и выберите во всплывшем меню «Тень».

4. Можно отрегулировать: цвет, непрозрачность, угол, размер, размах, сместить, добавить шум, поменять контур. При изменении параметров на изображении будет видно, как меняется тень. Вот, что получилось на нашем образце:

Способ 2 – копирование

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

  • Продублируйте изображение объекта (CTRL+J).
  • Переместитесь на новый слой, зажмите CTRL и, не отпуская, кликните мышкой по превью (при наведении курсора появится маленький квадрат из пунктира). Объект выделится.
  • Если вы тоже делаете тень текста в Фотошопе, его нужно растрировать, через правую кнопку мышки выберите опцию «Растрировать текст».
  • Возьмите кисть с черным (или другим) цветом, и закрасьте выделенную область на втором слое. Выделение можно снять (CTRL+D).

  • Перетащите закрашенный слой вниз, под объект.
  • В меню «Редактирование» выберите «Трансформирование» и «Отразить по вертикали».
  • Отрегулируйте непрозрачность тени, как вам нужно.

Что можно с ней сделать, в отличие от созданной стилями:
• Изменить размер и повернуть с помощью опции «Свободное трансформирование» в меню «Редактирование».
• Удалить частично ластиком, если нужно.
• Свободно перемещать по изображению.
• Воспользовавшись инструментом «Перспектива» в подменю «Трансформирование», можно «положить ее на землю»:

• Собственно, можно делать все что угодно.

Если вы работаете со снимком с фоном, то порядок действий будет немного другим. Чтобы скопировать объект на новый слой, выделите его «Быстрым выделением» и нажмите CTRL+J. Сделайте это дважды, один слой без фона сделайте тенью, второй расположите сверху. Чтобы придать реалистичности, тень можно размыть с помощью «Размытия по Гауссу» в меню «Фильтр». Именно таким способом сделана в Фотошоп тень от объекта:

Способ 3 – рисование

Если нужна легкая, еле заметная тень, то проще всего просто нарисовать ее кистью.

  1. Создайте новый слой.
  2. Возьмите мягкую кисть с нужным цветом.
  3. Нарисуйте тень.
  4. Снизьте ее непрозрачность.

Как вариант, можно изменить режим наложения на «Мягкий свет» или другой, в зависимости от того, что именно вам нужно. Вот такую тень можно нарисовать всего лишь несколькими мазками:

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

Видео «Как сделать тень в Adobe Photoshop»:

Наложение теней в фотошопе. Рисуем тень. Освещение объекта сзади

Для людей, которые мало знакомы с принципами работы масок и слоя, сложно самим придумать, как нарисовать чёткую тень в графическом редакторе Adobe Photoshop. По примеру уже выполненной фотографии вы сможете разобраться в этом нелегком деле.

Возьмите желаемую фотографию. Если требуется сделать её на однотонном фоне — вырежьте. Как это сделать подробно описано в статье: . Теперь откройте свою фотографию и выберите инструмент «Волшебная палочка». У пользователей с англоязычным интерфейсом она называется «Magic Wand Tool». Кликните ею по белому фону, произойдет выделение. Сразу же нужно произвести инверсию выделения. Для этого нажмите правой кнопкой мыши на фон, в выпадающем меню выберите «Select Inverse», или «Инверсия выделения». Ваше выделение переместится с фона на сам объект.


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

Создание теней и способы их создания

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

Снова кликните правой кнопкой мыши на фон и найдите строчку «Слой из копии» либо «Layer via Copy».


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


В верхнем меню найдите вкладку «Редактирование» либо «Edit». В появившемся списке выберите «Свободное трансформирование», у англоязычного интерфейса «Free Transform».


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

Полупрозрачные тени — важный элемент техники создания теней

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

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


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


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

Размытая тень дерева на переднем плане

Тени, брошенные в одно здание из другого, на самом деле темнее теней, отбрасываемых на пол.

  • Они могут быть затронуты текстурой, если у нее слишком много ударов.
  • Сторона теней здания легче, чем одно здание из других теней.
Если вам нужно красивое дерево выреза для этого упражнения, вы можете захватить. В зависимости от ваших пожеланий к источнику света и направлению тени, расположите копию. Нажмите клавишу Enter на клавиатуре. Переместите верхний слой вниз. Для этого дважды кликните левой кнопкой мыши по замочку на нижнем слое.


Нажмите «ОК» в появившемся окне.


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


Теперь мы превратим его в тень. Уменьшите яркость полностью Уменьшите непрозрачность слоя до ~ 50% Удалите часть людей, когда за ними скрывается тень дерева. Теперь результат выглядит следующим образом. В некоторых случаях теневой объект не «просто» на земле, а также может быть наложен на стену, например.

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

Проверьте расположение ваших слоёв. Последовательность должна быть такой: сверху Слой 2, далее Слой 1 и пустой Слой 0 в самом низу. Дважды кликните на Слой 1. В появившемся окне выберите вкладку «Наложение цвета» или «Color Overlay». Нажмите «ОК».


Выполните размытие тени. Зайдите во вкладку «Фильтр» — «Размытие» — «Размытие по Гауссу». Установите желаемый диаметр, например, 1.7 и нажмите «ОК».


Ваша тень готова всего за девять шагов. Не бойтесь ошибиться. Любое действие можно отменить комбинацией клавиш ctrl + alt + z, и начать всё сначала.


Тени являются частью рендеринга архитектуры

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

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

Можно отметить две основные особенности длинных теней:

  1. Каждый объект дизайна должен иметь плоскую двухмерную тень, которая в 2,5 раза больше диагонали объекта.
  2. Тень должна отбрасываться под углом 45 градусов.

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

Использование тени для создания интересного эффекта на фото

Убедитесь, что ваше изображение находится на прозрачном слое и вы оставляете достаточно места для добавления намеченной тени.


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


Это загружает выделение вокруг содержимого слоя, в данном случае скутера.

1. Создание объекта

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) размером 750х750 пикселей и залейте фоновый слой цветом #cf3f30 .

Шаг 2

Выберите инструмент Rounded Rectangle Tool (U), настройте его, как показано на скриншоте, и создайте квадратную фигуру размером 450х450 пикселей.



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


В открывшемся окне измените параметр «Использовать» на «Черный».

Теперь вы увидите, что объект в вашем дублированном заполнен черным.


Нам нужно изменить нашу тень и перетащить ее на место. Обязательно выберите теневой слой.


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

Шаг 3

Инструментом Horizontal Type Tool (T) напишите два строки текста, используя разный шрифт.


Шаг 4

Откройте панель Character (Window → Character) и настройте шрифт, как показано на скриншоте.


Шаг 5

Выберите все три слоя, выберите инструмент Move Tool (V) и на верхней панели нажмите на кнопку Align horizontal centers.

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


Это удобно вставлять как ваш объект, так и тень вместе в другое изображение, а не отдельно. Однако иногда вы не хотите сливать слои вообще.


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


Мы скажем первый результат, потому что, как вы видите, тень очень темная и имеет острые края. Для нас важно иметь довольно темную тень, потому что настоящие тени в нашей картине пустыни также довольно темные. Не делайте ошибку, имея две разные тени в одной картине. Это делает результат неестественным, и люди заметят, что тень не настоящая. Чтобы сделать тени более светлыми и менее острыми, нанесите размытие.


2. Создание длинных теней при помощи векторных фигур

Шаг 1

Выберите инструмент Rectangle Tool (U) и создайте чёрный квадрат, покрывающий почти весь холст. Этот квадрат должен быть прямо над фоновым слоем.


Шаг 2

Активируйте режим Free Transform (Ctrl + T), зажмите клавишу Shift и поверните чёрный квадрат на 45 градусов.

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

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


Шаг 3

Измените ширину чёрного квадрата, чтобы его стороны проходили через углы красного квадрата.


Шаг 4

Переместите чёрный квадрат так, чтобы его сторона стала диагональю красного квадрата.


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

Чем дальше кривая удаляется от диагональной линии, тем более она будет изменяться. Это также означает, что угол кривой изменяет контраст изображения в заданном диапазоне тонов. Выше, синий обозначает то, что использует большинство пикселей. Большинство тонов находятся слева от середины серого, поэтому создание крутого угла в этой области даст большую часть изображения более контрастному. Создание крутого уклона от популярных тонов создает экстремальный контраст: много теней, некоторые блики и несколько средних тонов. Противоположность, дающая средним тонам плоский наклон, снижает контраст. . В отличие от уровней, кривые позволяют изменять выбранный диапазон тонов.

Шаг 5

Уменьшите Fill (заливку) чёрного квадрата до 0%.


Шаг 6

К слою с квадратом примените стиль Gradient Overlay через иконку fx в нижней части панели слоёв.


Это самый простой способ создать такую тень.


Сохранение и загрузка настроек стилей слоя по умолчанию

Мало того, что можно изменить тени, средние тона и блики, они могут быть изменены независимо. Две вариации на фотографии выше показывают, как кривые могут влиять на разные области. В центре фотографии все ярче, чем на 50%. Но только самые высокие блики — и самые темные тени — ярко выражены в самом верном изображении.

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

3. Создание длинных теней при помощи инструмента Pen Tool

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

Шаг 1

Создайте новый слой (Ctrl + Shift + Alt + N) под текстом и красным прямоугольником. Выберите инструмент Pen Tool (P).


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

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

Шаг 2

Для начала нам нужно отвести направляющие. Активируйте Линейки (Ctrl + R) и отведите направляющую, проходящую по верхнему краю букв.


Шаг 3

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


Шаг 4

Дорисуйте чёрную фигуру, как показано на скриншоте. Она должна покрывать правый нижний угол красного квадрата.


Шаг 5

Выберите инструмент Direct Selection Tool (A), зажмите клавишу Shift и кликните на якорных точках, которые Вы добавили между буквами.


Шаг 6

Выберите инструмент Move Tool (V) и опустите выделенные точки на несколько пикселей вниз (используйте клавишу стрелки вниз). Затем сдвиньте точки вправо, чтобы получить результат, как на втором скриншоте ниже.


Шаг 7

Инструментом Direct Selection Tool (A) передвиньте отдельные точки, чтобы убрать пустоты или изменить угол.


Шаг 8

Все линии тени должны быть параллельными на столько, на сколько это возможно. Используйте инструмент Line Tool (U), чтобы определить точный угол. Создайте линию, поверните её в режиме Free Transform (Ctrl + T) и приложите к каждой букве, чтобы знать, куда нужно передвинуть якорную точку.

Данный способ отнимает не мало времени, но с ним Вы можете более точно изменить форму тени.


Шаг 9

Как только форма тени будет нарисована, примените к ней стиль Gradient Overlay с такими же параметрами, как в шаге 2.6.


Шаг 10

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

Совет: чтобы создать тень для второй линии текста, выберите инструмент Pen Tool (P), на панели параметров выберите режим Combine Shapes, чтобы добавить новую тень к уже созданной.

Если Вы используете версию CS6, то можете создать тень на отдельном слое, а затем объединить их (Ctrl + E). Именно этим способом мы и воспользуемся. Он более понятно описывает процесс создания тени для текста с разной высотой букв.

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


Шаг 11

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

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

Форма тени будет более сложной, чем в первом случае. Например участок в нижней части буквы S. При расстановке якорных точек Вам нужно ориентироваться на направление тени.


Шаг 12

Выберите инструмент Add Anchor Point Tool и добавьте якорную точку туда, где нужно заполнить пустоту. В данном случае это буква S.


Шаг 13

Примените к нарисованной форме стиль Gradient Overlay и создайте для слоя обтравочную маску (Ctrl + Alt + G).


Шаг 14

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


Вы можете создать более объёмную тень при помощи градиента. В настройках стиля Gradient Overlay Вам нужно изменить параметр Scale.


Теперь видно, что тень плавно растворяется.


Подвигайте тень на холсте.


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


4. Создание длинных теней путём дублирования и сдвига

Это очень простой способ получить тень под углом 45 градусов.

Шаг 1

Создайте копию текстового слоя (Ctrl + J) и опустите её под оригинал.


Шаг 2

Измените цвет нижнего текстового слоя на чёрный.


Шаг 10

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


Шаг 11

Повторите процесс для второй строки.


Шаг 12

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


Шаг 13

Обе тени можно сделать угасающими.


5. Создание длинных теней при помощи 3D-инструмента

Ещё один быстрый способ, воспользовавшись которым Вы сможете изменить тень в любой момент.

Шаг 1

Выберите текстовый слой и перейдите в меню 3D → New 3D Extrusion from Selected Layer. Текстовый слой будет преобразован в 3D-слой.


Шаг 2

Для редактирования 3D-слоя Вам понадобится две панели: 3D и Properties. Если они не откроются автоматически, Вы найдёте их в меню Window. Панель 3D содержит все элементы сцены, панель Properties содержит свойства выбранных элементов.

Выберите Current View и на панели Properties выберите вид Top.


Шаг 3

Выберите текст и перейдите во вкладку Coordinates. Измените угол по оси X на 90 градусов, чтобы фронтальная часть текста была направлена вверх.


Шаг 4

На панели свойств выберите вкладку Mesh и измените параметр Extrusion Depth. Смысл в том, чтобы создать длинную экструзию, которая станет тень, когда мы направим свет под определённым углом. В зависимости от текста и направления света, значение этого параметра будет меняться. Обычно значения от 200 до 300 хватает.

Очень важно приземлить объект сцены к основанию (3D → Snap Object to Ground Plane). Это нужно делать каждый раз, когда Вы изменяете параметр Extrusion Depth. В противном случае объект будет удлиняться через плоскость основания и Вы не увидите изменений.


Шаг 5

Если Вам нужно будет увеличить или уменьшить размер, сделайте это при помощи положения камеры. Выберите Current View на панели 3D, выберите инструмент Move Tool и на верхней панели активируйте режим Scale 3D Object. Кликните на сцене и опустите курсор, если захотите увеличить текст, или поднимите курсор, если захотите уменьшить текст.


Шаг 6

Как только определитесь с размером, выберите Infinite Light 1 на панели 3D и измените угол по оси Y на панели свойств во вкладке Coordinates.


Шаг 7

При помощи инструмента Move Tool Вы сможете изменить направление света прямо на сцене.


Шаг 8

Чтобы вернуть тексту его первоначальный белый цвет, Вам нужно изменить Front Inflation Material. Настройте всё, как показано на скриншоте.

После этого можно поставить сцену на рендеринг, чтобы увидеть, как всё будет выглядеть. Возможно, придётся изменить какие-то параметры. Например, если цвет текста будет слишком тёмным, увеличьте значение параметра Shine до 100%.


Шаг 9

Как закончите с материалами, переходите к сцене (Environment). На панели свойств Вам нужна секция Ground Plane. Измените Opacity (непрозрачность) тени на своё усмотрение. Я установите её на 14%


Шаг 10

Перейдите в меню 3D → Render, чтобы полностью визуализировать сцену.


Шаг 11

Для 3D-слоя нельзя создать обтравочную маску. Поэтому я предлагаю поместить его в смарт-объект. Сделайте это через меню Filter → Convert for Smart Filters.


Шаг 12

Кликните правой кнопкой мыши на смарт-объекте и выберите пункт Create Clipping Mask.


Шаг 13

Если Вам нужно будет изменить 3D-слой, кликните дважды на смарт-объекте, чтобы открыть его в отдельном документе.


Шаг 14

В открывшемся документе выберите 3D-сетку (сам объект) и на панели свойств нажмите на кнопку Edit Source.


Шаг 15

У Вас откроется ещё один документ, в котором будет находиться оригинальный текстовый слой. Здесь Вы можете изменить сам текст, шрифт, размер и т.д. Но цвет текста должен быть изменён на панели 3D. После любых изменений документы нужно сохранять (Ctrl + S) и закрывать.

Переведено с сайта psd.tutsplus.com , автор перевода указан в начале урока.

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

Как в фотошопе сделать тень


Как сделать тень в фотошопе

Всем привет! Мы поговорим о том, как сделать тень в фотошопе.

Программа Adobe Photoshop имеет широкую гамму инструментов и функций, при помощи которых можно добавлять тени к объектам, мы рассмотрим два наиболее распространённых способа создания теней в фотошопе – при помощи Стилей слоя (Layer Style) и с помощью Выделения (Select).

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

Несколько советов перед созданием тени

  • Главное, что нужно запомнить новичку: в природе нет абсолютно черных теней, всегда присутствует какой-то дополнительный цвет, разбавляющий густоту черного.
  • Учитывайте, что чем ближе тень к объекту, тем она насыщеннее, чем дальше – тем прозрачнее.
  • Присмотритесь к окружающему вас миру, почаще обращайте внимание, каким образом объекты отбрасывают тень – это поможет вам избежать ошибок при создании своих коллажей.

Как сделать тень при помощи Стилей слоя (Layer Style)

«Повесим» картину на стену при помощи фотошоп. Откроем изображение стены, Файл-Открыть (File-Open).

Поместим (Файл-Поместить (File–Place)) на холст изображение с картиной, оно уже отделено от фона,

Левой кнопкой мыши тянем за уголки внутрь изображения для уменьшения картины, зажимаем при этом клавиши Shift и Alt чтобы сохранились пропорции картины и масштабирование происходило с центра:

При помощи инструмента Перемещение (Move tool), быстрая клавиша вызова инструмента V, перетаскиваем картину чуть выше:

На панели слоев делаем активным слой с картиной, кликаем по нему два раза левой кнопкой мыши – откроется окно с настройками Стилей слоя (Layer Style):

Ставим галочку у Стиля слоя Тень (Drop Shadow):

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

Для нашей картины я изменила угол к 90 градусам, потому что стена освещена сверху, изменила цвет с черного на темно-коричневый. Подробно рассмотреть настройки вы можете на скриншоте:

Вот как преобразился наш маленький коллаж после добавления тени:

Исчез эффект плоскости, и коллаж приобрел реалистичность.

Как сделать тень в фотошопе при помощи Выделения (Select)

Этот способ, несомненно, посложнее, но, уверенна, вы справитесь!

Создаем новый файл (Файл-Создать (File—New)) с такими параметрами:

Помешаем в новый документ изображение с девушкой (Файл-Поместить (File–Place)). Девушка уже отделена от фона, так что нам не придется её вырезать.

Как и в предыдущем шаге, масштабируем изображение до нужных нам размеров. Не забываем о клавишах Alt и Shift для сохранения пропорций и масштабирования с центра.

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

Создаем новый слой между фоновым белым слоем и слоем с девушкой, Слои-Новый-Слой (Layer—New—Layer) или клик по иконке создания нового слоя в панели слоев:

Переходим к Редактирование-Выполнить заливку (Edit—Fill), в окне выбора цвета выбираем темный цвет и заливаем им выделение. Для примера и хорошего контраста с белым фоном я залила черным, но, напоминаю, для реалистичности коллажа лучше не использовать чисто черный цвет.

Вот как на данный момент выглядит наша будущая тень:

Снимаем выделение (Ctrl + D), активируем инструмент Свободное трансформирование (Free Transform Tool), горячие клавиши для его вызова Ctrl + T, также перейти к нему можно через меню Редактирование-Свободное трансформирование (Edit- Free Transform Tool):

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

Как мы помним, тень у объекта имеет высокую насыщенность, по мере отдаления от объекта тень становится полупрозрачной. Для плавного снижения прозрачности тени будем использоватьинструмент Градиент (Gradient), горячая клавиша вызова инструмента – G.

Добавляем к слою с тенью маску слоя, кликаем на значок ее создания в панели слоев:

На клавиатуре нажимаем клавишу D, чтобы вернуть цвета переднего и заднего плана к установленным по умолчанию. После этого действия при выборе инструмента Градиент (Gradient) в качестве стиля градиента будет предложен стиль от черного к белому.

Именно он нам и нужен. Становимся на маску слоя с тенью и мышкой проводим градиент вдоль тени от ног девушки к ее голове, немного захватывая холст выше головы. Вот что получилось:

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

Скачать PSD-исходник (4 Мб)

Вот мы и узнали, как сделать тень в фотошопе. Надеемся, урок был для вас полезным. Творческих успехов!

Как сделать тень в фотошопе (photoshop)

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

1. Тень простого объекта

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

Создаем новый слой, выбираем инструмент «кисть» (brush tool), далее выбираем мягкую кисть (с размытием на краях) (soft) и произвольно создаем одну окружность

Теперь нажимаем клавиши Ctrl+T (Свободное трансформирование) или заходим в панель «Редактирование»- «Свободное трансформирование» (Edit — Free transform path) и сжимаем получившуюся тень сверху вниз. В слоях помещаем тень под овал и уменьшаем параметр прозрачности тени. Готово!

2. Сложная тень объекта

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

Выберем в слоях наш цветок и нажимаем в панели инструментов на значок «Быстрое выделение» — (quick selection tool), начинаем выделять нижний край листиков.  Теперь в верхней панели заходим в меню «Слои» — «Новый слой — заливка» — «Залить цветом» (Layer — New fill layer — Solid color).

Нажимаем «ОК» и выбираем необходимый цвет. Поскольку цвет тени должен быть черным — выбираем черный цвет.

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

Уменьшаем степень прозрачности до 20%  и удаляем ненужную тень ластиком (которая выходит за размер горшка), предварительно выбрав в слоях слой — тень. Это был второй способ как сделать тень в фотошопе (photoshop)

2.2 Тень объекта полностью

Как создать тень горшка с цветком полностью? — Очень просто. Выделяем в слоях цветок и горшок — преобразуем в «Смарт объект» (Convert to smart object) объединяя слои и точно таким же способом с помощью «Быстрого  выделения» — (quick selection tool), начинаем выделять цветок с горшком полностью.  Далее, проводи точно такую процедуру, как в предыдущей голове: «Слои» — «Новый слой — заливка» — «Залить цветом» (Layer — New fill layer — Solid color).

Теперь помещаем наш новый, черный слой, под цветок с горшком, трансформируем его, нажатием клавиш Ctrl+T, поворачиваем и растягиваем так как нам необходимо. Уменьшаем прозрачность и готово!

 

3. Внутренняя и внешняя тень

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

Теперь ставим галочку на параметре «Выпадающая тень» (Drop shadow). Экспериментируем с углом падения тени и прозрачностью, добиваясь необходимого результата.

Помимо этого способа, есть еще один простой способ сделать внешнюю тень в фотошопе. Выбираем параметр «Обводка» (Stroke) и в парметре Fill Type  выбираем градиент. Регулируем прозрачность и размер по своему усмотрению.

4. Long shadow

Последний вид тени о котором я расскажу это —Long shadow. Для примера оставим тот же объект — эллипс. Итак, для наглядности я создам букву. пусть это будет «Е», преобразую в смарт объект для удобства, размещу в центре круга букву и залью ее белым цветом.

Самый простой способ создать тень в фотошопе, такую как Long Shadow, это создать прямоугольный объект (находим в левой панели Rectangle tool), заливаем черным цветом и трансформируем Ctrl-T. Если зажать клавишу Shift при вращении объекта, во время трансформирования, то Вы можете вращать объект по 15 градусов.

Теперь растягиваем черный, прямоугольный объект по ширине нашей буквы.

Удаляем ластиком ненужное.

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

Теперь выбираем ластик на левой-боковой панели, выставляем прозрачность на 25-30% и несколько раз нажимаем на край тени.

Должно получиться примерно так:

Теперь уменьшаем прозрачность и получаем финальный результат

Данный способ создания Long shadow, является самым простым и легким. Если вам необходимо создать тень сложного объекта или слова, то используйте тот же прямоугольный объект под углом 45 градусов, как направляющие, затем возьмите инструмент «Перо» (Pen tool) и обведите по контуру — заливаем получившийся объект регулируем прозрачность и размываем ластиком край тени.

Сделать тень в фотошопе очень просто. Сегодня я рассказал Вам о нескольких простых способах. Удачи!

Тень в фотошопе от предмета

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

Откроем наше изображение в программе – в данном примере это апельсины на белом фоне. Для начала их надо вырезать из фона, для чего слой с картинкой предварительно разблокируем двойным нажатием на иконку замка в панели. Выделим белый участок инструментом «Волшебная палочка» (быстрая клавиша W) и нажмем клавишу DEL, чтобы получить изображение фруктов на прозрачном фоне. Под них можно положить слой, залитый любым цветом.

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

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

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

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

Получившаяся тень выглядит так:

Как сделать тень от объекта в Photoshop

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

Начнём со случая, когда тень можно нарисовать кистью. Такой вариант подойдёт, если тени нужны рассеянные. Рассеянная тень — это тень, которая не имеет чёткой границы перехода из затемнённой части в осветлённую. Она не обязательно должна показывать полностью силуэт объекта.

Прежде, чем сделать тень от объекта, нужно внимательно продумать проекцию тени. Откроем снимок в Photoshop.

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

Когда продумали положение и форму теней, создаём новый слой Shift+Ctrl+N. Становимся на него, вызываем инструмент «Кисть»/Brush (клавиша B). Цвет кисти чёрный, кисть мягкая, размер регулируется клавишами [ и ], они же Х и Ъ.

И просто рисуем на новом слое тени по своей задумке. Если где-то промазали и залезли на сам объект, можно будет убрать ластиком (клавиша E). Для удобства рисунок можно масштабировать с помощью клавиш Ctrl+ и Ctrl-. Можно прокрасить и теневую сторону деревянных столбов.

Чтобы тени стали реалистичнее, убавим прозрачность слоя до 35%. Для этого, стоя на слое, переместите влево ползунок на параметре «Непрозрачность»/Opacity на палитре слоёв. Если что-то не получилось, нажмите отмену Ctrl+Alt+Z нужное количество раз.

Вот так получилось.

Сохраните результат Shift+Ctrl+S, формат файла можно выбрать привычный — JPG.

Этот способ самый простой, особенно для тех, кто хорошо рисует.

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

Еще больше о Photoshop можно узнать на курсе в Fotoshkola.net «Photoshop. Слои и маски».

Открываем фото в программе. Отделяем объект от фона. Для этого можно воспользоваться любым из инструментов группы «Быстрое выделение»/Quick Selection Tool. Вызываются они нажатием клавиши W. В данном случае выделим объект «Волшебной палочкой»/Magic Wand Tool, кликнув по фону (подходит для однородного фона).

Пунктир виден по всему периметру изображения, значит нужно инвертировать, чтобы выделить лишь объект. Нажимаем Shift+Ctrl+I. Теперь переносим объект на новый слой: Ctrl+C — копируем, Ctrl+V — вставляем. Новый слой с объектом появится автоматически. Отключаем нижний слой, нажав на нём изображение глаза.

Вызываем инструмент «Ластик»/Eraser Tool, клавиша E, и убираем стружку стержней. Они для тени не нужны. Затем по слою с объектом щёлкаем правой клавишей мыши, из появившегося списка выбираем пункт «Параметры наложения»/Blending Option.

В открывшемся окне слева выбираем пункт «Тень»/Drop Shadow.

С помощью параметров «Смещение»/Distance, «Размах»/Spread и «Размер»/Size создадим тень. Перемещаем ползунки, пока не добьёмся нужной тени. Затем уменьшим «Прозрачность»/Opacity.

Нажимаем Ok и возвращаем видимость нижнего слоя (нажимаем на серый квадрат, где был до этого глаз).

Если нужно уложить тень объекта на пол, мы выполняем те же действия. После того, как создали тень, переносим её на отдельный слой. Для этого под слоем с объектом щёлкаем правой клавишей мыши по пункту «Тень»/Shadow и в появившемся списке выбираем «Образовать слой»/Create Layer.

Тень переносится на новый слой. Становимся на слой с тенью и нажимаем Ctrl+T. Затем щелчком правой клавиши мыши вызываем контекстное меню и выбираем пункт «Искажение»/Warp. Появится рамка с точками. Перемещая эти точки, можно изменить перспективу изображения.

Завершив трансформирование, нажимаем Enter. Непрозрачность слоя с тенью можно убрать до 50%. Для большей реалистичности можно размыть часть тени, уходящую в перспективу. Выбираем ластик клавишей E, на панели управления выбираем тип мазка с растушеванным краем и проходимся ластиком по краю тени.

В итоге получаем реалистичную тень, падающую на пол. Если такую тень нужно создать для объекта на сложном фоне, где есть, например, трава, то выделить объект можно с помощью «Быстрой маски». Как это сделать, мы писали в статье Как обработать фон в Photoshop.

Еще больше о Photoshop можно узнать на курсе в Fotoshkola.net «Photoshop. Слои и маски».

Как нарисовать тень в фотошопе?

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

Объемная тень

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

  1. Запускаем фотошоп и открываем нашу заготовку.

  2. Дважды щелкаем по слою М, вызывая окно «Стилей». Идем на самую нижнюю строку «Тень» и щелкаем по ней левой клавишей мышки. В результате мы попадаем в меню настроек тени. Экспериментируем со значениями по своему вкусу, и в конечном итоге наша буква приобретает объем. В принципе, все можно оставить по умолчанию – во многих случаях этого вполне достаточно.

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

к содержанию ↑

Классическая, или падающая, тень

В первую очередь, для правильного решения задачи «как нарисовать тень в фотошопе» следует разбить наши действия на несколько этапов.

к содержанию ↑

Этап первый: создаем базу

Открываем наш учебный пример. Мы немного модернизировали его, придав картинке более натуралистичный вид.

Дублируем слой «М», нажав сочетание клавиш Ctrl + J.

Выделяем слой «М копия» и блокируем прозрачные пикселы, включив соответствующую кнопку на палитре слоев (см. скрин). На слое должен появиться символ замка. Теперь нам нужно выставить основным цветом черный. Нажимаем клавишу D, и цвета установятся по умолчанию – черный и белый. Теперь задействуем сочетание клавиш Alt + Delete, и копия буквы М становится черной.

Вернем слою «М копия» его функциональность, то есть разблокируем его. Для этого достаточно вновь нажать на значок «Сохранить прозрачность пикселов». Итак, у нас все готово к следующему шагу.

Сейчас нужно перевернуть вторую букву М и поместить ее на место будущей тени. Приступим:

  1. Нажимаем комбинацию клавиш Ctrl + T (свободное трансформирование). Вокруг буквы появится рамка трансформации. Не забывайте – мы должны находиться на слое «М копия».
  2. Смотрим на панель свойств (второй тулбар сверху). На левой стороне этой панели расположено схематичное изображение узлов трансформационного контура. Щелкаем мышью на средний квадратик нижней части рамки. Теперь этот узел превращается в центр, вокруг которого все вращается. То же самое действие можно произвести и на самом объекте: ухватить мышкой центральный маркер и перетянуть его на нижний.

  3. Далее идем в главное меню «Редактирование >> Трансформирование >> Отразить по вертикали».

  4. Щелкаем мышкой на «птичке» в панели свойств, тем самым подтверждая и заканчивая проведенную акцию.

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

к содержанию ↑

Этап второй: нам должны верить

Как должна выглядеть тень в реальном мире и конкретно в нашем изображении? Разложим по полочкам:

  1. Источник освещения находится сзади, а значит, тень падает перед объектом.
  2. Чем ниже солнце над горизонтом, тем длиннее тень.
  3. Чем длиннее тень, тем более она широка на своей вершине, создавая визуальную перспективу.
  4. Тень редко бывает абсолютно черной – все зависит от расстояния, на котором находится глаз наблюдателя. Самая темная часть расположена у основания объекта, а к вершине его тень бледнеет.
  5. Через силуэт тени должна проглядывать текстура поверхности, на которой она (тень) лежит.
  6. Граница тени всегда расплывчата – иногда чуть-чуть, а иногда вполне прилично.

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

Опять применим трансформацию. Первоначально жмем Ctrl + T, затем ухватываемся мышкой за нижний средний узел рамки трансформации и тянем его вниз. Учитывая, что солнце у нас практически уже заходит за горизонт, мы должны удлинить размер буквы на слое «М копия» примерно на 170-220 %. Тут уже все зависит от вашего восприятия перспективы. Эту же операцию можно провести, просто вбив нужное значение в поле высота (В) на панели свойств.

Начинаем работать над перспективой. Зажимаем и не отпускаем следующую клавиатурную комбинацию: Ctrl + Alt + Shift. Цепляемся мышкой за один из угловых маркеров рамки (левый или правый – значения не имеет, только не за центральный) и потихоньку принимаемся тянуть его по горизонтали. На наших глазах вершина тени начинает разъезжаться, оставляя начало у основания объекта в нетронутом состоянии. Тут, опять же, все зависит от вашего чувства прекрасного. Главное, не перетянуть. Добившись приемлемого результата, щелкаем на галочке «Подтвердить преобразование» или же давим клавишу Enter.

Займемся насыщенностью нашей тени. Рисовать тень от объекта в фотошопе без обозначения хотя бы минимальной прозрачности – это впустую потраченное время. Она будет выглядеть искусственной и чужеродной. В фотошопе есть много различных способов для достижения этой цели. Мы предпочитаем использовать слой-маску как достаточно простой и в то же время довольно гибкий метод, оставляющий массу места для творческого подхода.

Щелкаем по значку «Слой-маска» внизу панели слоев. В результате на слое «М копия» появляется метка маски, которая будет автоматически выделена, то есть мы можем сразу же начинать работать с маской.

к содержанию ↑

Немного теории

Принцип работы с маской несложен. Если залить ее черным цветом (Alt + Delete), то объект, находящийся на этом же слое, окажется скрыт или «замаскирован». Если же залить маску белым цветом (Ctrl + Delete), то объект вновь возникнет в полном объеме.

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

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

к содержанию ↑

Переходим к практике

Итак, с теорией немного разобрались, займемся конкретикой. Сначала воспользуемся градиентом (G). Обращаем свой взор на панель свойств инструмента. Щелкаем на иконке «Линейный градиент», а затем вызываем окно редактирования градиента и в нем выбираем стандартный образец «От основного к фоновому».

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

Получилось уже что-то близкое к правде. Вооружаемся мягкой кистью (B) и пытаемся довести прозрачность тени до максимального реализма. Рисуем по маске, творчески применяя размер кисти, ее цвет и прозрачность. Если где-то перебор, то это всегда можно исправить – поменяли цвет на обратный и тут же восстановили прежнее состояние, используя кисть. Главное, добиться реалистичности. Прозрачность кисти мы варьировали от 10 до 50 %. Изменять глубину прозрачности можно простым нажатием на нужное число на цифровом блоке клавиатуры. Замена одного цвета на другой (в нашем случае – черного на белый и белого на черный) производится при помощи клавиши Х.

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

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

Далее перемещаем слой с тенью («М копия») на одну позицию назад (Ctrl + {), выводя слой с буквой на самый верх. Теперь у нас все готово к дальнейшей работе.

к содержанию ↑

Размытие

Наша очередная задача – растушевать, сгладить края тени. Достигается эта цель несложным путем, но есть определенные нюансы. Активируем слой «М копия» и идем в «Фильтр >> Размытие >> Размытие по Гауссу». Степень размытия выставляйте в соответствии с вашим изображением. В нашем случае источник освещения находится строго сзади и на линии горизонта. Поэтому тень должна быть достаточно четкой.

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

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

Щель убирается легко – просто сдвигаем немного нашу тень вверх под букву М. Для этого выбираем инструмент «Перемещение» (V) и стрелкой «вверх» на клавиатуре подгоняем слой «М копия» под слой «М» на несколько пикселей, до полного исчезновения просвета.

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

Совет. Работайте при большом увеличении, применяя лупу (Z). Не стесняйтесь пользоваться палитрой «История», если возникает необходимость откатиться на 1-3 шага назад.

к содержанию ↑

Последний штрих – привязка к местности

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

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

Там, где мы применяли маску (конец тени), все в порядке. Текстура просвечивает через тень. Но у основания буквы наблюдается сплошной черный цвет. И даже на нашем примитивном примере это выглядит как-то неправильно. Сейчас мы это исправим.

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

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

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

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

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

Автор: Евгения Родина
7 декабря 2009

Турбомилкеры очень любят сервис Twitter и большинство из нас радостно пишут туда глубокомысленные жизненные замечания. Когда возникла необходимость поделиться этим с твиттеръюзерами из других стран — мы разработали свой удобный сервис, который будет переводить твитты с русского языка на любой другой (языки в ассортименте) и автоматически постить в Twitter.

Весь коллектив ломал голову над названием проекта, складывая слова Twitter и translate, в итоге коллеги развеселились и выдали «Transvestitor»!

За основу логотипа мы взяли голубую птичку, такую же, как и у оригинального сервиса. Но с «изюминкой» — это Птичк мужского полу, небритый, щедро напомаженный, в мужских плавках, с накладными сиськами (ой!) и в красных туфлях. Результат можете наблюдать здесь. )))

Теперь, собственно, к делу — как нарисовать объемного персонажа из плоского логотипа?

Я рисую в Photoshop CS4. Открываем программу и быстро рисуем кисточкой предварительный набросок. Изобразить Птича я собираюсь в поворотном ракурсе в ¾. По многолетней привычке я всех персонажей рисую обращенными лицом влево, мне так удобнее. Но готовый набросок я поверну зеркально вправо, потому что так он будет выглядеть лучше.

Вот, примерно так выглядит работа на второй минуте.

А вот так — на двадцатой. Я добавила Птичу руки и гламурную сумочку.

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

Теперь раскрашиваем Птича цветом.

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

С помощью «пипетки» копируем цвета с плоского логотипа Трансвеститора и раскрашиваем персонажа соответственно.

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

Если требуется четкий контур у объекта — то лучший выбор, на мой взгляд, векторная маска. Можно использовать множество слоев, в них нарисовать тени, блики, рефлексы, орнаменты, текстуры и т.п., но контур объекта, сформированный масками, останется ровным и четким. Для растровой графики под 72dpi это очень актуальный вопрос.

Пример — выделенная маска на объекте (это заключительная стадия рисунка).

И для сравнения — эти же слои с отключенной маской.

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

И снова к персонажу. Результатом закраски слоев должна стать вот такая картинка:

Теперь нарисуем на Птиче тени и свет.

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

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

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

Теперь добавим свет! Свет рисуем так же, как и тени, но используем самые выбеленные цвета или же вовсе чистый белый. В настройках прозрачности слоя выставляем overlay или softlite. Должно получиться вот так:

Далее, добавим в рисунок рефлексы. Это своеобразный «клей», позволяющий объединить части объекта воедино. Например, свет падает на пластмассовую сиську и отражается от нее на голубое тело Птича. И обратно — голубой блик отражается на розовом пластике. То есть, оба объекта бликуют друг на друга отраженным светом.

А теперь добавим картинке «вкусняшек» — мелкие детальки на лифчик, щетину на лицо и кустистые брови со следами бритья. А также всякие мелкие блики на глянцевые поверхности. )))

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

Как добавить к иллюстрации простые тени и блики

Поднимите свое искусство на новый уровень, представив источник света и создав тени в Adobe Photoshop! Начинающему иллюстратору может быть сложно добавить объемности к вашим иллюстрациям. Однако есть быстрый и простой способ начать экспериментировать с тенями и светами. Несмотря на то, что он очень простой, он действительно имеет огромное значение для общего качества изображения и может сделать быстрый набросок менее плоским и более реалистичным! Если у вас есть иллюстрация, которую вы создали с помощью плоских цветов, то есть вы еще не добавили штриховки, импортируйте ее в Adobe Photoshop и следуйте этому руководству, чтобы создать художественное измерение.Лучше всего он работает с черными контурами, но не стесняйтесь экспериментировать со всеми видами изображений. Обратите внимание, что это не единственный или лучший способ добавить тени к иллюстрации! Это простой метод, который может оказаться полезным, особенно если вы только начинаете заниматься цифровым искусством.

Посмотрите, насколько лучше выглядит иллюстрация с простыми тенями и бликами!
  1. Создайте два слоя, один для теней и один для бликов.Порядок значения не имеет! На слое «тени» мы будем рисовать черным цветом. На слое «блики» мы будем рисовать белым цветом. Мне нравится использовать кисть среднего размера с низкой жесткостью (около 0%), поскольку мой рисунок не очень точен, и мне нравится, чтобы освещение выглядело мягким и естественным. В любой момент, если вы захотите стереть созданную линию, просто удалите ее с помощью ластика (с соответствующей жесткостью). Чтобы сделать освещение мягким, на более позднем этапе мы уменьшим непрозрачность этих слоев до чего-то более низкого.Однако, чтобы упростить себе работу, вы можете рисовать тени и блики со 100% непрозрачностью (полностью черно-белыми). Или, если проще визуализировать конечный продукт, нарисовав их с меньшим процентом, вы тоже можете попробовать сделать это! После того, как вы нарисуете оба слоя, ваши слои Photoshop могут выглядеть следующим образом.
  2. Определите источники света и позвольте им направлять туда, где вы рисуете блики. Ключ к созданию реалистичного освещения — сделать его реалистичным. Это означает, что вы должны знать, откуда исходит свет, даже если его нет на картинке.В этом примере я нарисовал уличную сцену. Я представил, как мой персонаж смотрит в окно с солнцем за кадром в левом верхнем углу. Из-за этого я знал, что объекты будут освещаться с этого направления, поэтому я нарисовал линию выделения вдоль верхних левых сторон различных объектов на иллюстрации. Я нарисовал линию выделения в верхнем левом углу всех объектов, включая эти складки на оконном стекле, крышах соседних домов и краях трубы.
  3. Повторите для теней.Используя ту же технику из предыдущего шага, представьте источник света на вашем изображении и подумайте, какие области будут погружены в темноту. В моем примере я представил солнце в верхнем левом углу, поэтому, как правило, я добавил линию тени в нижний правый угол каждого объекта на изображении. Помните, что ваши тени не должны быть прямыми линиями, которые повторяют очертания вашей иллюстрации! Заполните целые области, которые были бы более темными, например тени, которые создает подбородок на шее, волосы на лице или брови на веках.Что касается нечеловеческих субъектов, подумайте, какие объекты также будут создавать большие участки тени. Обратите внимание на то, что здесь шея и глазницы затенены сильнее, чем некоторые другие области. Ваши тени будут более реалистичными, если они не будут линейными!
  4. Установите для обоих слоев непрозрачность 8-20%. Если вы не сделали этого на первом шаге, установите полную непрозрачность каждого слоя. Обычно я использую 10% для светлых участков и 15% для теней. Если вы работаете с более темными цветами, светлые участки будут более драматичными, поэтому вы можете использовать более низкий процент, например 8.С другой стороны, если вы используете в основном светлые цвета, тени будут казаться более очевидными, поэтому вы можете использовать более низкий процент для них. (Например, я хотел бы немного смягчить тени на «доме» в этом уроке, потому что светло-желтый цвет делает тени более драматичными, чем они появляются на фоне.) Тени более драматичны на светлых участках, таких как желтый дом, чем на темных участках, таких как коричневое оконное стекло.
  5. Необязательно: Создайте больше слоев для более интенсивных теней / светов.Иногда наличие только одного слоя теней и бликов может сделать их слишком сильными в одних областях и слишком тонкими в других. Чтобы решить эту проблему, создайте больше слоев, используя те же шаги, перечисленные выше, чтобы создать более темные тени или более яркие блики в определенных областях. Сложив несколько слоев теней и светов, вы можете создать еще более объемное и более реалистичное затенение.

Чтобы получить более полное представление о мире цифрового искусства, посмотрите, как голландский художник Лоис ван Барле создает свои иллюстрации в Photoshop.Вы нынешний студент? Узнайте, как можно сэкономить до 60%.

Отбрасывание теней в учебнике Photoshop

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

Вот упрощенное видео с отбрасыванием тени с использованием основной формы на белом.

Трехэтапный метод Колина создания отбрасываемой тени: Форма, Размытие и Растушевка!

Посмотрите 14-минутное видео с более подробным описанием прямо здесь.

Шаг 1

© Фотография и учебное пособие Колина Смита

Откройте изображение и удалите его из фона.

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

Шаг 2

Первое, что мы собираемся сделать, это создать стандартную тень.

Нажмите кнопку «Стиль слоя» в нижней части панели «Слои» (выглядит как маленькая буква «f»). Выберите «Тень».

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

Для большей реалистичности давайте сначала выберем правильный цвет тени. Щелкните черный прямоугольник справа от режима наложения в диалоговом окне Drop Shadow. Вы увидите палитру цветов. Я изменил его на синий цвет, чтобы он соответствовал цвету тени на машине.

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

Нажмите ОК, чтобы применить.

Step 3

Теперь у нас есть довольно хорошая тень, но нам нужна отбрасываемая тень.

Мы собираемся отделить стиль слоя от слоя, чтобы тень была на отдельном слое.

На панели «Слои» щелкните правой кнопкой мыши маленькую букву «f» справа от имени слоя. Вы увидите выпадающее меню.

Выберите опцию под названием Create Layer

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

Шаг 4

Теперь исказим форму. (Если вы собираетесь сделать это с текстом, вы должны сначала визуализировать тип)

Нажмите Ctrl / Cmd + T, это вызовет инструмент свободного преобразования. Щелкните правой кнопкой мыши выбранный объект (Mac: щелкните Cmd). Во всплывающем меню выберите «Искажение».

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

Шаг 5

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

При необходимости переместите любую ручку.

Нажмите Enter / Return, чтобы применить преобразование.

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

Step 6

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

Теперь мы хотим сделать тень более мягкой по мере удаления.

Дублируйте слой shadow , перетащив слой на «значок нового слоя» на панели слоев, или нажмите Cmd / Ctrl + J.

Отключите видимость нижнего слоя тени и выберите верхний слой тени. Это тот, который мы собираемся смягчить.

Step 7

Давайте сделаем эту вторую тень более мягкой.(Мы собираемся смешать 2 тени вместе)

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

Шаг 8

Пора смешать две тени вместе.

Добавьте маску слоя к верхнему теневому слою, нажав кнопку «Маска слоя» на панели «Слои».

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

Убедитесь, что маска выделена, и с помощью инструмента градиента перетащите ее примерно от 1/4 до нижней части тени до примерно 3/4 от высоты, чтобы смешать 2 слоя тени. (Красный на этом изображении показывает, куда я перетащил маску)

Подробнее об этой технике см. Здесь

Шаг 9

Наконец, установите режим умножения тени и непрозрачность верхнего слоя тени примерно на 50%. -75% и нижняя тень примерно до 30%

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

Теперь у вас есть простая реалистичная тень, но читайте дальше.

Xtra Credit

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

В этом конкретном изображении есть две небольшие проблемы. №1. Тень на кончике ее головы не останется прежней на краю дороги, так как на фоновой пластине есть расстояние.# 2 Цвет нашей девочки не совсем соответствует раскраске тарелки. (Фоновая пластина была скорректирована с небольшим цветовым оттенком для эффекта.)

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

fix # 1

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

На верхнем теневом слое создайте маску слоя.Закрасьте часть тени, которую вы хотите скрыть, с помощью черной кисти на маске. Если вы хотите, чтобы тень оставалась видимой, но уменьшенной; дважды щелкните маску слоя, чтобы открыть панель свойств (панель «Маска» в Photoshop CS6 или более ранней версии).

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

Fix # 2

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

Создайте новый сплошной слой, нажав кнопку корректирующего слоя в нижней части панели «Слои» и выбрав «Заливка цветом».

Установите цвет, соответствующий вашему настроению.

Измените режим наложения слоя на «Цвет» и уменьшите непрозрачность до минимума.

Последние штрихи

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

Прежде всего, я немного уменьшил ее размер, чтобы она лучше подходила (я сделал ее большой ранее, чтобы вы могли легко видеть создаваемую тень). Я также повернул тень по часовой стрелке, чтобы лучше соответствовать направлению движения машины (возможно, я мог бы еще немного пройти, но эй, это всего лишь учебник, а не произведение искусства). Я также добавил немного «Self Shadow» (затенение на самом объекте) прикосновением или прожиганием (см. Руководство по уклонению и прожиганию здесь).

Я также отрегулировал контрастность в Camera Raw и просто для удовольствия добавил немного размытия холмов при имитации глубины резкости.

Советы по теням

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

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

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

Итак, вот оно. Шаги по созданию реалистичной тени в программе Photoshop. Если вас заинтересует такой вид обучения, ознакомьтесь с моим премиальным курсом «Композиция в Photoshop», который включает раздел «Слои и каналы, глубокое погружение», где вы узнаете намного больше. (Это обучение основам Photoshop, и большая его часть применима к любой версии Photoshop).

Возьмите бесплатную электронную книгу в формате PDF прямо сейчас.Мы собирались продать это за 9,99 доллара, но решили, что отдадим его вместо этого и посмотрим, что произойдет 🙂


Эффект реалистичной тени в Photoshop

Как создать реалистичную тень

Шаг 1. Выберите человека или объект

Прежде чем мы сможем добавить кому-то тень, нам сначала нужно выделить их. Используя инструмент выделения по вашему выбору (инструмент «Лассо», инструмент быстрого выбора, инструмент «Перо» и т. Д.), Нарисуйте выделение вокруг человека (или объекта) на фотографии.Когда вы закончите, вы должны увидеть контур выделения вокруг них. Здесь я выбрал девушку:

Выберите человека или объект на фотографии.

Шаг 2: скопируйте выделение на новый слой

Выделив человека или объект, нажмите Ctrl + J (Win) / Command + J (Mac) на клавиатуре, чтобы быстро скопировать выделение на новый слой. В окне документа ничего не произойдет, но если мы посмотрим на панель «Слои», мы увидим, что Photoshop скопировал выделение на новый слой с именем «Слой 1» над фоновым слоем:

Выделение появится на новом слое над фоновым слоем.

Шаг 3. Добавьте дополнительное пространство холста, если необходимо

В зависимости от вашего изображения, вам может понадобиться этот шаг, а может и нет, но в моем случае мне нужно добавить дополнительное пространство холста, чтобы освободить место для тени. Самый простой способ добавить дополнительное пространство на холсте — использовать инструмент Photoshop Crop Tool . Я выберу его на панели инструментов:

Выбор инструмента кадрирования.

Чтобы было легче увидеть, что я делаю, я выхожу из окна документа и в первый из полноэкранных режимов Photoshop , нажимая на клавиатуре букву F .Затем, активировав инструмент кадрирования, я нажимаю на серую область выше и слева от верхнего левого угла изображения и, удерживая кнопку мыши нажатой, перетаскиваю в серую область ниже и на справа от нижнего правого угла:

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

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

Добавляем больше места слева, перетаскивая левый маркер кадрирования.

Я нажимаю Enter (Win) / Return (Mac), чтобы принять кадрирование (хотя то, что мы здесь делаем, на самом деле является точным напротив кадрирования), и в этот момент Photoshop добавляет дополнительное пространство слева от изображения и заполняет его белым цветом (цвет фона по умолчанию). Я нажимаю F на клавиатуре несколько раз, пока не вернусь в окно документа:

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

Шаг 4: Добавьте новый пустой слой ниже слоя 1

Удерживая нажатой клавишу Ctrl (Win) / Command (Mac), щелкните значок New Layer в нижней части панели «Слои»:

Щелкните значок «Новый слой», удерживая нажатой клавишу Ctrl (Win) / Command (Mac).

Это указывает Photoshop не только на добавление нового слоя в документ, как обычно, но и на добавление нового слоя ниже текущего выбранного слоя (Слой 1), который помещает его между Слоем 1 и Фоновым слоем:

Новый слой появляется между двумя исходными слоями.

Шаг 5: нарисуйте градиент на новом слое

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

Черный — цвет переднего плана по умолчанию.

Это открывает палитру цветов Photoshop , где мы можем выбрать новый цвет переднего плана. Выберите светло-серый. Если вы хотите использовать тот же оттенок серого, что и я, введите 70 % для значения B (B означает яркость) справа.Нажмите OK, когда закончите, чтобы закрыть палитру цветов:

.

Установите значение Яркости (B) на 70% для светло-серого. H (оттенок) и S (насыщенность) должны оставаться на уровне 0%.

Затем выберите инструмент Gradient Tool на панели инструментов. Мы будем использовать инструмент Gradient Tool несколько раз для этого эффекта:

Выберите инструмент «Градиент».

При активном инструменте Gradient Tool щелкните правой кнопкой мыши (Win) / Control-щелкните (Mac) в любом месте окна документа, чтобы быстро вызвать средство выбора градиента и убедиться, что у вас есть самый первый градиент — От переднего плана к фоновому — выбирается щелчком по его миниатюре (первый слева, верхний ряд).Нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы закрыть Gradient Picker:

Выберите градиент от переднего плана к фону.

Затем щелкните в нижней части документа, удерживайте нажатой клавишу Shift и перетащите вверх, пока не окажетесь чуть выше центра изображения по горизонтали. Удерживание клавиши Shift при перетаскивании ограничивает ваши движения, облегчая перетаскивание по вертикали:

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

Отпустите кнопку мыши, и Photoshop нарисует градиент, который станет новым фоном для изображения:

Тонкий градиент добавляет изображению немного глубины.

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

Щелкните еще раз на значке New Layer в нижней части панели Layers (на этот раз удерживать клавишу Shift не нужно):

Еще раз щелкните значок «Новый слой».

Новый пустой слой появляется над слоем градиента:

Слой 3 появляется над градиентом.

Шаг 7. Загрузите выделение вокруг человека или объекта

Удерживая нажатой клавишу Ctrl (Win) / Command (Mac), щелкните непосредственно на миниатюре предварительного просмотра верхнего слоя на панели «Слои». Не выбирайте слой, просто нажмите на его миниатюру:

Удерживая Ctrl (Win) / Command (Mac), щелкните миниатюру предварительного просмотра слоя 1.

Это мгновенно загружает выделение вокруг содержимого слоя. Здесь мы видим, что девушка на моем фото выбрана:

Контур выделения появляется вокруг человека или объекта, который мы впервые выбрали на шаге 1.

Шаг 8: Залейте выделение черным

Перейдите в меню Edit вверху экрана и выберите Fill :

Перейдите в меню «Правка»> «Заливка».

Когда появится диалоговое окно «Заливка», измените значение Использовать вверху на Черный , затем нажмите «ОК», чтобы закрыть диалоговое окно:

Установите для параметра «Использовать черный», затем нажмите «ОК».

Заливает выделение черным. Мы пока не видим его в окне документа, потому что изображение на уровне 1 блокирует его просмотр, но мы, , можем, , увидеть его на миниатюре предварительного просмотра слоя на панели «Слои»:

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

Шаг 9: Искажение тени в нужное положение

Область, которую мы только что залили черным, станет нашей тенью. Во-первых, нам нужно изменить его форму и переместить в нужное положение, и мы можем сделать это с помощью команды Photoshop «Искажение». Поднимитесь в меню Edit , выберите Transform , а затем выберите Distort :

Перейдите в Edit> Transform> Distort.

Измените форму области, залитой черным, щелкнув верхний маркер преобразования и перетащив его по диагонали влево или вправо (в зависимости от вашего изображения), пока он не станет больше похож на тень человека или объекта:

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

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

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

Когда вы закончите, нажмите Введите (Win) / Верните (Mac), чтобы принять преобразование и выйти из команды «Искажение».Ваша тень должна теперь выглядеть примерно так:

Исходная форма тени теперь на месте.

Шаг 10: примените небольшое размытие

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

Перейдите в Фильтр> Размытие> Размытие по Гауссу.

Откроется диалоговое окно «Размытие по Гауссу». Увеличьте Radius примерно до 1.5 пикселей для очень тонкого эффекта размытия, затем нажмите OK, чтобы выйти из диалогового окна. Края тени станут мягче:

Значение радиуса около 1,5 пикселей — это все, что нам нужно для начала.

Шаг 11: Используйте режим быстрой маски для постепенного выделения тени

Чтобы тень выглядела реалистично, края должны постепенно становиться мягче по мере удаления от объекта. Чтобы создать этот эффект постепенного размытия, мы снова обратимся к фильтру Gaussian Blur, но сначала мы создадим выделение, используя режим Photoshop Quick Mask .

Снова выберите инструмент Gradient Tool на панели инструментов, затем нажмите на клавиатуре букву D , чтобы сбросить цвета переднего плана и фона Photoshop к значениям по умолчанию (черный будет цветом переднего плана, белый — цветом фона). Затем нажмите на клавиатуре букву Q , чтобы переключиться в режим быстрой маски. В окне документа пока ничего не изменится. При активном инструменте «Градиент» щелкните в нижней части тени и перетащите по диагонали вверх, например:

Растяните диагональный градиент снизу вверх тени.

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

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

Нажмите на клавиатуре букву Q , чтобы выйти из режима быстрой маски и вернуться в нормальный режим.Наложение быстрой маски от красного до прозрачного будет заменено стандартным контуром выделения, который, кажется, не делает ничего, кроме деления тени пополам, с выделенной только верхней половиной. Это просто неудачная иллюзия со стороны Photoshop. Photoshop может отображать контуры выделения только вокруг пикселей, которые выбраны не менее чем на 50%. Таким образом, хотя похоже, что мы здесь ничего не добились, фильтр Gaussian Blur собирается доказать обратное:

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

Шаг 12: снова примените фильтр размытия по Гауссу

Поскольку фильтр «Размытие по Гауссу» был последним фильтром, который мы использовали, мы можем быстро восстановить его, нажав Ctrl + Alt + F (Win) / Command + Option + F (Mac) на клавиатуре. На этот раз, когда появится диалоговое окно, увеличьте значение Radius примерно до 10 пикселей , затем нажмите OK, чтобы выйти из него:

Увеличьте значение радиуса до 10 пикселей или около того.

Нажмите Ctrl + D (Win) / Command + D (Mac), чтобы удалить контур выделения, и мы видим в документе, что края тени теперь постепенно становятся мягче снизу вверх:

Края тени теперь выглядят более реалистично.

Шаг 13: Добавьте маску слоя

Тень должна исчезать по мере удаления от объекта, что легко сделать с помощью маски слоя. Щелкните значок Layer Mask внизу панели «Слои». Миниатюра маски слоя с белой заливкой появится справа от миниатюры предварительного просмотра теневого слоя:

Миниатюра маски слоя появляется после щелчка значка маски слоя.

Шаг 14: Установите цвет переднего плана на темно-серый

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

Щелкните образец цвета фона (справа внизу).

Когда появится палитра цветов, выберите темно-серый цвет, установив значение B (Яркость) на 30%. Оставьте для параметров H (оттенок) и S (насыщенность) значение 0%. Нажмите OK, когда закончите, чтобы закрыть палитру цветов:

.

Выберите темно-серый цвет в качестве цвета фона.

Шаг 15: Нарисуйте градиент через тень на маске слоя

Затем, выбрав инструмент «Градиент», щелкните еще раз около нижней части тени и перетащите по диагонали вверх к вершине, как мы это делали минуту назад в режиме быстрой маски.Разница в том, что мы рисуем градиент на маске слоя:

.

Нарисуйте градиент от белого к темно-серому снизу вверх тени.

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

Тень постепенно исчезает.

Шаг 16: Уменьшите непрозрачность тени

В качестве последнего шага давайте снизим непрозрачность тени, чтобы она не казалась такой темной возле объекта (поскольку тени всегда несколько прозрачны). Вы найдете опцию Opacity в правом верхнем углу панели Layers. Немного понизьте его примерно до 85% :

Уменьшите непрозрачность теневого слоя до 85%.

И на этом мы закончили! Вот последний эффект «отбрасывания тени»:

Окончательный результат.

Как создать тени в Photoshop для архитектурной визуализации

Итак, вы хотите создать тени в Photoshop для вашей следующей архитектурной презентации? Давайте начнем с определения некоторых ключевых точек:

Создание тени для вырезанных объектов (людей, деревьев, автомобилей) отличается от создания тени для зданий. Кроме того, создание атмосферных теней (например, размытой тени невидимого дерева на переднем плане рендеринга) отличается от предыдущих, о которых я упоминал.Почему? Что ж, может быть, они немного отличаются в процессе, но эффект, которого нужно достичь, разный.

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

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

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

Но в основном причина в том, что при работе в ArchViz 90% времени вы добавляете элементы к визуализированным сценам в Photoshop.Деревья, люди (почти 95% времени; 5% могут быть, если вам действительно нравятся трехмерные люди, что на самом деле не мой случай…), некоторые элементы декораций, такие как рекламные объявления или флаги, которые вы не нашли подходящего трехмерного изображения. модель для рендера. Тогда, если вы не знаете, как правильно отбрасывать тени в Photoshop, вся та замечательная работа, которую вы проделали, пойдет в мусор.

Чем раньше вы примете это, тем лучше вы будете в мире ArchViz: вы можете потратить 6+ часов на рендеринг, но без 2+ часов качественной постобработки в Photoshop ваши изображения не будут конкурентоспособными. .

Я начну с этой концептуальной сцены, которую я сделал для своего университетского проекта.

Увидеть? Никакой постобработки, связанной с добавлением вырезов, всего несколько корректировок постпроизводства с помощью уровней и кривых (обратите внимание, что фона нет, так как это изображение PNG)

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

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

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

CTRL + J для дублирования нашего вырезанного слоя, а затем я активирую исходный слой. CTL + T для преобразования, и когда появится поле свободного преобразования, перетащите его от верхней средней точки привязки, удерживая CTRL, чтобы опустить тень и расположить ее рядом с ее конечным положением.

Затем мы можем перейти в Edit → Puppet Warp (работает только для CS5 или выше, для более старых версий используйте Perspective Warp), чтобы переместить тень в ее правильное положение.

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

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

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

Перейдите в Фильтры → Размытие → Размытие по Гауссу и примените размытие на 2-3 пикселя сверху. Это придаст тени общий размытый вид; но ключевой эффект здесь. Выделите несколько пикселей в верхней части тени с помощью инструмента выделения. Нажмите Refine Edge и добавьте немного значения Feather.
Затем мы снова переходим к размытию по Гауссу, но с гораздо большим значением (скажем, 30-40). Это добавит реалистичный исчезающий эффект тени, который напомнит нам о том, как наш механизм рендеринга обрабатывает тени.

12_Real-shadow-person-photoshop_580

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

Представьте, что вы совершили одну из самых простых ошибок, к которым склонны люди do: вы забыли добавить к вашей модели плоскость земли перед рендерингом. Или вы на самом деле сделали это специально, потому что хотели объединить вашу сцену в сделанную вами фотографию.

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

Так что лучше всего угадать, как тени могут реагировать на небольшие участки области, и отбросить их туда.

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

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

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

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

Как видите, это неразрушающий метод по сравнению с закрашиванием областей, на которые вы хотите отбрасывать тени. Если вы решите, что тени не применяются к вашей сцене, просто удалите слой Яркость / Контрастность, и все вернется в нормальное состояние.

Также важно помнить правила создания теней:

  1. Тени на траве имеют тенденцию выглядеть немного размытыми, учитывая эффект листьев травы, разбросанных во всех направлениях.
  2. Тени на бетоне / тротуаре твердые, геометрические.На них может повлиять текстура, если на ней слишком много неровностей.
  3. Тени, отбрасываемые на одно здание из другого, на самом деле темнее, чем тени, отбрасываемые на пол.
  4. Сторона здания — тени светлее, чем одно здание, от другого — тени.

Далее я хочу поговорить об «атмосферных тенях» — я имею в виду тени, отбрасываемые невидимыми элементами на сцене.

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

Если вам нужно красивое дерево вырезок для этого упражнения, вы можете бесплатно скачать «OpenArchiVIZpack» здесь.

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

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

Теперь мы преобразуем его в тень.Поэтому я выполняю следующие шаги:

  • Полностью уменьшаю яркость (дерево впоследствии станет черным)
  • Уменьшите непрозрачность слоя до ~ 50%
  • Удалите часть людей, так как тень от дерева находится позади них
  • Используйте гауссово Размытие

Теперь результат выглядит так:

Я думаю, вы поняли, как это работает…

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

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

(Обратите внимание, что тень не отбрасывается в в правильном направлении, я просто делаю это для демонстрации эффекта)

Идея состоит в том, чтобы придать тени такой эффект, как если бы она «взбиралась на стену» (как бы говоря это…), или другими словами , как будто мы его ломаем, чтобы получить максимально похожий угол в 90 градусов.

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

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

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

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

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

Если вам понравилась эта статья, вам понравятся следующие статьи:

[Учебное пособие] Как добавить реалистичную тень в Photoshop

Тень в Photoshop — это процесс добавления эффектов к изображению.Мы часто находим изображения с падающими тенями на веб-сайтах электронной коммерции, в газетах, покупаем ультрам без рецептов онлайн-буклетов, журналов и т. Д. Изображение с эффектом падающей тени показывает глубину объекта, поэтому объект становится более реалистичным.

Сегодня мы обсудим, как добавить реалистичную тень в фотошопе. Мы попытались запечатлеть решение от А до Я, но если вам нужны подробные инструкции, вам следует обратиться к экспертам по теням в Photoshop. Давайте начнем!

Учебное пособие: как добавить реалистичную тень в Photoshop

Пошаговый процесс этого руководства приведен ниже:

Шаг 1. Откройте изображение в Photoshop

.

Откройте изображение в Photoshop, щелкнув> File в строке меню.Тогда> Откройте .

Шаг 2. Удаление фона

Сделайте обрезку и удалите фон с фото. Возьмите белый слой под фотографией. (Нажав> , создайте новый слой на панели слоев> И добавьте белый фон, щелкнув , создайте новую заливку > сплошной цвет )

Слои должны выглядеть как на изображении ниже. Слой 0 заполнен белым цветом, а на первом слое показано «изображение обуви», которое уже вырезано обтравочным контуром Photoshop.

Шаг 3. Дублируйте слой изображения

Выберите слой с фотографией (Layer 1), затем нажмите (Ctrl + J) или вы можете сделать это вручную. Будет создан новый слой с именем (Layer 1 copy)

.

Шаг 4: Измените цвет переднего плана

Измените цвет переднего плана на черный. Вы можете сделать это, нажав (Shift + X) и увидеть изменения на панели инструментов. Если это так, не превращайте его в черный; перейдите вручную, нажмите> установить цвет переднего плана на панели инструментов и выберите черный цвет на панели цветов.

Шаг 5: (копия слоя 1) превратить в черный цвет

Выберите (копию слоя 1) и нажмите (Shift + Alt + Delete), чтобы изменить цвет изображения на черный в этом слое.

Шаг 6: Создайте тень

Для создания тени сначала произвольно трансформируйте слой изображения (копия слоя 1), нажав (Ctrl + t).

Щелкните верхний средний квадрат и перетащите черное изображение прямо вниз, чтобы отбросить тень.

Затем перетащите этот слой (копия слоя 1) над слоем 1.

Шаг 7: Освободите свободное преобразование

Нажмите «Enter» или «Return», чтобы выйти из «Free Transform».

Шаг 8: Поместите тень в правильное положение

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

Шаг 9: примените Motion Blur к тени

Выберите слой тени, затем перейдите к Filter > Blur > Motion Blur

Шаг 10: Сгладьте тень

Отрегулируйте расстояние.Установите угол. Установите «угол» на 0. Отрегулируйте «расстояние», достаточное для сглаживания тени.

Нажмите ОК, чтобы применить изменение

Шаг 11: примените Gaussian Blur к тени

Снова перейдите к фильтру Filter в строке меню, выберите> Blur > Gaussian Blur

Измените «Радиус» на 3 PIX. Затем нажмите ОК, чтобы применить изменения.

Шаг 12: Добавьте маску слоя в тени

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

Шаг 13: Проведите кистью, чтобы сделать тень идеальной

Щелкните и удерживайте значок кисти и выберите инструмент кисти в раскрывающемся меню. Затем измените непрозрачность примерно до 53%

.

Измените цвет переднего плана на черный.

При необходимости измените размер кисти.

Проведите кистью по падающей тени, чтобы сделать ее идеальной. Если вам нужно вернуть тень, измените цвет переднего плана, нажав (Shift + x), и щелкните по области.

Видеоурок по

: как создать реалистичную падающую тень в Photoshop

Как добавить тени и блики в Photoshop за 7 минут (РУКОВОДСТВО)

Узнайте, как добавить грубые тени и блики с помощью инструмента лассо, кисти и инструмента размазывания с помощью Karmen Loh.

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

В этом уроке Кармен Ло, также известная как Bearbrickjia (@bearbrickjia), демонстрирует, как вы можете использовать всего несколько простых инструментов Photoshop для создания большей глубины ваших портретов, добавляя тени и блики. Узнайте больше ниже:

1. Найдите ссылку на изображение

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

2. Настройте интерфейс

В левой части экрана вы должны увидеть панель инструментов Photoshop, а справа должны быть открыты три меню: Цвет, Коррекция и Слои. Если вы не видите эти меню, перейдите в «Окно» на верхней панели инструментов и выберите их, а если вы не видите ползунки HSB в цветном меню, щелкните в правом верхнем углу меню, чтобы найти и выбрать их.

3. Работать слоями

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

4. Блокируйте тень

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

5. Выберите цвет тени

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

6. Залейте тень

Выберите мягкую круглую кисть и убедитесь, что установлен режим кисти «Умножение». Установите непрозрачность на 50%, нажав 5 на клавиатуре. На этом этапе помните, что важно использовать большую кисть и рисовать без увеличения, чтобы не переборщить с деталями.

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

7. Добавьте грубые тени

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

8. Повторите процесс для волос и одежды

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

9. Смесь

Теперь вы вернетесь к каждому слою, чтобы растушевать резкие края, созданные с помощью инструмента «Лассо». Для этого выберите инструмент soft smudge tool и установите силу на 40%. Вы можете немного увеличить масштаб, но не переусердствуйте с смешиванием, достаточно немного.

10. Применение выделения

Добавьте блики на каждом соответствующем слое. Чтобы создать цвет выделения, выберите исходный базовый цвет и используйте ползунки HSB для увеличения яркости.Используя мягкую кисть, увеличьте размер кисти, установите режим кисти на Overlay и установите непрозрачность около 50%. Используйте свое эталонное изображение в качестве руководства.

11. Последний совет: следите за цветом выделения

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

Вы можете посмотреть видео ниже:

Если вам понравился этот урок, вы можете узнать больше о создании портретов в Photoshop от Кармен Ло из ее онлайн-курса «Цифровые фэнтезийные портреты в Photoshop».

базовых теней с использованием кисти и слоев реалистичных теней в Photoshop с Джейсоном Хоппе

Информация об уроке

Основные тени с помощью кисти и слоев

Итак, займемся сферой.Думал, что монета — это весело. Спирс относился к такому же процессу. Прежде всего, я хочу всегда создавать слой позади, чтобы они могли видеть, что я делаю. Итак, я перейду на панель слоев, где я собираюсь щелкнуть по команде на моем новом слое, что дает мне слой здесь и для заполнения его моим передним планом моего цвета фона всякий раз, когда у меня выбран мой слой, команда удалить заполнит его своим цветом фона прямо там, в моей опции выбора цвета. Удалить заполнит мой слой или все, что я выбрал, с цветом переднего плана.Итак, вот моя сфера. Я собираюсь использовать свой трюк, которому только что научился. Выберите мою сферу, слой. Я собираюсь щелкнуть по этой сфере. Я получаю свой выбор, и мой выбор фактически не существует ни на каком конкретном слое. Мой выбор просто существует. Если я нажимаю на другой слой, я могу продолжить и добавить его на этот слой. С этим выделением я просто отключу слой сферы, чтобы вы могли видеть, и если я войду, я пойду вперед и пи …

ck здесь действительно темно-синий. Я получаю более темно-синий цвет, и, выбрав этот слой, я могу удалить и заполнить свою область прямо здесь.Команда D для D Выбрать. И у меня есть тень. Теперь, с этим, я могу двигаться в нескольких разных направлениях с этой падающей тенью, я могу просто тянуть ее вниз И, конечно же, я помещаю ее не на тот слой. Здесь, позволь мне вернуться. Позвольте мне создать здесь новый слой, чтобы моя тень действительно находилась на отдельном слое. Итак, мы идем. Вы думаете, со всей этой практикой, я правильно понял? Нет, но ты сделаешь то же самое. Итак, теперь он находится на отдельном слое тени. И я могу тянуть это в любом направлении, в каком захочу. Я мог бы использовать свою команду t для преобразования, и я мог бы сгладить его, или другое забавное занятие — это отодвинуть его в сторону.Если я хочу купить, собираюсь трансформироваться, а затем щелкните правой кнопкой мыши внутри моей трансформации. У меня есть все варианты трансформации прямо здесь. Я мог бы трансформироваться, а затем перейти в меню редактирования и проделать долгий путь. Но в этом нет необходимости, если у вас есть ограничивающая рамка преобразования, верно? Щелкните внутри, и вы получите его, чтобы я мог отодвинуть это в сторону. Я мог все это исказить. Я мог бы сделать это здесь, чтобы отложить это в сторону. Тем не менее, я хочу иметь это, и я могу припарковать эти предметы прямо здесь и нажать Return, чтобы немного повернуть это, чтобы я мог отбросить тень в сторону здесь.Вероятно, отбрасывая его в ту сторону, потому что нет ничего лучше, чем уделять внимание свету на сфере, чтобы тень падала в другую сторону, чтобы сделать то же самое с этим. С помощью этого слоя фильтр, размытие, размытие по Гауссу. И я получаю свою тень. Так что я сделаю это еще более размытым. Хорошо, вот. Теперь все в порядке. Если я хочу, чтобы моя маленькая сфера парила, я могу отодвинуть ее в сторону, чтобы сделать это. Но что я хочу, так это то, что я хочу прямо здесь немного привязки. Итак, я собираюсь создать еще один слой, и я собираюсь использовать свой инструмент кисти.Я собираюсь добавить немного якоря прямо здесь. Я намеренно собираюсь немного осветлить мою падающую тень здесь, чтобы мы могли увидеть, как этот якорь будет работать, а затем поместим мою маленькую тень якоря прямо сюда. Якорная тень будет очень темной, очень централизованной тенью, которая будет встречаться прямо на краю объекта, где она находится на поверхности. Потому что сейчас это не совсем похоже на то, что я понял это правильно. Итак, с выбранным инструментом кисти, я иду Teoh, выбираю мой новый слой, Select.Правая скобка моего инструмента кисти будет делать мою кисть. Чем больше левая скобка, тем меньше размер, но я также хочу уменьшить ее жесткость, чтобы здесь не было слишком жесткой тени. Я хочу чего-то действительно мягкого. Ярлык для этого — сдвиг левой скобки — создаст очень мягкую тень. А потом я могу просто войти сюда и коснуться прямо здесь, чтобы дать небольшую подсказку, потому что он находится на отдельном слое, вам не нужно доводить его до совершенства. Я могу вернуться к своему инструменту перемещения, и я всегда могу переместить его вверх или вниз, чтобы этот палец якорной тени выглядел правильно.И, конечно же, я всегда хочу зайти и умножить эти слои. Итак, какой бы цвет я ни использовал, он всегда будет размножаться, чтобы всплыть с помощью быстрого ярлыка, чтобы пройти через ваши плавучие лодки. Вот если вы когда-нибудь захотите размножиться, это будет вариант смещения. Эмма собирается прыгнуть на ваш слой, чтобы умножиться. Для того, чтобы это сработало, вы должны иметь свой ход, выбранный инструмент и выбранный слой, а затем опция Shift M установит его умножение носка, Shift Option N вернет его в нормальное состояние для вас.Все просто. Теперь, если вы когда-нибудь хотели пойти дальше и создать что-то плавающее, что ж, это легко.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *