Создать маску теней в фотошоп: Как создавать и использовать маски яркости в Adobe Photoshop

Содержание

Применяем яркостную маску в Фотошоп / Creativo.one

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

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

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

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

Скачать архив с материалами к уроку

1. Создаём выделения

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

Шаг 1

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

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

Важно то, что ни в меню, ни в инструментах этого нет. Это почти как секретное рукопожатие в Photoshop. Чтобы преобразовать канал маски в контур выделения, используйте горячие клавиши (Alt+Control+2). До версии CS5, комбинация клавиш была (Alt+Control+ ~) (да, это тильда!) Но самый простой способ создания выделения – это перейти в закладку Каналы (Channels) и удерживая клавишу (Ctrl)+щёлкнуть по композитному RGB каналу. Таким образом, мы создадим выделение вокруг ярких пикселей или светлых участков на изображении.

Шаг 2

Нажмите кнопку Сохраняет выделенную область в новом канале (Save Selection as Channel) в нижней панели инструментов палитры Каналы (Channels). Таким образом, мы создадим новый канал, который будет автоматически называться Альфа 1 (Alpha 1). Переименуйте этот канал в

Световые блики (Highlights).

Шаг 3

Далее, мы проведём пересечение выделения. Для этого, перейдите на канал Световые блики (Highlights) и, удерживая клавиши (Ctrl+Alt+Shift) + щёлкните по миниатюре канала Световые блики (Highlights). После пересечения выделения, мы выделим подгруппу ярких пикселей. Сохраните выделение в качестве нового канала, назовите его Яркие световые блики (Bright Highlights).

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

Шаг 4

Далее, мы проведём пересечение выделения Ярких световых бликов (Bright Highlights), (то же самое, нажмите клавиши (Ctrl+Alt+Shift) + щёлкните по миниатюре канала). Сохраните выделение в качестве нового канала, назовите его Самые яркие световые блики (Brightest Highlights).

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

Шаг 5

Создайте новое выделение со Световыми бликами (Highlights), для этого, удерживая клавишу (Ctrl)+щёлкните по данному каналу (примечание переводчика: по каналу Световые блики

(Highlights)). Далее, идём Выделение – Инверсия (Select > Inverse) (Shift+Ctrl+I)—мы проведём инверсию выделенных участков. Это означает, что вместо выделенных светлых участков, мы выделим тени. Сохраните выделение в качестве нового канала, назовите его Тени (Shadows).

Шаг 6

Используя ту же самую технику пересечения выделения, создайте ещё два канала с градацией тёмных тонов. Назовите эти каналы Тёмные тени (Darker Shadows) и Самые тёмные тени (Darkest Shadows) соответственно.

Шаг 7

Итак, у нас есть три канала со световыми бликами и три канала с тенями, что осталось? Конечно же, средние тона! Вначале выделите всё изображение, идём Выделение – Всё (Select > All) или нажмите клавиши (Ctrl+A), далее, мы вычтем световые блики из активного выделения, для этого, удерживая клавиши (Ctrl+Alt)+щёлкните по каналу

Световые блики (Highlights). Далее, мы вычтем тени из активного выделения, используя ту же самую технику (примечание переводчика: но на этот раз щёлкните по каналу Тени (Shadows)).

На этом этапе, программа Photoshop может дать предупреждение про невидимые края выделения, потому что Не выделено пикселей больше, чем 50 % (no pixels are more than 50% selected). Это означает, что выделение будет активно и что вокруг выделенных участков не будет пунктирных линий.

Сохраните выделение в качестве нового канала, назовите его Средние тона (Midtones). Здесь нет необходимости проводить пересечение данного канала, т.к. он создаёт пустое выделение.

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

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

2. Используем Выделения

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

Шаг 1

Удерживая клавишу (Ctrl)+щёлкните по каналу Световые блики (Highlights), чтобы создать выделение. Далее, возвращаемся обратно в палитру Слои (Layers), и добавляем корректирующий слой

Кривые (Curves) для этого идём Слой – Новый корректирующий слой – Кривые (Layer > New Adjustment Layer > Curves). Программа Photoshop автоматически использует выделение в качестве маски на корректирующем слое. Итак, потяните среднюю точку кривой верх, что усилит яркость только световых бликов на изображении, сохранив средние тона и тени.

Шаг 2

Загрузите выделение теней, удерживая клавишу (Ctrl)+щёлкните по каналу Тени (Shadows), далее, добавьте новый корректирующий слой Кривые (Curves). Но на этот раз, потяните среднюю точку кривой немного вниз, в зависимости от теней.

Шаг 3

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

Средние тона (Midtones), добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation). Поставьте галочку в окошке Тонирование (Colorize), установите настройки цвета на своё усмотрение. Настройки, которые я использовал, указаны ниже.

  • Цветовой тон (Hue): 33
  • Насыщенность (Saturation): 46
  • Яркость (Lightness): +8

Просто в качестве наглядного примера, попробуйте, удерживая клавишу (Shift)+щёлкнуть по слой-маске, чтобы временно отключить маску. Вы видите, насколько насыщенный эффект тонирования без маски? Фу, как страшно! Теперь представьте, сколько уйдёт времени, чтобы прокрасить участки световых бликов и теней вручную! Данный пример показывает, насколько полезна эта техника. Не забудьте включить снова маску, удерживая клавишу (Shift)+щёлкните по маске.

Шаг 4

Создайте новый слой (Ctrl+Shift+N) поверх всех слоёв, назовите этот слой Осветление светлых бликов (Highlights Dodge). Далее, идём Редактирование – Выполнить заливку (Edit > Fill) и в меню Содержимое (Contents), выберите опцию Серый 50% (50% Gray), нажмите кнопку OK. Поменяйте режим наложения для данного слоя на Перекрытие (Overlay), чтобы скрыть серые тона. Выберите инструмент Осветлитель (Dodge Tool), установите Диапазон (Range) на Средние тона (Midtones), а значение Экспозиции (Exposure) на 9%. Теперь, аккуратно прокрасьте поверх участков со световыми бликами, чтобы усилить их.

Шаг 5

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

Свойства (Properties), чтобы уменьшить Плотность (Density) маски до 60%, чтобы немного приглушить данное ограничение.

Примечание переводчика: 1. Загрузите выделение световых бликов через соответствующий канал, а затем добавьте слой-маску к слою с серой заливкой 2. Данная техника, которая описана в Шагах 4-5-6, предназначена для создания световых эффектов с помощью инструментов осветления и затемнения, используя яркостную маску 3. Новая панель Свойства (Properties) появилась в программе Photoshop CS6.

