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

Компью А рт

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

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

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

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

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

Примечание

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Рис. 13. Палитра Слои должна содержать четыре слоя

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

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

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

Рис. 15. Результат отражения тени по вертикали

Рис. 16. Результат применения команд Перспектива и Свободная трансформация

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

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

Тени в фотографии: мягкое проявление теней и текстур

***Все секреты создания коллажей Дмитрий Лаудин раскроет на конференции “Фотографии деньги. Бизнес свадебного фотографа”. Дмитрий получил две золотые и одну серебрянную медаль на Trierenberg Super Circuit — это один из самых крупных международных фотоконкурсов на планете. Конкурс проводился под патронажем Международной Ассоциации фотоискусства (FIAP) и Фотографического общества Америки (PSA).

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

Фрагмент снимка до и после обработки.

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

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

Открываем фотографию в Photoshop. Первая операция стандартна для любого действия в Photoshop — создание нового слоя.

На нем — коррекция мелких дефектов (пятна, соринки, дефекты кожи, синяки под глазами, мусор на земле) при помощи инструмента “Заплатка”, при необходимости — коррекция шумов. Приводим фотографию к тому состоянию, какой бы мы ее хотели видеть.

Убираем мусор на земле и соринки на платье.

Затем изображение открывается в плагине Color Efex Pro 3.0

В нем применяется фильтр «tonal contrast».

Достаточно значений по умолчанию, но эксперименты с ползунками не возбраняются. Нажимаем «ок» с настройкой сохранения изменений в новом слое.

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

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

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

Затем все остальное большим диаметром ластика

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

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

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

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

Заходим в меню «Яркость/Контрастность»

Соответственно на нижнем слое чуть-чуть увеличиваем яркость, а на верхнем — или оставляем как есть, или делаем немного темнее.

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

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

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

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

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

Используем свет и тень, чтобы оживить текст

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

Источники света

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

Шаг 1

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

Шаг 2

Шаг 3

Шаг 4

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

Каждый раз вы будете перемещать слой на 1 пиксель вправо и 1 пиксель вниз. Вы должны повторить этот процесс примерно 30 раз ( поэтому вам будет удобнее использовать Alt + Backspace вместо инструмента «Заливка» ).

Отметим также, что для перемещения при нажатии клавиш со стрелками выделенной области, но не заливки, вы должны включить один из инструментов выделения. Если переключиться на инструмент « Перемещение » ( V ), при нажатии клавиш вниз и вправо вы будете перемещать черную заливку вместе с выделением, и просто заполнять одни и те же пиксели снова и снова:

Шаг 5

Шаг 6

Установите для слоя с тенью режим смешивания « Умножение » и непрозрачность порядка 40%, а затем, удерживая нажатой клавишу Shift, нажмите стрелку вниз, а затем стрелку вправо. Это позволит переместить ваш объект вправо и вниз на 10 пикселей ( Shift позволяет перемещать объект не на 1, а на 10 пикселей ).

Теперь вы должны получить некоторые размытые части тени, падающие снизу и слева от объекта. Если это так, возьмите маленький мягкий ластик и аккуратно сотрите тень везде, где ее не должно быть ( помните диаграмму вначале статьи? ):

Шаг 7

Далее продублируйте слой с тенью, нажмите и удерживайте клавишу Shift и переместите слой вниз и вправо. Затем запустите фильтр « Размытие в движении », но в этот раз с расстоянием 50 пикселей.

Установите для этого слоя режим смешивания « Умножение » и непрозрачность 20%. Это делается, чтобы растянуть нашу тень:

Шаг 8

Шаг 9

Как вы можете видеть, тонкая белая линия дает своего рода эффект освещения. Свет падает на текст и создается впечатление, что текст является более объемным:

Шаг 10

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

Шаг 11

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

Шаг 12

Итак, у нас есть четыре полосы » света «. Теперь установите режим смешивания слоя « Наложение » и непрозрачность 20%, а затем перейти в Фильтр – Размытие- Размытие по Гауссу и установите значение радиуса размытия 6 пикселей:

Шаг 13

На данный момент у вас должно получиться что-то наподобие этого:

Шаг 14

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

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

Шаг 15

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

Шаг 16

Шаг 17

Теперь установите режим смешивания для розового слоя на « Цветность » и непрозрачность 20%. Это придаст нашему фону красивый красновато-теплый оттенок. Поверх этого слоя мы можем еще смешать какой-нибудь оттенок желтого. Если мы не сделаем этого, результат будет выглядеть не очень естественным:

Шаг 18

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

Шаг 19

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

Заключение

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

Скачать рабочие материалы

Редакция Перевод статьи « Using Light and Shade to Bring Text to Life »