Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

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

Содержание

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

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

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

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

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

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

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

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

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

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

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

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

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

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

 

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

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

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

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

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

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

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

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

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

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

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

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

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

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

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

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

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

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

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

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

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

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

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

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

Читайте также  Командная строка устройства и принтеры. Команды оснасток mmc, программ и настроек Windows

Вот как на данный момент смотрится наша будущая тень:

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

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

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

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

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

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

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

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

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

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

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

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

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

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

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

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

КомпьюАрт

10 – 2010
Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

В КомпьюАрт № 6’2010 была размещена статья о правилах сотворения монтажа. В одном из правил говорилось, что для заслуги реализма при монтировании объекта в другое свита следует дорисовывать тень либо отражение в зависимости от того, на какую поверхность объект устанавливается. В истинной статье мы разглядим варианты рисования тени с помощью графического редактора Photoshop.

Падающая тень

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

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

Рис. 1. Пример падающей тени

  1. Обратите внимание на то, что тени от каров размещены слева от их. Следовательно, нужно нарисовать тень от тигра также слева. Для начала нужно расположить оба изображения на отдельных слоях 1-го документа.
  2. Затем сделать копию слоя с изображением тигра, для что следует выделить этот слой и надавить комбинацию кнопок Ctrl + J (в Mac OS — Command + J) либо перетащить строчку слоя на пиктограмму незапятнанного листа .
  3. На данный момент имеются два схожих слоя, расположенных друг под другом. Необходимо выделить нижний слой из данной нам пары (рис. 2). Надавить кнопку D для выбора темного цвета в качестве основного. Закрасить изображение тигра черным цветом с помощью композиции кнопок Shift + Alt + Backspace (в Mac OS — Shift + Option + Delete).

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

Рис. 2. Сотворена копия слоя с изображением тигра

Примечание

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

  1. Теперь следует трансформировать темное изображение тигра. Для этого нужно войти в режим вольной трансформации, нажав комбинацию кнопок Ctrl + T (в Mac OS — Command + T). Требуется деформировать это изображение так, чтоб оно повторяло контур нижней лапы и сразу с сиим размещалось слева от тигра. Потому необходимо удерживать нажатой кнопку Ctrl (в Mac OS — Command) при перемещении маркеров появившейся рамки выделения. Эта кнопка дозволяет, не выходя из режима вольной трансформации, осуществлять искажение изображения.
  2. Удерживая нажатой кнопку Ctrl, нужно сдвинуть средний
    маркер верхней границы рамки
    влево и вниз, а потом маркер, расположенный в правом нижнем
    углу, — вверх (рис. 3). Для выхода
    из режима употребляется кнопка Enter (в Mac OS — Return).
  3. В заключение для слоя с тенью необходимо уменьшить значение непрозрачности, к примеру до 75%, и размыть изображение тени, применив к нему фильтр Размытие (Blur) —> Размытие по Гауссу (Gaussian Blur).
Читайте также  Местоположение некоторые параметры скрыты. Некоторыми параметрами управляет ваша организация

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

Рис. 3. Трансформация изображения на копии слоя

Связывание тени

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

Рассмотрим метод сотворения монтажа, приведенного на рис. 4.

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

Рис. 4. Пример тени, повторяющей изгибы занавески

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

Рис. 5. Итог сотворения заготовки для тени синицы

  1. Допустим, что оба начальных изображения совмещены, тень на базе изображения синицы сотворена аналогично предыдущему примеру (рис. 5). Сейчас требуется деформировать тень синицы так, чтоб она повторяла изгибы занавески.
  2. Предварительно следует сделать карту смещения на базе альфа­канала. Для этого нужно активировать фоновый слой, выделить всё изображение, нажав комбинацию кнопок Ctrl + A (в Mac OS — Command + A). Скопировать изображение в буфер обмена с помощью композиции кнопок Ctrl + C (в Mac OS — Command + C). Перейти в гамму Каналы (Channels), сделать новейший альфа­канал, нажав пиктограмму незапятнанного листа , и вставить из буфера обмена фоновое изображение с помощью композиции кнопок Ctrl + V (в Mac OS — Command + V). Снять выделение.
  3. Теперь нужно повысить контрастность полутонового изображения. Для этого можно пользоваться диалоговым окном Уровни (Levels). Чтоб повысить контрастность, следует сдвинуть темный ползунок на право, белый — на лево, а положение сероватого ползунка поменять не требуется. Для размытия полутонового изображения можно применять фильтр Размытие по Гауссу (Gaussian Blur). Итог представлен на рис. 6.
  4. Когда альфа­канал изменен, на его базе можно сделать новейший файл. Щелчком правой клавишей мыши по строке альфа­канала нужно вызвать контекстное меню и выбрать из него команду Создать дубликат канала (Duplicate Channel). В появившемся диалоговом окне из перечня Документ (Document) выбрать пункт Новый (New). Подтвердить создание файла, нажав клавишу ОК (рис. 7).
  5. Созданный документ требуется сохранить в формате PSD на твердом диске. Это и есть карта смещения. Данный файл в предстоящем будет употребляться для работы с фильтром Смещение (Displace). Сделанный альфа­канал сейчас уже не требуется, потому его следует удалить и перейти в гамму Слои (Layers).
  6. Активизировав слой с тенью, нужно применить к нему команду Фильтр (Filter) —> Искажение (Distort) —> Смещение (Displace). Ввести значения в поля Масштаб по горизонтали (Horizontal Scale) и Масштаб по вертикали (Vertical Scale), к примеру по 20%. Значения других переключателей поменять не следует (рис. 8).

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