Шаг 6

Используйте ту же самую технику, чтобы создать слой с затемнением теней. Только на этот раз, используйте инструмент Затемнитель (Burn tool), чтобы усилить участки с тенями. Используйте выделение Теней (Shadow) для создания слой-маски.

Шаг 7

Теперь, создайте объединённый слой поверх всех слоёв (Ctrl+Alt+Shift+E). Далее, идём Фильтр – Резкость – Умная резкость (Filter > Sharpen > Smart Sharpen), примените настройки, чтобы немного добавить резкости. Настройки, которые я использовал для данного изображения, указаны ниже:

  • Эффект (Amount): 207%
  • Радиус (Radius): 0.9 px
  • Уменьшить шум (Reduce Noise): 7%

Шаг 8

Загрузите выделения Ярких световых бликов (Brighter Highlights) и используйте выделение в качестве слой-маски на объёдинённом слое с резкостью. Это ограничит эффект резкости и применит его только пикселям ярких световых бликов. Немного уменьшите данное ограничение путём уменьшения Плотности (Density) маски до 81%.

И мы завершили урок!

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

Автор: Kirk Nelson

Яркостные маски, как создавать вручную

В этой статье:

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

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

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

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

Тут вам помогут яркостные маски.

Что такой яркостные маски

Маска это способ выделить элементы изображения. Яркостная маска это маска, которая построена на основе яркости каждого пикселя изображения.

Представьте ваше изображение в ЧБ. Как и с каждой маской в Adobe Photoshop, белые/светлые части маски будут выбраны на изображении, а тёмные — нет. Поскольку в нашем ЧБ изображении есть оттенки серого, некоторые участки изображения будут выделены частично, с каким-то уровнем прозрачности — это и даёт яркостным маскам их точность и аккуратность.

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

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

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

Когда люди говорят о яркостных масках то обычно имеют в виду следующие маски:

  • Света по яркости
  • Средние по яркости
  • Тени по яркости

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

  • Насыщенность светов/средних/теней — маска, построенная по насыщенности
  • Яркость красного, зелёного или синего каналов
  • Диапазон цветов по яркости оттенка
  • Диапазон цветов по насыщенности оттенка
  • Маска по зоне Адамса — прием, который как-бы «разрезает» изображение на зоны освещённости

Эти новые виды масок значительно расширили возможности при обработке.

Когда и зачем использовать яркостные маски

Какие же проблемы помогают решить яркостные маски?

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

Вот лишь несколько примеров:

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

Как вы видите, возможности весьма обширны.

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

  • светлая маска + кривые/уровни = контроль на деталями в светах
  • тёмная маска + кривые/уровни = контроль на деталями в тенях
  • средняя маска + кривые/уровни = контроль над деталями исключая света и тени
  • светлая маска + изображение = сведение экспозиций, композитное изображение
  • светлая маска + цвет = тонирование светов
  • тёмная маска + цвет = тонирование теней
  • маска + любой фильтр = применение фильтра по маске

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

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

Записаться

Как же они работают

Как построить яркостную маску вручную

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

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

  • Откройте каналы (Окно — Каналы)
  • Ctrl/Cmd + Клик на канале RGB
  • Сохраните выделение в новый канал
  • Переименуйте новосозданый канал в Света
  • Снимите выделение нажам Ctrl/Cmd + D

Вы построили маску Светов.

Ctrl/Cmd + клик по каналу строит новое выеделние, выделяя всё, что светлее 50% серого на изображении. Именно это нам и нужно — выделенная светлая часть.

В качестве слеющего шага обычно предлагают делать сложные манипуляции. Кобинации клавиш Shift-Alt-Ctrl / Shift-Option-Cmd + Клик по каналу позволяют «пересекать» веделенные области и дают всё более и более ограниченые по светам маски.

Секрет простого создания яркостных масок

К счастью, всё значительно проще.

  • Скопируйте канал Света и переименуйте в Света-1. Для этого перетащите канал Света на иконку нового канала в нижней части вкладки Каналов
  • Теперь нажимите Ctrl/Cmd + L чтобы открыть инструмент Уровни
  • Перетащите средний слайдер, гамму, на значение 0.5
  • Это даст вам маску Света-1

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

  • Света = 1
  • Света-1 = 0.5
  • Света-2 = 0.25
  • Света-3 = 0.125
  • Света-4 = 0.0625

Надеюсь, идея понятна =)

Давайте сделаем тёмные маски.

  • Создайте маску Света
  • Инвертируйте её нажав Ctrl/Cmd + I
  • Переименуйте канал в Тени
  • Снимите выделеие нажав Ctrl/Cmd + D

Это маска тенй. Теперь мы можем применить тот же самый приём чтобы получить другие маски теней.

Значения для гаммы те же самые. Применять в Уровнях на маску Тени:

  • Тени = 1
  • Тени-1 = 0.5
  • Тени-2 = 0.25
  • Тени-3 = 0.125
  • Тени-4 = 0.0625

Средние строятся немного сложнее. К сожалению, тут никакого секрета нет. Нужно взять всё изображение и «вычесть» из него Света и Тени нужного уровня.

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

  • Откройте вкладку Каналы, кликните на калане RGB и выделите всё изображение нажа Ctrl/Cmd + A
  • Чтобы вычесть света нажимте и держите Ctrl+Alt/Cmd+Opt, затем кликните на маске Света, которую вы создали до этого
  • Точно также зажмите горячие клавиши и кликните по маске Тени
  • Создайте новый канал и назовите его Средние

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

С ручным построением средней маски есть небольшая техническая проблема. К счастью, это не критично.

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

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

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

Как пользоваться яркостными масками

Построив новые каналы для яркостных масок, пора перименить их на практике.

  • Откройте вкладку Каналы
  • Ctrl/Cmd + клик на канале Света, который вы создали
  • Переключитесь на вкладку Слои, при этом будет видно выделение на изображении
  • Создайте новый слой Solid Color(Цвет)
  • Поменяйте режим наложения слоя на Overlay(Смешивание)
  • Выберите какой-нибудь яркий, но холодный, оттенок

Такой эффект немного «остудит» тёплые тона в светах.

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

О чём стоит помнить создавая маски вручную. Ctrl/Cmd + клик по каналу создаёт новое выделение. Иногда Adobe Photoshop показывает диалог с ошибкой о том, что выделение нельзя отобразить, поскольку все выделенные области темнее 50% серого. Это нуедобно, но нормально.

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

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

Есть много способов применять яркостные маски. Подробнее о некоторых из них вы можете узнать из бесплатного курса Основы Яркостных Масок.

Записаться

Панель яркостных масок

Яркость

R

G

B

Насыщенность

Тень 1

Средние 1

Свет 1

Тень 2

Средние 2

Свет 2

Тень 3

Средние 3

Свет 3

Уровни

Кривые

Солнечная кривая

через Гаус

через Поверхность

через Медиану

Сильный Ортон

Мягкий Ортон

Серые Слои

Через Кривые

Автоматически

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

Более того, другие виды масок — по насыщености, или по цвету, создавать вручную ещё сложнее.

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

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

Создаем маску яркости для портрета в Photoshop

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

На этапах с 1 по 5 мы расскажем, как создать каналы и как Photoshop сам выбирает область изображения. Этап 6 описывает удобный способ вызова каналов через диалоговое окно, а остальные поясняют, как превратить канал в маску яркости и какие возможности открываются благодаря этому.

1 Создаем альфа-канал для светлых участков

Загрузите снимок в Photoshop. На панели слоев перейдите на вкладку «Channels» или же выберите в главном меню графического редактора «Window | Channels». Удерживая нажатой клавишу «Ctrl», щелкните по каналу, который называется «RGB». Photoshop выберет и выделит только все светлые области изображения.

Теперь нажмите на значок «Save selection as channel» (этот небольшой значок расположен внизу палитры «Channels»). Дважды щелкните по новому каналу, который по умолчанию будет называться «Alpha 1», и переименуйте его в «Lights».

2 Добавляем два светлых канала

Нажмите на новый канал «Lights», удерживая клавиши «Shift+Ctrl+Alt». Так Photoshop при выделении будет автоматически различать светлые и очень светлые участки изображения. Снова кликните по значку «Save selection as channel» и назовите новый канал «Bright Lights».

Выполните еще раз действия этого этапа с каналом «Bright Lights» и назовите созданный канал «The Brightest Lights». При выполнении данных действий важно не снимать выделение ни на одном из трех шагов.

3 Создаем первый канал для темных участков

Удерживая клавишу «Ctrl», щелкните по каналу «Lights». Теперь в меню «Select» нажмите на «Inverse». Так вместо светлых участков будут выбраны темные. Сохраните это выделение в качестве канала и назовите его «Shadows».

4 Добавляем два темных канала

Добавление дополнительных теневых каналов происходит по уже описанной выше схеме: вам необходимо удерживать сочетание клавиш «Shift+Ctrl+Alt» и кликнуть по каналу «Shadows». Первый канал назовите «Dark Shadows», а следующий — «The Darkest Shadows».

5 Создаем канал для средних полутонов

Теперь щелкните по клеткам рядом со всеми каналами, созданными ранее, чтобы они стали видимыми. При необходимости уберите значок глаза с «RGB» и других цветовых каналов. Теперь нажмите на клавиши «Ctrl+A», чтобы выбрать изображение целиком. В меню «Select» остановитесь на пункте «Inverse».

В этот момент Photoshop сообщит, что выбрано слишком мало пикселей. Нажмите на «ОК». Щелкните по «Create new channel» и назовите данный канал «Middle Tones». Как правило, в зависимости от фона изображения он отображает только черную или белую поверхность.

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

6 Целенаправленно выбираем отдельные каналы

Чтобы снять выделение, нажмите сочетание «Ctrl+D». Затем щелкните по каналу «RGB», проследив за тем, чтобы все три лежащих под ним цветовых канала были активными. Теперь пришло время перейти на вкладку «Layers» и заняться обычным редактированием изображения.

Если вам понадобятся сохраненные в созданных нами только что каналах выбранные участки, вызовите их, отыскав в меню «Select» пункт «Load Selection», а в списке — необходимый канал.

7 Целенаправленно осветляем и затемняем

Вызовите, к примеру, канал «Lights» (как описано выше). Далее выберите «Layer | New Adjustment Layer | Curves…» и нажмите на «ОК». Выделение участков превратится в маску яркости. Изменение кривой повлияет только на светлые участки.

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

8 Вносим мягкий свет

Теперь вызовите маску яркости «Bright Lights». Затем нажмите на сочетание клавиш «Shift+Ctrl+C», а затем на «Ctrl+V». Так вы скопировали маску в новый слой. С помощью фильтра «Gaussian Blur» можно сделать свет мягче. Если результат вас устраивает, объедините все слои и сохраните готовое изображение.

ФОТО: djile/fotolia.com; CHIP

Простой способ построить яркостные маски в Adobe Photoshop: liseykina — LiveJournal

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

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

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

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

Вот один вариант я и хочу показать на примерах.

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

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

Казалось бы, можно сделать так:

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




Нормально проэкспонированный кадр




Шум при осветлении темного кадра


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

А для того, чтобы сделать фотографию хорошего качества, придется приложить чуть больше усилий.

Первым делом конвертируем фотографию из RAW.

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

Вот такие два снимка получились



Светлый кадр




Темный кадр




Открываем оба файла в виде слоев в Photoshop.

И вот теперь самое главное. Маски на основе яркости можно нарисовать множеством способов \- какие-то более точные, какие-то более быстрые, некоторые можно автоматизировать, а некоторые нет.

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

Панель ARCMask можно скачать тут —

https://arcpanel-web.firebaseapp.com/

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

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

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

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

Пока получилось не очень аккуратно и естественно. Особенно если посмотреть на 100% увеличении. Видно достаточно заметную границу и переход от светлого к темному.

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

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

Граница уже выглядит более аккуратно и переход яркости естественный.

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

Или вот так, если посмотреть на все слои вместе

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

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

В дальнейшей обработке принимали участие фильтры из набора Nik Color Efex — Tonal Contrast и Pro Contrast это позволило чуть сильнее выделить фактуру на камнях на переднем плане.
А чтобы доработать цвета, был наложен Lut-файл. С помощью техники Dodge and Burn немного прорисованы тени и света на переднем плане, чтобы камни стали чуть более объемными. И дополнительно проведена цветокоррекция в Lab — пространстве.
Вот, можно на все слои посмотреть:

Результат:

Полный процесс обработки этого снимка я не поленилась и записала на видео, даже постаралась словами что-то пояснять. Посмотреть можно в онлайн-фотошколе Photodemy — https://photodemy.com/ru/p/ea51feb6fb2e/ru/course/yarkostnyie-maski-v-adobe-photoshop/
Кстати, если зарегистрироваться на сайте, то вы получите бесплатный доступ на три месяца ко всем курсам. А там можно много всего полезного найти.

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

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

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

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

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

В слоях темной кистью мягкого типа прорисовываем тень.

Снижаем непрозрачность внутренней тени до 25-35 %.

Делаем дубликат слоя с кругом и располагаем дубликат под шаром. Восстанавливаем обтравочную маску для исходного слоя с кругом, так как после дублирования она автоматически снимается.

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

Изменяем режим наложения на «Вычитание».

Тень от объекта должна идти под углом, как показано на схеме.

Наклоняем слой.

Кладем на пол слой.

Делаем копию тени и нижнему из этих двух слоев придаем меньшее размытие, так как это будет полная тень, а значит более темная и густая. Размытие делаем по Гауссу: вкладка «Фильтр» — «Размытие» — «Размытие по Гауссу».

Добавляем к слою слой-маску и слегка скрываем часть тени, которая находится дальше от основания шара. Чтобы в дальнейшем была видна мягкая тень.

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

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

Для полной тени можно уменьшить непрозрачность до 55%.

РЕЗУЛЬТАТ

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

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

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

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

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

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

РЕЗУЛЬТАТ

Перспективный эффект теневого текста в фотошопе

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

Вот как будет выглядеть окончательный результат:

Финальный текстовый эффект «перспективная тень».

Давайте начнем!

Шаг 1: дублируем текстовый слой

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

Добавьте свой текст в документ.

Если мы посмотрим на панель «Слои», то увидим, что мой текст находится на собственном текстовом слое над фоновым слоем:

Текст появляется на собственном слое над фоном.

Нам нужно сделать копию текста, поэтому, выделив текстовый слой на панели «Слои» (выделенные слои выделены синим цветом), перейдите в меню « Слой» в строке меню в верхней части экрана, выберите « Новый» и затем выберите Layer через Copy . Или для более быстрого выбора той же команды используйте сочетание клавиш Ctrl + J (Win) / Command + J (Mac):

Перейдите в Слой> Новый> Слой через Копировать.

В окне документа ничего не происходит, но копия текстового слоя отображается над оригиналом на панели «Слои»:

Копия текстового слоя появится над оригиналом.

Шаг 2. Перетащите копию под оригинал

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

Перетащите скопированный текстовый слой между оригинальным и фоновым.

Шаг 3: Растеризация текста

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

Перейдите в Слой> Растеризация> Тип.

Шаг 4: переверните и переместите текст

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

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

Это помещает поле Free Transform и обрабатывает (маленькие квадраты) вокруг текста в окне документа. Щелкните правой кнопкой мыши (Win) или удерживая нажатой клавишу « Control» (Mac) в любом месте окна документа и выберите « Отразить по вертикали» в контекстном меню, которое появляется:

Выберите Flip Vertical из меню.

Это переворачивает текст вверх ногами в окне документа:

Изображение после перелистывания текста по вертикали.

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

Удерживайте Shift и перетащите перевернутый текст под оригинал.

Шаг 5: растянуть и изменить текст

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

Растяните текст, перетаскивая нижнюю центральную ручку прямо вниз.

Затем, когда Free Transform все еще активен, еще раз щелкните правой кнопкой мыши (Win) / Control-click (Mac) в любом месте окна документа и выберите « Перспектива» в контекстном меню:

Выберите «Перспектива» в параметрах «Преобразование».

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

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

Шаг 6: заполните текст черным

Нажмите букву D на клавиатуре, чтобы быстро сбросить цвета переднего плана и фона в Photoshop, если необходимо, чтобы цвет переднего плана стал черным . Затем нажмите Shift + Alt + Backspace (Win) / Shift + Option + Delete (Mac), чтобы залить перевернутый и измененный текст цветом переднего плана (черный)

Заполните преобразованный текст черным.

Шаг 7: примени фильтр Gaussian Blur

Подойди к меню Filter , выбери Blur , затем выбери Gaussian Blur :

Перейдите в Filter> Blur> Gaussian Blur.

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

Нанесите небольшое количество размытия на тень.

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

Изображение после применения фильтра Gaussian Blur.

Шаг 8: понизь непрозрачность слоя

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

Опция непрозрачности слоя.

Шаг 9: продублируйте слой с тенью

Нажмите Ctrl + J (Победа) / Command + J (Mac), чтобы быстро дублировать размытый теневой слой. Его копия появится над оригиналом на панели «Слои»:

Сделайте копию теневого слоя.

Шаг 10: примени фильтр Gaussian Blur снова

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

Значок видимости слоя временно включает и выключает слои в документе.

Поскольку фильтр размытия по Гауссу был последним фильтром, который мы применили, мы можем снова быстро получить к нему доступ, нажав Ctrl + Alt + F (Win) / Command + Option + F (Mac). На этот раз добавьте еще больше размытия к тени, перетаскивая ползунок Радиуса дальше вправо. Я собираюсь установить значение радиуса на этот раз около 6 пикселей. Как и раньше, значение, которое вы используете, может отличаться и будет зависеть от вашего изображения, поэтому оцените результаты в окне документа при перетаскивании ползунка:

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

Нажмите OK, когда вы закончите, чтобы выйти из диалогового окна. Ваша тень должна выглядеть примерно так:

Изображение после добавления еще размытия во второй слой тени.

Шаг 10: добавь маску слоя

Нажмите на иконку Layer Mask внизу панели Layers, чтобы добавить маску слоя к слою:

Нажмите на значок маски слоя.

Слой маска миниатюры появятся рядом с главным слоем предварительного эскиза :

Эскиз маски слоя.

Шаг 11: перетащить черно-белый градиент на маску слоя

Выберите инструмент « Градиент» в Photoshop на панели «Инструменты»:

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

Выбрав инструмент «Градиент», щелкните правой кнопкой мыши (Win) / « Control» (Mac) в любом месте окна документа и выберите черно-белый градиент , щелкнув его миниатюру (третий слева, верхний ряд). Нажмите Enter (Win) / Return (Mac), когда закончите, чтобы закрыть окно выбора градиента:

Нажмите на миниатюру для черно-белого градиента.

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