Рис. 6. Пример альфа-канала, на базе которого будет сотворена карта смещения

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

Рис. 7. Диалоговое окно Сделать дубликат канала

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

Рис. 8. Диалоговое окно фильтра Смещение

В итоге внедрения фильтра тень исказилась (рис. 9). И напоследок для слоя с тенью можно поменять режим наложения на Умножение (Multiply), уменьшить значение непрозрачности, к примеру, до 90%, незначительно размыть изображение и удалить излишние фрагменты тени.

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

Рис. 9. Искажение тени с помощью фильтра Смещение

Группирование теней

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

Рассмотрим пример сотворения таковой тени, приведенный на рис. 10.

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

Рис. 10. Пример тени, расположенной на части фонового изображения

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

Рис. 11. Сотворена заготовка для тени

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

Рис. 12. Итог уменьшения непрозрачности слоя с тенью и внедрения к нему фильтра Размытие по Гауссу

  1. Аналогично первому примеру поначалу следует скооперировать изображения и подогнать их друг к другу по размеру. Потом сделать копию слоя с изображением кошки и в режиме вольной трансформации наклонить его, удерживая кнопку Ctrl (в Mac OS — Command), — рис. 11.
  2. Уменьшить непрозрачность слоя с тенью и применить фильтр Размытие по Гауссу (Gaussian Blur) — рис. 12.
  3. На данный момент тень смотрится неестественно, поэтому что она выходит за край горы и висит в воздухе. Нужно расположить ее лишь в пределах горы. Для этого следует выделить изображение горы и расположить его на отдельном слое, нажав комбинацию кнопок Ctrl + J (в Mac OS — Command + J). В момент выделения удобнее отключить видимость слоев с изображениями кошки и ее тени, чтоб они не загораживали собой скалу.
  4. Расположить слой со горой следует под слоем с изображением кошки. Потом выделить строчку слоя с тенью в гамме Слои (Layers), надавить правую клавишу мыши и из контекстного меню выбрать команду Создать обтравочную маску (Create Clipping Mask). В итоге выполнения команды тень будет находиться лишь на горе. Обратите внимание на то, что при перемещении горы либо тени изображение тени постоянно остается в пределах горы и не отбрасывается на фоновое изображение. Гамма Слои (Layers) итогового монтажа обязана содержать четыре слоя (рис. 13).
Читайте также  В ворде не отображаются исправления. Статьи из блога

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

Рис. 13. Гамма Слои обязана содержать четыре слоя

Освещение объекта сзади

Для реализации этого приема употребляются команда Перспектива (Perspective) и фильтр Размытие по Гауссу (Gaussian Blur). Разглядим метод сотворения тени при освещении объекта сзаду (рис. 14).

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

Рис. 14. Пример тени, возникающей при освещении объекта сзади

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

Рис. 15. Итог отражения тени по вертикали

  1. Предварительно следует скооперировать оба изображения и сделать слой с тенью на базе копии слоя с изображением розы. Выделить строчку слоя с тенью и применить команду Редактирование (Edit) —> Трансформирование (Transform) —> Отразить по вертикали (Flip Vertical). Потом, используя инструмент  Перемещение (Move), сдвинуть тень вниз (рис. 15).
  2. Выполнить команду Редактирование (Edit) —> Трансформирование (Transform) —> Перспектива (Perspective). Перетащить нижний левый угловой маркер на лево, а верхний левый угловой — на право. Потом надавить комбинацию кнопок Ctrl + T (в Mac OS — Command + T), чтоб войти в режим вольной трансформации. Взяться за нижнюю границу рамки и протащить ее ввысь так, чтоб тень не выходила за пределы сидения. Надавить кнопку Enter для завершения трансформации (в Mac OS — кнопку Return) — рис. 16.
  3. Размыть тень на маленькое число пикселов, к примеру на 3, предварительно вызвав окно фильтра с помощью команды Фильтр (Filter) —> Размытие (Blur) —> Размытие по Гауссу (Gaussian Blur).
  4. Инструментом  Прямоугольная область (Rectangular Marquee) выделить нижнюю половину тени, растушевать область на 10 пикселов в окне растушевки, которое вызывается композицией кнопок Shift + F6. Применить размытие снова же на 3 пиксела. Для этого можно поновой не вызывать окно фильтра, а просто выбрать первую команду в меню Фильтр (Filter) либо надавить комбинацию кнопок Ctrl + F (в Mac OS — Command + F). Надавить данную комбинацию два раза. Сдвинуть выделение вниз на четверть и еще раз два раза надавить комбинацию кнопок Ctrl + F.
  5. Смещение рамки выделения и следующее размытие фрагмента требуется для сотворения многообещающего размытия тени. В завершение эффекта нужно снять выделение с помощью композиции кнопок Ctrl + D (в Mac OS — Command + D) (рис. 17) и уменьшить непрозрачность слоя.

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

Рис. 16. Итог внедрения команд Перспектива и Вольная трансформация

Как сделать в фотошопе падающую тень. Новый способ создать реалистичную тень с помощью Photoshop

Рис. 17. Итог многократного внедрения фильтра Размытие по Гауссу

Все перечисленные в данной нам статье приемы применимы также и к тексту, но при работе с текстовым слоем некие команды могут быть недосягаемы, тогда текстовый слой предварительно следует растрировать либо конвертировать в кривые. Для этого в гамме Слои (Layers) нужно щелкнуть по строке слоя правой клавишей мыши и выбрать команду Растрировать текст (Rasterize Type) либо Преобразовать в кривые (Convert to Shape). 

КомпьюАрт 10’2010

Оставьте комментарий