Нажмите на верхнюю часть тени, удерживайте Shift, перетащите вниз и отпустите кнопку мыши в нижней части тени.

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

Градиент на маске слоя контролирует прозрачность тени.

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

Нажмите еще раз на значок видимости слоя для исходного теневого слоя, чтобы он был виден внутри документа:

Снова включите оригинальный теневой слой.

Нажмите на миниатюру маски слоя на панели «Слои», удерживая нажатой клавишу «Alt» (победа) / « Option» (Mac), затем перетащите маску вниз на слой оригинальной тени под ним. Когда вы увидите поле выделения вокруг слоя оригинальной тени, отпустите кнопку мыши, чтобы скопировать маску на слой. Теперь вы увидите одинаковые эскизы маски слоя на обоих слоях тени:

Клавиша Alt (Win) / Option (Mac) указывает Photoshop сделать копию маски по мере ее перетаскивания.

Шаг 13: инвертируй маску слоя

Нам нужно, чтобы исходная тень исчезала по мере того, как она удаляется от текста, в точности противоположно тому, что она делает сейчас, поэтому нажмите на миниатюру новой маски слоя на исходном слое тени на панели «Слои», чтобы выбрать ее. Затем нажмите Ctrl + I (Победа) / Command + I (Mac), чтобы инвертировать градиент на маске слоя, чтобы черный стал белым, а белый стал черным:

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

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

Изображение после инверсии маски слоя.

Шаг 14: понизь непрозрачность верхнего теневого слоя

Наконец, нажмите на верхний теневой слой (копию тени) на панели «Слои», чтобы еще раз выбрать его, затем уменьшите его непрозрачность до 60% :

Выберите верхний теневой слой, затем уменьшите его непрозрачность до 60%.

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

Финальный текстовый эффект «перспективная тень».

Куда пойти дальше …

И там у нас это есть! Посетите наши разделы « Текстовые эффекты» или « Фотоэффекты» для получения дополнительных уроков по эффектам Photoshop!


Четыре способа создать длинные тени · Мир Фотошопа

Конечный результат:

Ресурсы урока:

Особенности длинных теней

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

  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 в нижней части панели слоёв.

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

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

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

Шаг 3

Активируйте режим Free Transform (Ctrl + T). Сдвиньте копию на 1 пиксель вниз и вправо. Нажмите Enter, чтобы применить изменения.

Шаг 4

Нажмите Ctrl + Shift + Alt + T, чтобы повторить последнюю трансформацию. Вам нужно продолжать нажимать эти клавиши, пока ВЫ не получите достаточно длинную тень.

Шаг 5

Все копии объедините на одном слое (Ctrl + E).

Шаг 6

Примените стиль Gradient Overlay с настройками шага 2.6.

Шаг 7

Создайте обтравочную маску (Ctrl + Alt + G).

Шаг 8

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

Шаг 9

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

Шаг 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) и закрывать.

Шаг 16

Когда Вы вернётесь в документ с 3D-объектом, все изменения будут применены автоматически. Для изменения цвета используйте параметр Diffuse. После этого настройте Shine.

Поставьте сцену на рендеринг, сохраните документ и закройте его.

Шаг 17

Смарт-объект тоже изменится.

Поздравляю! Мы закончили

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

Как добавить реалистичные тени к изображениям в Photoshop

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

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

Есть три основных типа теней, которые можно добавить к изображениям ваших продуктов Pinterest —

  • Natural Shadow
  • Drop Shadow
  • Reflection Shadow

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

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

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

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

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

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

Откройте ваше изображение с помощью Photoshop

Шаг 2: Копирование фоновый слой

Скопируйте фоновый слой из панели слоев

Шаг 3: Выделите путь

Выделите путь (сочетание клавиш: Ctrl + Path)

Шаг 4: Выделите перо

Выделите перо (ярлык: Ctrl = Alt + D) оставьте излучение равным 0.3

Шаг 5: Добавьте маску

Добавьте маску

Шаг 6: Поместите сплошной цвет

Выберите фоновый слой и поместите в него сплошной цвет

Шаг 7: Белый цвет

Выберите белый

Шаг 8: Слой фона 2

Снова скопируйте фон и создайте слой фона 2

Шаг 9: Используйте сплошной цвет

Поместите копию фона 2 на сплошной цвет

Шаг 10: Отключите

Отключите фоновую копию

Шаг 11: Перейдите на канал

Перейдите на канал и выберите более темный цвет на панели цветов RGB (в этом уроке он зеленый)

Шаг 12: Скопируйте слой

Скопируйте зеленый слой

Шаг 13: Отрегулируйте тень

Теперь отрегулируйте тень от уровня l ayer (сочетание клавиш: Ctrl + L)

Шаг 14: Инвертировать слой уровня

Инвертировать слой уровня (сочетание клавиш: Ctrl + I)

Шаг 15: Выбрать тень

Выбрать тень с помощью лассо Инструмент Photoshop

Шаг 16: Инвертировать выделение

Инвертировать выделение (сочетание клавиш: Ctrl + Shift + I)

Шаг 17: Выбрать цвет

Оставить черный цвет по умолчанию

Шаг 18: Удалите остальную часть изображения

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

Шаг

19: Отмените выбор изображения

Теперь снимите выделение со всего изображения (сочетание клавиш: Ctrl + D)

Шаг 20: Удаление слоя из каналов

Выберите и удалите зеленый слой-копию

Шаг 21: Выберите векторную маску

Выберите векторную маску на слое фоновой копии r

Шаг 22: Включить фоновую копию

Включить фоновую копию

Шаг 23: Установить растушевку

Установить растушевку на 5 (сочетание клавиш: Ctrl + Alt + D)

Шаг 24: Используйте инструмент кисти

Выберите инструмент кисти

Шаг 25: Увеличьте тень

Используйте инструмент в области тени и увеличьте видимость тени

Шаг 26: Настройте слой

Настроить слой (Черно-белый)

Шаг 27: Пересечь всплывающее меню

Пересечь всплывающее меню

Шаг 28: Сохранить файл

Сохраните файл, и все готово…

Видеоурок: Как создать естественную тень на изображении продукта

Методы ретуширования фотографий для начинающих фотографов

ПОДРОБНЕЕ

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

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

Тень в основном сочетается с изображениями товаров.

Вот пошаговое руководство по Drop Shadow:

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

Сначала откройте файл

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

Скопируйте фоновый слой вашего файла , выберите слой и перейдите к Feather Radiation на 0.3% (Ярлык: Ctrl + Alt + D)

Шаг 3: Фоновая копия слоя

Маска фоновой копии слоя

Шаг 4: Палитра цветов

Перейдите в Палитру цветов и выберите сплошной цвет в фон

Шаг 5: Свежий слой

Создайте новый слой

Шаг 6: Сделайте путь

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

Шаг 7: Добавить радиус растушевки

Скопируйте контур и добавьте радиус растушевки на 20

Шаг 8: Установите цвет фона

Выберите контур и установите черный цвет фона (сочетание клавиш: Ctrl + Backspace)

Шаг 9: Выберите маску

Выберите маску на слое.Затем выберите инструмент Gradient Tool на левой панели инструментов (отмечен на изображении) и зафиксируйте тень

Шаг 10: Выберите инструмент Brush Tool

Выберите инструмент Brush Tool на левой панели инструментов и придайте тени надлежащий вид. отделка

Шаг 11: Сохраните файл

Сохраните файл, и все готово…

Есть много альтернатив этому методу. Если вам интересно узнать еще об одной технике, прочтите: как добавить тень в Photoshop.

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

Почему выбирают услуги Drop Shadow


у нас? Drop Shadow Service

Photoshop Tutorial: How to Create a Reflection Shadow

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

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

Вот как вы можете добавить тень отражения к вашим изображениям:

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

Откройте изображение в Photoshop

Шаг 2: Создайте фоновую копию

Создайте фоновую копию

Шаг 3: Выберите Path

Выберите Path и установите растушевку на 0.3 пикселя (сочетание клавиш: Ctrl + Alt + D)

Шаг 4: Маска

Добавить маску

Шаг 5: Заполнить фон

Заполнить фон сплошным цветом (для изображений товаров предпочтительнее белый цвет )

Шаг 6: Скопируйте слой

Скопируйте слой с маской

Шаг 7: Примените маску слоя

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

Шаг 8: Средняя метка

Выберите продукт ( сочетание клавиш: Ctrl + T) и поместите среднюю метку внизу продукта

Шаг 9: Отразить вертикаль

Щелкните правой кнопкой мыши по метке и добавьте Flip Verticle

Шаг 10: Слой маски

Возьмите слой маски из слоя, над которым вы работали

Шаг 11: Отражение вашего продукта

Выберите инструмент Gradient Tool и примените его к отражению вашего изображения. roduct

Шаг 12: Новый слой

Создайте новый слой

Шаг 13: Слияние с отражением

Возьмите Pen Tool и выберите часть, где ваш основной продукт сливается с отражением и Path

Шаг 14: Установите растушевку

Выделите Path и установите растушевку на 5 (сочетание клавиш: Ctrl + Alt + T)

Шаг 15: Установите цвет по умолчанию

Установите черный цвет по умолчанию, затем нажмите Ctrl + Backspace

Шаг 16: Смешайте тень

Смешайте тень , когда выбран путь .Чтобы смешать тень, перейдите в Filter> Blur> Motion Blur

Шаг 17: Установите угол

Установите угол на 0 и расстояние на соответствующее число

Шаг 18: Смешайте градиент

Теперь идите выберите Фильтр> Размытие> Размытие градиента для смешивания с градиентом

Шаг 19: Установите непрозрачность

Установите непрозрачность в соответствующем соотношении

Шаг 20: Удалите лишнюю тень

Создайте слой маски и удалите дополнительная тень от него

Шаг 21: Сохраните файл

И все готово … Ваш файл готов, и у вас есть идеально отредактированная тень отражения на изображении вашего продукта

Я надеюсь это поможет вам создать любую тень на изображениях ваших продуктов.

Видеоурок: Как создать отражающую тень от изображения автомобиля

Для достижения наилучших результатов всегда лучше получить помощь таких экспертов, как Offshore Clipping Path. Однако, если вы хотите сделать это самостоятельно, то способ добавления тени к изображениям вашего продукта упомянут выше.

Поделитесь этой статьей, чтобы больше людей увидели ее и получили пользу.

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

Ура!

OCP с радостью предлагает вам


БЕСПЛАТНУЮ пробную версию, чтобы проверить качество своих услуг
на Drop Shadow Service ПОЛУЧИТЬ БЕСПЛАТНУЮ ПРОБНУЮ ПРОГРАММУ

Секреты программного обеспечения: Сохранение теней в Photoshop

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

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

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

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

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

У нас есть несколько артефактов по краю кружки, но это подойдет. Теперь мы хотим восстановить эти тени от исходного изображения. Мы сделаем это, сначала щелкнув маску слоя кофейного слоя, а затем, удерживая alt-shift или apple-shift, перетащим его на слой тени ниже. Это создает перевернутую копию нашей маски. Если мы отключим слой кофе, наше изображение будет выглядеть так.

Не очень полезно, но если мы изменим режим наложения теневого слоя с нормального на умножение…

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

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

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


Тейлор — главный редактор журнала Notes on Design.Тейлор — графический дизайнер, иллюстратор и руководитель отдела дизайна в Weirdsleep.


Реалистичная падающая тень Урок Photoshop

Бекки Килимник

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

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

Что мы расскажем:

Как создать тень в Photoshop?

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

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

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

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

Учебник

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

  1. Изолировать объект от фона
  2. Создайте новый фон позади вашего изолированного объекта
  3. Определите цвет вашей отбрасываемой тени
  4. Создание падающей тени
  5. Создайте слой из вашей тени
  6. Искажение падающей тени
  7. Создать альфа-канал
  8. Создайте градиент в вашем альфа-канале
  9. Выбор размытия
  10. Создать маску слоя
  11. Учитывайте источник света и убирайте тени

Шаг 1. Изолируйте объект от фона

Откройте фотографию, которую хотите изменить.Как только вы окажетесь в новом файле, откройте палитру Layers , перейдя в Window > Layers . Вырежьте объект на фотографии и поместите его на новый слой. Дайте вашему новому слою имя, которое указывает на то, что фон был удален (например, «изолированный»), чтобы избежать путаницы с другими слоями при создании теней.

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

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

Шаг 2: Создайте новый фон позади вашего изолированного объекта

В палитре Layers выберите скрытый фоновый слой. Перейдите к Layer > New Layer или введите SHIFT + CONTROL + N (SHIFT + COMMAND + N на Mac), чтобы создать новый слой. Этот слой будет вашим новым фоном.

Залейте новый слой цветом, выбрав Edit > Fill .Выбрав Цвет в раскрывающемся меню, у вас есть возможность выбрать собственный цвет.

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

Шаг 3. Определите цвет отбрасываемой тени

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

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

Выбранный цвет будет отображаться как цвет переднего плана в нижней части палитры Tools . Дважды щелкните новый цвет переднего плана, чтобы открыть диалоговое окно настройки Color Picker .

Сделайте выбранный цвет немного темнее и менее насыщенным, перемещая выделение вниз и влево от цветового поля. Щелкните ОК.

Шаг 4. Создайте падающую тень

Выделив слой изолированного объекта, нажмите кнопку fx в нижней части палитры слоев и выберите Drop Shadow .

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

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

Шаг 5: Создайте слой из вашей тени

Перейдите на слой > Layer Style > Создайте слой Layer , чтобы отделить вашу тень от его слоя.Это позволит вам изменять тень независимо от объекта. При создании слоя может появиться диалоговое окно с предупреждением; если да, просто нажмите ОК .

Шаг 6. Искажение падающей тени

В палитре Layers выберите только что созданный слой тени.

Перейдите к Edit > Transform > Distort , чтобы опустить вашу тень на пол.

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

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

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

Для этого установите Blending Mode вашего теневого слоя на Normal и заливку на 100%.

Нарисуйте выделение вокруг области вашей тени, которую необходимо изменить, с помощью инструмента Rectangular Marquee Tool , а затем перейдите к Edit > Transform > Distort , чтобы отредактировать эту часть тени.

Когда вы будете удовлетворены своими изменениями, примените трансформацию и используйте инструменты Paintbrush и Eraser , чтобы «исправить» любые края ваших теней. Затем измените Layer Blend Mode вашего слоя тени на Multiply и уменьшите Fill для этого слоя до 75%.

Шаг 7. Создайте альфа-канал

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

Чтобы создать альфа-канал, перейдите в Window > Channels , чтобы открыть Channels Palette . Щелкните меню Palette , чтобы выбрать New Channel .

A Новое диалоговое окно Channel . Вы можете оставить имя по умолчанию: Alpha 1 .Под Color Указывает , убедитесь, что выбран переключатель Selected Area .

Шаг 8: Создайте градиент в вашем альфа-канале

В палитре «Каналы » выберите новый канал Alpha 1 точно так же, как если бы вы выбирали слой. Убедитесь, что видимость (значок глаза слева от названия канала) включена для всех каналов.

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

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

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

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

Шаг 9: Выбор размытия

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

Щелкните верхний канал в палитре каналов (RGB или CMYK, в зависимости от цветового режима изображения), чтобы выбрать цветовые каналы и отменить выбор альфа-канала.

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

Перейти к Фильтр > Размытие > Линза Размытие . Появится диалоговое окно, в котором вы сможете значительно контролировать размытие.

Убедитесь, что установлен флажок Предварительный просмотр . В разделе Глубина Карта выберите Alpha 1 в раскрывающемся меню Источник.

Оставьте фокусное расстояние размытия равным 0 и установите флажок «Инвертировать».

Сдвиньте Radius к большему числу (в этом примере оно установлено на 67). Оставьте все остальные значения по умолчанию. Щелкните ОК .

Шаг 10: Создайте маску слоя

Перейти к Выбрать > Загрузить Выбор . Выберите Alpha 1 из раскрывающегося списка Channel и убедитесь, что установлен переключатель рядом с New Selection .

Щелкните ОК .

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

Выберите инверсию, перейдя к Выберите > Выберите Inverse или набрав SHIFT + CONTROL + I (SHIFT + COMMAND + I на Mac).

В палитре Layers щелкните значок Layer Mask внизу палитры.

Когда маска наложена, тень будет «блекнуть» по мере удаления вдаль.Обратите внимание, что эскиз для маски слоя совпадает с эскизом рядом с Alpha 1 .

Шаг 11: Рассмотрите источник света и уберите тени

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

Также обратите внимание, что тени передних ножек на изображении стула должны попадать на задние ножки стула. Самый простой способ воссоздать эти тени — создать новый слой над вашим объектом, а затем, используя свой цвет тени, использовать инструмент Brush , чтобы нарисовать тени, отбрасываемые поверх вашего объекта. Установите Layer Blend Mode to Multiply и отрегулируйте непрозрачность, чтобы она соответствовала окружающим теням.

Использование вариаций теней

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

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

После искажения тени (шаг 6) выберите область тени, которая падает на стену с помощью инструмента Rectangular Marquee Tool и перейдите к Edit > Transform > Distort , чтобы потянуть тень на стене.

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

Когда использовать тень в электронной торговле

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

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

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

Вот пример из The Mood Store, где вы можете увидеть тени, добавленные к нескольким изображениям:

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

Разница между падающей и отбрасываемой тенью

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

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

Бекки Килимник

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

Редактирование падающей тени — Planet Photoshop

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

Как вы можете видеть на палитре слоев, это произведение состоит из трех слоев: Верхний объект, в котором в качестве стиля слоя применены как Drop Shadow, так и Bevel and Emboss; средний слой, содержащий четыре «столпа»; и фоновый слой с небом.”

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

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

ПРИМЕЧАНИЕ. В этом руководстве я использовал команду «Создать слои» после применения тени и скоса. В обычном рабочем процессе я бы применил падающую тень, использовал команду «Создать слои», а затем применил бы скос как эффект слоя к исходному слою 1.Это не только сохраняет скос как «живой» эффект, который можно обновлять, но и упрощает палитру слоев и предотвращает любое нежелательное смещение элементов.

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

Затем мы покажем падающую тень только там, где мы хотим, чтобы она падала.Для этого мы можем щелкнуть, удерживая клавишу Command (Mac) или Control (Windows), на миниатюре палитры слоев для слоя ниже. Таким образом производится выбор содержимого слоя. Однако обратите внимание, что маска слоя тени по-прежнему является активным слоем в палитре слоев. (Миниатюра маски слоя отображается справа от миниатюры слоя в палитре слоев. Когда она активна, вокруг миниатюры появляется двойная рамка.)

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

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

Как сделать вырезанный коллаж в Adobe Photoshop

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


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


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


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


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


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


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


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


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


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


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


После щелчка по маске на слое с цветной заливкой используйте инструмент «Кисть (B)», чтобы закрасить черным цветом те области тени, которые необходимо очистить.


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


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


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

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

Создание теней с помощью Photoshop: macProVideo.com

Назовите один из способов сделать составное изображение более реалистичным … Вы сказали «создание реалистичных теней»? Что ж, вот фантастический совет Photoshop, который покажет вам, как эффективно добавлять тени к объектам.

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

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

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

Шаг 1 — Создание маски

Выберите изображение, которое нужно объединить. Здесь я выбрал изображение бегущего человека. С помощью инструмента «Магнитное лассо» щелкните объект, который хотите сохранить. Когда закончите, выберите Layer> Layer Mask> Reveal Selection или нажмите кнопку Add Layer Mask. Чтобы привести маску в порядок, выберите Select> Refine Mask ( Option-Command-R ). Постарайтесь сделать края как можно более аккуратными, изменив значения Smooth и Feather.

Шаг 2 — Создание составного изображения

Перетащите замаскированное изображение на фоновое изображение, чтобы создать составное изображение.

Используйте «Свободное преобразование» ( Command-T ), чтобы изменить размер изображения для масштабирования. Если изображение выглядит слишком резким для фона, что, вероятно, будет, откройте панель свойств и установите для параметра Растушевка маски значение 0,2 / 0,3 пикселя. Он должен выглядеть немного мягче.

Шаг 3 — Сопоставление цветов

Затем перейдите в Image> Adjustments> Match Color .Используйте эту функцию, чтобы цвета маскированного слоя лучше соответствовали фону.

Установите Source: на исходный файл фона, а Layer: на Layer 1. Используйте параметры изображения, такие как Luminance, Color Intensity и Fade, чтобы уточнить соответствие цветов, пока вы не будете уверены, что они совпадают, и похоже источник света.

Шаг 4 — Добавьте слой с именем Shadow

Добавьте новый слой на панель слоев ( Shift-Command-N ) и назовите его «Тень».

Перетащите слой между фоновым слоем и слоем маски вот так.

Шаг 5 — Загрузите выделение из маски

Не снимая выделения с теневого слоя, удерживая нажатой клавишу Command, щелкните эскиз маски на слое выше.

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

Шаг 6 — Заполните выделение

Заполните выделение на слое Shadows ( Shift-F5) .

Выберите 50% серого с обычным режимом наложения и 100% непрозрачностью. Затем нажмите Command — D, чтобы снять выделение.

Шаг 7 — Искажение тени

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

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

Шаг 8 — Настройте режим наложения

Измените режим наложения слоя тени на затемнение цвета.

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

Шаг 9 — Добавьте немного глубины

Тени немного плотнее ближе к объекту. Мы можем сделать то же самое с помощью Burn Tool O. Установите Burn Tool на Hardness: 20%, Range: Shadow и Exposure: 50%.

Используйте затемнитель, чтобы мягко затемнить тень ближе к объекту, чтобы она казалась немного более плотной.

Шаг 10 — Размытие тени

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

Я добавил Размытие по Гауссу на 1,9 пикселя. Вы также можете обнаружить, что небольшая корректировка непрозрачности слоя тени помогает завершить внешний вид. Я выбрал непрозрачность 76%.

И вот он, простой, но эффективный способ создания теней на составном изображении.

Дэвид Смит

Дэвид Смит — самый квалифицированный тренер, сертифицированный Apple и Adobe в Шотландии. Завершив свое образование в киношколе Эдинбургского колледжа искусств, получившей премию BAFTA, Дэвид сразу перешел в телевизионное производство, сначала в качестве Vision Mixer, а затем, в возрасте всего 24 лет, быстро стал директором прямых телетрансляций.В 2001 году он поступил в высшее учебное заведение, где стал преподавателем телепроизводства, специализируясь на пост-продакшене и студийном производстве. За это время, работая при поддержке BBC, Channel 4 и независимых продюсерских компаний, Дэвид сыграл важную роль в разработке, разработке и внедрении одобренных отраслью профессиональных курсов в колледжах Шотландии. В 2006 году, после тесного сотрудничества с Apple Computers над созданием уникальной мультимедийной образовательной студии в Музыкальном и медиацентре в Перте, Дэвид стал первым в Шотландии сертифицированным тренером Apple по профессиональным приложениям.Это привело к тому, что Дэвид создал первый авторизованный учебный центр Apple для образования к северу от Манчестера. В 2008 году Дэвид перешел на очное обучение и начал работать в Academy Class, Ltd., где он продолжает обучать профессионалов отрасли в качестве сертифицированного инструктора по программам Adobe Creative Suite и Apple Pro Apps.

Сохраняйте тени объекта нетронутыми при изменении фона в Photoshop

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

1. Откройте изображение объекта, тени которого вы хотите сохранить нетронутыми. В этом примере я использую изображение пары лаймов от straymuse, которое можно бесплатно загрузить со Stock Xchng.

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

3. Нажмите Ctrl + J (windows) или Cmd + J (Mac), чтобы сделать копию лаймов на новом слое.

4. Снова выберите слой исходного изображения. Сейчас мы загрузим Luminosity. В основном это означает, что выделены основные моменты. Нажмите Ctrl + Alt + ~ (Windows) или Cmd + Opt + ~ (Mac). Однако нас не интересуют блики, мы ищем тени, поэтому нам нужно инвертировать выделение. Нажмите Ctrl + Shift + I (окна) или Cmd + Shift + I (mac).Может показаться, что выделены не все тени, но не волнуйтесь, выделено больше, чем вы думаете.

5. Не снимая выделения, добавьте новый слой над исходным слоем и под слоем только извести.

6. Убедитесь, что ваш цвет переднего плана черный, нажав клавишу D на клавиатуре. Затем залейте новый слой черным, нажав Alt + Backspace (windows) и Option + Delete (mac). Это только заполняет тени. Это будет выглядеть как слегка призрачный слой.

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

8. Объедините два оставшихся слоя, нажав Ctrl + E (windows) или Cmd + E (mac). Теперь вы готовы перенести объект и тени на другой фон.

9. Я выбрал изображение городского пейзажа, опять же из Stock Xchng.Откройте это изображение в Photoshop, затем перетащите объединенное изображение лайма наверх. Удерживайте Shift при перетаскивании, если хотите поместить лаймы в самый центр уличной сцены.

Если края лаймов выглядят слишком неровными, вы можете взять Blur Tool (R) и аккуратно провести кистью по краю.

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

.

alexxlab

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

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