Как сделать в фотошопе падающую тень: «Как сделать тень в фотошопе от предмета?» – Яндекс.Кью

Как сделать в фотошопе падающую тень: «Как сделать тень в фотошопе от предмета?» – Яндекс.Кью

alexxlab 22.04.2021

Содержание

Как сделать прозрачную тень в фотошопе. Как сделать тень в «Фотошопе»: пошаговая инструкция

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

Тень состоит из:

  • собственной тени;
  • отбрасываемой или падающей тени;
  • полутеней.

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

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

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

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

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

Установим следующие параметры эффекта тени:

  • непрозрачность установим на 100%;
  • угол 90°;
  • смещение 0 пикс.;
  • размер 0 пикс..


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


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

. И сдвигаем слой с тенью до нижнего уровня объекта.


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

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


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

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


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

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


Применим градиент к маске, тем самым получим эффект исчезающей тени.

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

«Тень»/Shadow и в появившемся списке выбираем «Образовать слой»/Create Layer .

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

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

Шаг 1: Открытие изображения для редактирования

Прежде чем узнать, как в «Фотошопе» сделать тень от объекта, необходимо понимать базу графической программы, а именно — как загружать готовую фотографию, как выделять предмет и работать со слоями. Для того чтобы открыть изображение в Photoshop, необходимо зайти в раздел «Файл» в панели меню и нажать на пункт «Открыть». Это же можно осуществить с помощью сочетания кнопок быстрого доступа Ctrl+O. В открывшемся окне выбрать изображение, которое вы хотите изменить, и нажать на кнопку «Открыть».

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

Если вы занимаетесь вопросом, как сделать тень от предмета в «Фотошопе», вам необходимо научится работать со слоями. Это чуть ли не самый важный элемент в работе с графикой. Поэтому, открыв изображение, необходимо нажать на кнопки Ctrl+J, и фон скопируется на новый слой. Есть еще один хороший метод копирования слоев. Для этого необходимо нажать правой клавишей мыши на фон, выбрать пункт «Создать дубликат слоя…» и дать ему имя. Далее можно приступать к следующему этапу редактирования фотографии.

Шаг 3: Вырезание отдельного объекта для добавления тени

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

Шаг 4: Как открыть палитру эффектов

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

Шаг 5: Настройки эффекта теней

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

Шаг 6: Выбор другого типа теней

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

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

Добавление эффекта тени к тексту

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

Еще один способ добавления тени к объекту

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

После выделения необходимо нажать сочетание клавиш Ctrl+J. Объект скопируется на новый слой. Далее между фоном и нашим скопированным объектом необходимо добавить пустой слой. Это делается нажатием на значок документа в панели, находящейся под областью работы со слоями. После того как пустой слой был добавлен, нажимаем кнопку Ctrl и, не отпуская ее, клацаем мышкой на выделенный объект. Должен получиться пунктирный контур объекта на нашем выделенном новом фоне. Переходим к пункту о том, как сделать тень в «Фотошопе CS6» или любой другой версии.

Необходимо перейти в раздел «Редактирование» и в строке меню выбрать пункт «Выполнить заливку». В открывшемся окне выбираем цвет заливки, который и будет нашей тенью. Далее нажимаем сочетание кнопок Ctrl+T, зажимаем клавишу Ctrl и перетаскиваем верхнюю точку изображения вбок. Нижние точки следует оставить нетронутыми, ведь любая тень должна соприкасаться с объектом. Далее добавляем к тени шум для правдоподобности и неровности краев. Он находится в строке меню «Фильтр». Нажмите на пункт «Размытие» и выберите «Размытие по Гауссу». Подбираем необходимые параметры размытия и получаем тень к объекту.

Вот мы и разобрали 2 способа, как сделать тень в «Фотошопе». Остальное за практикой!

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

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

Откройте и загрузите в него выбранную картинку, для которой хотите сделать тень. Найдите пункт «Файл » -> «Открыть… » (File -> Open).

Выделите объект с помощью инструмента «Волшебная палочка » (Magic Wand). Удерживая клавишу Shift , левой кнопкой мыши кликните на область белого фона. Затем найдите на панели главного меню пункт «Выделение » (Select), кликните на нее и выберите «Инверсия » (Inverse).

После этого выделенный предмет нужно скопировать на новый слой. Для этого кликните левой кнопкой мыши на слой и выберите команду «Создать дубликат слоя » (Layer via copy), либо используйте команду клавиш «Ctrl + J».

Перейдите на только что созданный слой. Выберите слева на панели команд «Инструмент градиент » (Gradient Tool). На палитре градиента выберите «Черный, белый ». Залейте фигуру градиентом снизу вверх по вертикали.

Далее в меню «Редактирование » (Edit) выберите инструмент «Свободное трансформирование » (Free Transform). Удерживая клавишу Ctrl, кликните вверху выделенной рамки и потяните ее в нужную сторону, чтобы придать тени естественный наклон.

Чтобы сделать контур тени размытым, найдите в меню «Фильтр » (Filter) -> «Размытие » (Blur) -> «Размытие по Гауссу » (Gaussian Blur). Настройте подходящее для вас размытие фигуры.

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

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

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


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


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


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


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


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


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


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


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


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


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

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

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

Обратите внимание, что наша тень это не эффект «Тень» (Drop Shadow) в Photoshop, который делает так, что, кажется, словно объект парит над холстом. Нам нужен объект, который бы выглядел как этот трехмерный предмет на холсте, экструзия, если хотите:

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

Теперь мы размещаем текст. Я использовал отличный шрифт под названием Agency FB, который имеет плотный, с острыми краями внешний вид. Используйте для текста серо-голубой цвет, #c2c8d4, если быть точным:

Далее, удерживая нажатой клавишу Ctrl, кликните на слое текста и создайте над ним новый слой. На новом слое нарисуйте линейный градиент от #495a79 с переходом в прозрачный внизу справа налево. Другими словами, затемните правый нижний угол текста, как показано на рисунке:

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

Теперь снова, удерживая нажатой клавишу Ctrl, кликните на слое с текстом и создайте под ним новый слой. Теперь нажмите на клавиатуре один раз стрелку вниз и один раз стрелку вправо. Затем нажмите Alt + Backspace, чтобы заполнить этот слой черным цветом. Затем нажмите по одному разу клавиши вниз и вправо и залейте слой черным цветом.

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

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

Вот что у вас должно получиться. Теперь снимите выделение и убедитесь, что у вас активен слой тени. Затем перейдите в Фильтр – Размытие — Размытие в движении и используйте значения -45 градусов и расстояние 30px:

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

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

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

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

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

Не сбрасывайте пока выделение. Нажмите клавиши со стрелками вниз и вправо по одному разу, чтобы переместить слой на 1 пиксель, а затем нажмите Delete. Установите для этого слоя непрозрачность порядка 80%:

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

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

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

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

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

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

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

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

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

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

Итак, прежде всего, создайте над фоном новый слой и залейте его розовым цветом — #9d506c:

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

Далее мы создадим еще один слой, непосредственно над розовым. Заполните его полностью белым, а затем перейдите в Фильтр – Рендеринг — Эффекты освещения. Я не часто используют эффекты освещения, но у этого фильтра есть одна очень крутая опция, под названием «Прожектор в положении 2 часа».

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

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

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


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

Данная публикация является переводом статьи «Using Light and Shade to Bring Text to Life» , подготовленная редакцией проекта.

Создаем падающие тени | Мир ПК


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

Метод запечатывания

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

Отделяем тень


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

Создаем отдельные тени

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

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

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

Добавим шум

Иногда всего одна операция превращает неплохой, но заурядный дизайн в по-настоящему профессиональную работу. Попробуйте добавить шум к вашим теням, и вы в этом убедитесь. Тень, сгенерированная компьютером, часто выглядит слишком регулярной. После добавления шума структура тени становится более хаотичной и соответственно более естественной. При создании тени в Photoshop воспользуйтесь фильтром Add Noise. Шума не должно быть слишком много. Четырех-пяти уровней достаточно, чтобы сделать тень более реалистичной.

Прозрачная тень

Мне все время задают один и тот же вопрос: «Как в QuarkXPress или Adobe PageMaker добиться того, чтобы сквозь тень были видны объекты, лежащие под ней?» Увы, это невозможно. Язык PostScript, который используют оба пакета, основан на модели непрозрачных изображений. Это значит, что видимым может быть только изображение, которое находится сверху. Если поместить контейнер заполненный 20%-м серым цветом поверх заполненного 50%-м, ни XPress, ни PageMaker не смогут смешать эти цвета. Будет виден только 20%-й серый.

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

Делаем тень с помощью модулей расширения

До разработчиков программного обеспечения не сразу дошло, что нам необходимы падающие тени, но сейчас уже создано несколько модулей расширения, позволяющих генерировать тени автоматически. Для Photoshop такие модули выпускают компании Alien Skin Software (пакет The Black Box) и Extensis (PhotoTools). Тем же, кто хочет создавать тени не выходя из QuarkXPress, могу порекомендовать Xtension ShadowCaster компании A Lowly Apprentice Production или QX-Tools фирмы Extensis.

Какое бы из решений вы ни выбрали, помните, что создание теней — искусство не в меньшей степени, чем наука. Чтобы правильно подобрать прозрачность, направление и цвет падающей тени, требуются навыки дизайнера. Желающие подробнее познакомиться с техникой создания падающих теней могут прочесть об этом в любой из доступных книг по Photoshop, например Linnea Dayton и Jack Davis «Photoshop 3 Wow!» (Linnea Dayton и Jack Davis, Peachpit Press, 1995).


Дэвид Блэтнер — автор и соавтор ряда книг о настольных издательских системах, включая Real Word Photoshop 3 (Peachpit Press, 1995). С ним можно связаться по адресу [email protected].

Метод запечатывания

Поместите тень в виде отдельного TIFF-образа в градациях серого цвета поверх цветного фона, не имеющего черной составляющей (такого, как расположенный ниже голубой прямоугольник). После этого выберите для тени опцию печати поверх краски (обычно в QuarkXPress и PageMaker эта функция используется для выполнения треппинга). На экране монитора вы ничего не заметите, но при цветоделении программа учтет выбранную вами опцию. Однако, если фон имеет черную составляющую, этот трюк не сработает. Черная составляющая тени не может быть напечатана поверх черной составляющей фона (это непрозрачный объект). Второй трюк состоит в том, чтобы конвертировать тень из градаций серого в одноразрядный черно-белый образ (Bitmap в Photoshop). Теперь тень состоит только из черных и белых точек (никакого серого цвета). QuarkXPress и PageMaker смогут напечатать такой образ поверх любого фона. Результат получится менее аккуратным, зато этот способ работает там, где другие методы не помогают.

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

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


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

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

1) Спрячьте в документе QuarkXPress или PageMaker все направляющие и установите масштаб 100% (Actual Size).

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

3) Откройте снимок в Adobe Photoshop (скорее всего, файл будет называться Picture0 и будет расположен на загрузочном диске) и конвертируйте его в режим Grayscale.

4) Если свободного пространства вокруг выделенной области не хватает, добавьте его, воспользовавшись командой Canvas Size из меню Image. Если вы захватили слишком много лишнего изображения (например, сделали снимок всего экрана), обрежьте его.

5) Выберите команду Image Size из меню Image и установите разрешение изображения 120 точек на дюйм. Обратите внимание на то, что ширина и высота изображения должны остаться без изменений, поэтому их следует устанавливать в дюймах (Inches) или пайках (Picas). Опция The Constrain: File Size должна быть выключена.

6) Примените размытие по Гауссу (Gaussian Blur) с радиусом не меньше 5 пикселов. Обработайте файл фильтром Add Noise, добавьте четыре-пять уровней шума.

7) Чтобы сделать тень более светлой, на шкале Output Levels в диалоговом окне Levels сместите черный треугольник до значения порядка 130.

8) Сохраните файл в формате TIFF (если вы хотите воспользоваться методом запечатывания) или в формате EPS и перенесите обратно в QuarkXPress или PageMaker. Поместите один объект под другим так, чтобы тень выглядела как можно более естественно.


Отделяем тень

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

Как создать тень в фотошопе под объектом. Создание теней для сложных объектов

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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


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

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

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

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

4. Long shadow

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

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

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

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

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


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

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

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

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

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

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

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

Как же сделать эту небольшую, но важную тень. Для этого воспользуемся программой Photoshop, использование которой мы . Создаем новый документ (Ctrl+N) . Открываем файл с изображением предмета, тень для которого хотим сделать. Вы видите, что наш плюшевый бегемотик не имеет тени. Это выглядит нереально, он «парит» в воздухе.
Выделим его. Для этого возьмем инструмент Волшебная палочка и щелкнем по белому фону. Он выделится. Теперь инвертируем выделение: Выделение — Инверсия (Shift+Ctrl+I). Далее скопируем его и вставим в новый документ.
Получилось два слоя, на одном – фон, на другом – предмет. Создадим между ними еще один слой, назовем его Тень .

Инструментом Овальное выделение нарисуем овал в нижней части предмета, чуть шире, чем предмет, и зальем его черным цветом. Убираем выделение: Выделение — Отменить выделение (Ctrl+D). Теперь сделаем тень размытой. Для этого выполним команду: Фильтр — Размытие — Размытие по Гауссу.

Перемещая движок, добиваемся необходимого размытия.

Выбираем инструмент . Настраиваем Непрозрачность — 20%, Жесткость — 20% и редактируем тень по форме объекта.


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

Чтобы сделать тень еще реальнее, создадим дубликат слоя Тень . Выполним команду: Редактирование Трансформирование


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

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

Теперь создадим дубликат слоя с предметом, переместим этот слой ниже, выполним команду: Изображение — Коррекция — Уровни и ползунок перемещаем влево.

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

Шаг 1: Открытие изображения для редактирования

Прежде чем узнать, как в «Фотошопе» сделать тень от объекта, необходимо понимать базу графической программы, а именно — как загружать готовую фотографию, как выделять предмет и работать со слоями. Для того чтобы открыть изображение в Photoshop, необходимо зайти в раздел «Файл» в панели меню и нажать на пункт «Открыть». Это же можно осуществить с помощью сочетания кнопок быстрого доступа Ctrl+O. В открывшемся окне выбрать изображение, которое вы хотите изменить, и нажать на кнопку «Открыть».

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

Если вы занимаетесь вопросом, как сделать тень от предмета в «Фотошопе», вам необходимо научится работать со слоями. Это чуть ли не самый важный элемент в работе с графикой. Поэтому, открыв изображение, необходимо нажать на кнопки Ctrl+J, и фон скопируется на новый слой. Есть еще один хороший метод копирования слоев. Для этого необходимо нажать правой клавишей мыши на фон, выбрать пункт «Создать дубликат слоя…» и дать ему имя. Далее можно приступать к следующему этапу редактирования фотографии.

Шаг 3: Вырезание отдельного объекта для добавления тени

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

Шаг 4: Как открыть палитру эффектов

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

Шаг 5: Настройки эффекта теней

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

Шаг 6: Выбор другого типа теней

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

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

Добавление эффекта тени к тексту

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

Еще один способ добавления тени к объекту

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

После выделения необходимо нажать сочетание клавиш Ctrl+J. Объект скопируется на новый слой. Далее между фоном и нашим скопированным объектом необходимо добавить пустой слой. Это делается нажатием на значок документа в панели, находящейся под областью работы со слоями. После того как пустой слой был добавлен, нажимаем кнопку Ctrl и, не отпуская ее, клацаем мышкой на выделенный объект. Должен получиться пунктирный контур объекта на нашем выделенном новом фоне. Переходим к пункту о том, как сделать тень в «Фотошопе CS6» или любой другой версии.

Необходимо перейти в раздел «Редактирование» и в строке меню выбрать пункт «Выполнить заливку». В открывшемся окне выбираем цвет заливки, который и будет нашей тенью. Далее нажимаем сочетание кнопок Ctrl+T, зажимаем клавишу Ctrl и перетаскиваем верхнюю точку изображения вбок. Нижние точки следует оставить нетронутыми, ведь любая тень должна соприкасаться с объектом. Далее добавляем к тени шум для правдоподобности и неровности краев. Он находится в строке меню «Фильтр». Нажмите на пункт «Размытие» и выберите «Размытие по Гауссу». Подбираем необходимые параметры размытия и получаем тень к объекту.

Вот мы и разобрали 2 способа, как сделать тень в «Фотошопе». Остальное за практикой!

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

Тень состоит из:

  • собственной тени;
  • отбрасываемой или падающей тени;
  • полутеней.

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

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

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

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

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

Установим следующие параметры эффекта тени:

  • непрозрачность установим на 100%;
  • угол 90°;
  • смещение 0 пикс.;
  • размер 0 пикс..


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


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


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

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


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

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


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

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


Применим градиент к маске, тем самым получим эффект исчезающей тени.

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


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

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

Как сделать тень от предмета в фотошопе разными способами?

Автор Дмитрий Костин На чтение 5 мин. Опубликовано

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

Стили слоя

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

  1. Откройте ваш фотошоп и загрузите какое-нибудь изображение в качестве фона. Можете использовать любую картинку или фото. Сделали? Молодцы!
  2. Теперь давайте возьмем инструмент «Текст» и напишем любую надпись любым шрифтом на этом фоне. 
  3. Далее заходим в стили слоя этого текста и встаем на параметр «тeнь». Вот здесь нам уже и надо будет покопошиться в настройках, чтобы привести её к нужному нам образу. Я не буду говорить, какая настройка за что отвечает. Лучше вы попробуете все сделать сами. Тут ничего сложного нет. Зато теперь смотрите как интересно буквы отбрасывают тень.

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

Ну а что бы сделать падающую тень от какого-нибудь предмета, нужно будет воспользоваться более сложным способом. Для этого нам опять же понадобиться какой-нибудь фон, а также сам объект, от которого мы будем отбрасывать затемнение. Если он уже изначально расположен на каком-то фоне, то избавьтесь от него (от фона). О том как это сделать вы можете почитать в этой статье. Я взял уже готовый кубик-рубик на прозрачном фоне и загнал его в наш фотошоп.

1 способ

  1. Когда вы подготовили необходимые материалы, то загрузите их в фотошоп. Верхним слоем у вас должно быть изображение кубика, а нижним должен быть фон. Переместите этот кубик в удобное место на изображении. 
  2. А теперь давайте дублируем наш слой с предметом с помощью комбинации клавиш CTRL+J. У вас должно будет получиться два одинаковых слоя.
  3. Встаньте на верхний слoй и активируйте функцию трансформирования, а именно наклона. И вот теперь нам предстоит правильно дергать за уголки этого кубика рубика, что бы подогнать правильное падение тени. Кстати наклон можно активировать быстрее. Просто вызовите «Свободное трансформирование» с помощью CTRL+T, а затем работайте с зажатой клавишей CTRL. Будет то же самое. Там, где необходимо, перемещайте и поворачивайте. 
  4. Теперь идем в панель слоем и убираем измененный cлoй под оригинальный, чтобы получилось, что наклоненная фигура находится за оригиналом. 
  5. Теперь встаем на слой с наклоненным изображением и идем в стили слоя, но на сей раз мы не будем пользоваться параметром «Тень», а активируем «Наложение цвета». А в настройках этого параметра выберем черный цвет. Смотрим, что у нас получилось. Уже видна тeнь, но какая-то она не натуральная. 
  6. Теперь идем в знакомое нам по прошлым урокам меню «Фильтр» — «Размытие» — «Размытие по Гауссу» и немного сдвигаем ползунок вправо, но не делаем ее слишком размытой. 
  7. И последним штрихом мы с вами уберем непрозрачность данного слоя процентов на 25. В конце концов тень не должна полностью закрывать какой-либо участок, а просто затемнять его. 

2 способ

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

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

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

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

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

С уважением, Дмитрий Костин.

Фотореалистичные тени в фотошопе

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

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

Вот мое оригинальное изображение, простая фотография воды:

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

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

Благодаря мощным возможностям Photoshop и карт смещения я могу легко превратить эту упрощенную тень в нечто похожее на это:

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

Этот урок из нашей серии фотоэффектов . Давайте начнем!

Шаг 1: Добавьте какой-нибудь тип над своим изображением

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

Палитра «Слои» в Photoshop показывает исходное изображение, открытое в фоновом слое.

Первое, что я собираюсь сделать, это добавить тип, который я буду использовать. Нажмите T на клавиатуре, чтобы быстро получить доступ к инструменту ввода текста и добавить свой текст. Я собираюсь напечатать «ГЛУБОКИЙ СИНИЙ»:

Нажмите «T» на клавиатуре, чтобы быстро получить доступ к инструменту «Текст» и добавить свой текст к изображению.

Вот моя палитра Layers, теперь показывающая два слоя — мой оригинальный фоновый слой и мой недавно добавленный типовой слой над ним:

Палитра «Слои» теперь показывает слой типа, добавленный над фоновым слоем.

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

Растягивание шрифта и его увеличение с помощью команды «Свободное преобразование» в Photoshop. Удерживание нажатой клавиши Alt (Win) / Option (Mac) при перетаскивании из верхней ручки увеличивает высоту текста как сверху, так и снизу одновременно с перетаскиванием.

С текстом на месте, мы собираемся добавить нашу тень ниже.

Шаг 2: добавь тень к тексту

С выбранным типом слоя, нажмите на иконку Add Layer Style внизу палитры Layers:

Щелкните значок «Добавить стиль слоя» в нижней части палитры «Слои».

Выберите Drop Shadow из появившегося списка стилей слоя:

Выберите стиль слоя Drop Shadow из списка.

Это откроет диалоговое окно Layer Style, показывающее нам параметры Drop Shadow:

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

Я собираюсь оставить непрозрачность по умолчанию равной 75%, а угол — 120 градусов. Единственный параметр, который я собираюсь изменить, это Расстояние , которое я установлю на 20 пикселей, как показано выше. Когда вы закончите, нажмите кнопку ОК, чтобы выйти из окна параметров.

Вот мое изображение с примененной тенью:

Изображение с тенью, примененной к тексту.

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

Шаг 3. Скопируйте фоновый слой и вставьте как новый канал.

В палитре слоев, нажмите на фоновый слой еще раз, чтобы выбрать его:

Нажмите на фоновый слой в палитре слоев, чтобы выбрать его.

Выбрав фоновый слой, нажмите Ctrl + A (Победа) / Command + A (Mac), чтобы выбрать содержимое слоя, которое в данном случае является исходной водной фотографией. Вы увидите окно выбора вокруг изображения в окне документа. Затем нажмите Ctrl + C (Win) / Command + C (Mac), чтобы скопировать содержимое слоя.

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

Щелкните значок «Создать новый канал» в нижней части палитры «Каналы».

Новый канал, заполненный черным, который Photoshop называет «Альфа 1», появится под существующими каналами Red, Green и Blue:

Photoshop добавляет новый канал под синим каналом и называет его «Альфа 1».

Выбрав канал «Альфа 1», нажмите Ctrl + V (Win) / Command + V (Mac), чтобы вставить содержимое фонового слоя в этот новый канал. Вы увидите черно-белое изображение в области предварительного просмотра миниатюр канала «Альфа 1»:

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

И вы увидите ту же черно-белую версию в вашем окне документа:

Черно-белая версия фонового слоя теперь появляется в окне документа.

Нажмите Ctrl + D (Победа) / Command + D (Mac), чтобы отменить выбор изображения в этой точке. Далее мы собираемся применить фильтр Gaussian Blur к новому каналу.

Шаг 4: примени фильтр Gaussian Blur к новому каналу

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

Выбрав канал «Альфа-1», перейдите в меню «Фильтр» в верхней части экрана, выберите « Размытие» , а затем выберите « Размытие по Гауссу» , которое вызывает диалоговое окно «Размытие по Гауссу»:

Выберите Filter> Blur> Gaussian Blur, чтобы открыть диалоговое окно Gaussian Blur.

Вы хотите добавить немного размытия здесь. Я использую изображение с низким разрешением для этого урока, и для меня значение Radius около 2 пикселей делает свое дело. Если вы используете изображение прямо со своей цифровой камеры, скорее всего, оно будет гораздо более высокого разрешения, и в этом случае вы, вероятно, обнаружите, что настройка около 5-6 пикселей работает хорошо. Опять же, нам нужно лишь небольшое количество размытия, достаточное, чтобы все сгладить.

Шаг 5: увеличьте контраст канала с уровнями

Следующее, что мы хотим сделать, это повысить контраст этого канала, поскольку чем выше контраст, тем больше будет влияние нашей карты смещения. Снова с новым выбранным каналом, используйте сочетание клавиш Ctrl + L (Победа) / Command + L (Mac), чтобы открыть диалоговое окно Уровни :

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

Открыв диалоговое окно «Уровни», перетащите ползунки «Входные уровни черной точки» и «Белая точка» (оба обведены красным), чтобы усилить контраст канала. Не беспокойтесь о потере деталей на светлых и темных участках, как если бы мы использовали уровни для коррекции тона на изображении. Здесь все, что нас беспокоит, это повышение контрастности.

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

Канал «альфа 1» после усиления контраста с уровнями.

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

Шаг 6: продублируйте канал как новый документ

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

Нажмите маленькую стрелку вправо в правом верхнем углу палитры «Каналы» и выберите «Дублировать канал» в списке параметров.

Это вызывает диалоговое окно Duplicate Channel:

Диалоговое окно «Дублированный канал».

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

Шаг 7: Сохранить новый документ

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

Шаг 8: создай новый слой из стиля слоя Drop Shadow

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

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

Когда вы выбираете «Создать слой» в параметрах «Стиль слоя», Photoshop берет тень и растеризует ее (преобразует в пиксели), а затем помещает ее на свой отдельный слой непосредственно под слоем типа:

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

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

Шаг 9: примени карту смещения к слою Drop Shadow, используя фильтр смещения

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

Перейдите в Filter> Distort> Displace, чтобы открыть диалоговое окно фильтра «Displace».

Есть два компонента использования фильтра Displace в Photoshop. Сначала вы устанавливаете параметры того, как Photoshop будет применять карту смещения, а затем вы выбираете карту смещения, которую хотите использовать. Это первое диалоговое окно, которое появляется, где вы устанавливаете параметры. Как обведено выше, установите для параметров « Горизонтальная шкала» и « Вертикальная шкала» значение 10 , если они еще не установлены на 10. Для карты смещения выберите « Растянуть по размеру» , а для неопределенных областей выберите « Обтекание» . Нажмите ОК, когда вы закончите.

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

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

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

И вот моя точно такая же тень после применения моей карты смещения:

Тень отпадает после применения карты смещения.

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

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

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

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


Нарисовать тень под объектом в фотошопе. Как сделать тень от предмета в фотошопе

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

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

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

Ну а что бы сделать падающую тень от какого-нибудь предмета, нужно будет воспользоваться более сложным способом. Для этого нам опять же понадобиться какой-нибудь фон, а также сам объект, от которого мы будем отбрасывать затемнение. Если он уже изначально расположен на каком-то фоне, то избавьтесь от него (от фона). О том как это сделать вы можете почитать в этой статье. Я взял уже готовый кубик-рубик на прозрачном фоне и загнал его в наш фотошоп.

1 способ

  1. Когда вы подготовили необходимые материалы, то загрузите их в фотошоп. Верхним слоем у вас должно быть изображение кубика, а нижним должен быть фон. Переместите этот кубик в удобное место на изображении.
  2. А теперь давайте дублируем наш слой с предметом с помощью комбинации клавиш CTRL+J . У вас должно будет получиться два одинаковых слоя.
  3. Встаньте на верхний слoй и активируйте функцию , а именно наклона. И вот теперь нам предстоит правильно дергать за уголки этого кубика рубика, что бы подогнать правильное падение тени. Кстати наклон можно активировать быстрее. Просто вызовите «Свободное трансформирование» с помощью CTRL+T , а затем работайте с зажатой клавишей CTRL . Будет то же самое. Там, где необходимо, перемещайте и поворачивайте.
  4. Теперь идем в панель слоем и убираем измененный cлoй под оригинальный, чтобы получилось, что наклоненная фигура находится за оригиналом.
  5. Теперь встаем на слой с наклоненным изображением и идем в стили слоя, но на сей раз мы не будем пользоваться параметром «Тень», а активируем «Наложение цвета» . А в настройках этого параметра выберем черный цвет. Смотрим, что у нас получилось. Уже видна тeнь, но какая-то она не натуральная.
  6. Теперь идем в знакомое нам по прошлым урокам меню «Фильтр» — «Размытие» — «Размытие по Гауссу» и немного сдвигаем ползунок вправо, но не делаем ее слишком размытой.
  7. И последним штрихом мы с вами уберем непрозрачность данного слоя процентов на 25. В конце концов тень не должна полностью закрывать какой-либо участок, а просто затемнять его.

2 способ

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


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

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

С уважением, Дмитрий Костин.

Инструкция

Откройте файл с изображением объекта, тень которого нужно нарисовать.

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

Теперь нужно размыть контур будущей тени. Откройте в меню раздел «Фильтр», перейдите в подраздел «Размытие» и выберите пункт «Размытие по Гауссу». В поле «Радиус» подберите подходящее значение — в зависимости от параметров объекта и размеров всего изображения, это может быть от 1,5 до 15 пиксел. У вас будет возможность оценивать этот параметр в процессе подбора, т.к. фильтр имеет предпросмотра. Закончив, нажмите «OK».

Щелкнув слой тени, нажмите сочетание клавиш CTRL + T. Так вы включите режим деформации. Вокруг изображения появится рамка, на каждой стороне которой будет по три узловых точки — две в углах и одна посередине стороны. Эту среднюю узловую точку верхней стороны выделенного контура объекта вам надо мышкой при нажатой клавише CTRL. Изображение тени будет меняться — придайте ему наиболее натуральную для тени форму в освещенности в вашей . Если источник освещения высоко — тень должна быть короче объекта, если низко — длиннее. Подберите и угол наклона тени в зависимости от направления на источник освещения. Закончив деформацию тени, нажмите Enter.

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

Вам понадобится

  • Графический редактор Adobe Photoshop

Инструкция

Откройте файл, содержащий исходное изображение. Горячие клавиши CTRL + O запускают соответствующий диалог.

Нажмите сочетание клавиш CTRL + J. Таким способом вы создадите копию слоя с исходным изображением — именно она в результате станет тень ю объекта исходного слоя.

Поменяйте слой с тенью и слой местами, чтобы тень оказалась на заднем фоне.

Источники:

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

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

Вам понадобится

Инструкция

Откройте в Adobe Photoshop необходимую фотографию: в главном меню нажмите на пункт «Файл» (File) > «Открыть» (Open), выберите файл и кликните «Открыть».

Выберите инструмент «Магнитное лассо» (Magnetic Lasso Tool, горячая клавиша L, переключение между смежными элементами Shift+L) и с его помощью вырежьте силуэт объекта, тень которого вы хотите создать. Впрочем, вместо «Магнитного лассо» можно использовать другие инструменты, например «Прямоугольное лассо» (Polygonal Lasso Tool), «Перо» (Pen Tool) или «Волшебная палочка» (Magic Wand Tool), в зависимости от того, насколько сложен объект и как вам наиболее удобно. Сохраните выделенную область, кликнув пункт меню «Выделение» (Select) > «Сохранить выделенную область» (Save Selection), придав ей какое-либо имя (например, shadow) и нажав ОК.

Нажмите Ctrl+J, чтобы превратить выделенную область в слой. Убедитесь, что у вас выбран вновь созданный слой и загрузите выделенную область: «Выделение» (Select) > «Загрузить выделенную область» (Load Selection), в поле «Канал» (Channel) выберите shadow и нажмите ОК. Инструментом «Кисть» (Brush Tool, B, Shift+B) закрасьте слой в черный цвет. Кликните пункт меню «Редактирование» (Edit) > «трансформирование» (Transform) > «Искажение» (Distort). Вокруг слоя появится рамка с квадратными маркерами. Используя эти маркеры, наклоните слой таким образом, чтобы он выглядел как тень . В поле «Непрозрачность» (Opacity), которое находится в окне слоев, задайте примерно 50-80%, чтобы этой слой походил на тень .

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

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

Вам понадобится

  • — программа Photoshop;
  • — изображение.

Инструкция

Загрузите в редактор Photoshop файл с изображением, к которому нужно добавить тени , при помощи опции Open меню File. В качестве основы вам потребуется копия слоя с вырезанным из фона объектом, который отбрасывает тень. Если вы работаете с многослойным документом, выделите слой с нужным предметом и продублируйте его сочетанием Ctrl+J.

Если вы располагаете изображением, состоящим из одного слоя, и отбрасывающий тень объект не отделен на нем от фона, обведите контур этого предмета инструментом Lasso. Опцией Save Selection меню Select сохраните выделение в новый канал. По умолчанию он будет называться “Alpha1”. Скопируйте выделенный предмет на новый слой.

Превратите созданную копию предмета в темный силуэт. Если на слое есть скрывающая фон маска, просто залейте объект черным цветом, применив для этого инструмент Paint Bucket. Если на слое нет маски, ограничьте область действия заливки, загрузив выделение опцией Load Selection меню Select. В качестве источника сведений о выделении выберите в списке Channel пункт Layer Transparency. Загруженную область можно залить цветом.

Поменяйте режим смешивания заготовки для тени со слоем, находящимся ниже, с Normal на Multiply. Если нужно, размойте тень опцией Gaussian Blur группы Blur меню Filter. Радиус размытия зависит от яркости источника света в коллаже. Для создания эффекта очень яркого света потребуется минимальный радиус размытия, слабый источник даст нерезкую тень с сильно размытыми краями. Если тень оказалась очень темной, уменьшите ее непрозрачность, настроив в палитре слоев параметр Opacity.

При помощи опций Skew или Distort группы Transform меню Edit деформируйте тень, положив ее на поверхность. Если в коллаже присутствуют другие тени , расположите новую под тем же углом.

Если создаваемая тень падает на несколько разных плоскостей, выделите участок слоя, затеняющий каждую поверхность. Опцией Cut меню Edit вырежьте фрагмент и вставьте его на новый слой опцией Paste. Деформируйте участок тени для каждой поверхности и соберите обработанные фрагменты, применив опцию Merge Down меню Layer ко всем слоям с частями тени .

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

Для дальнейшей работы сохраните документ опцией Save меню File. Если вы не хотите потерять предыдущую версию файла, примените опцию Save As.

Источники:

  • Создание теней для сложных объектов

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

Инструкция

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

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

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

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

Если вы закрасили лишнее, создайте маску слоя (Layer>Layer Mask>Reveal all), нажмите клавишу D, чтобы установить палитру по умолчанию, а затем настройте мягкость кисти и обработайте в режиме черным цветом те детали, которые не нужно было покрывать клонированной областью, а белым – те, которые наоборот нужно проявить.

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

Источники:

  • как в фотошопе убрать лишнее

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

Вам понадобится

  • — программа «Фотошоп»
  • — фотография, откуда нужно убрать тень

Инструкция

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

Удалите выделенную область, нажав кнопку Delete. Снимите выделение командой «Выделение — Отменить выделение».

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

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

Откройте и загрузите в него выбранную картинку, для которой хотите сделать тень. Найдите пункт «Файл » -> «Открыть… » (File -> Open).

Выделите объект с помощью инструмента «Волшебная палочка » (Magic Wand). Удерживая клавишу Shift , левой кнопкой мыши кликните на область белого фона. Затем найдите на панели главного меню пункт «Выделение » (Select), кликните на нее и выберите «Инверсия » (Inverse).

После этого выделенный предмет нужно скопировать на новый слой. Для этого кликните левой кнопкой мыши на слой и выберите команду «Создать дубликат слоя » (Layer via copy), либо используйте команду клавиш «Ctrl + J».

Перейдите на только что созданный слой. Выберите слева на панели команд «Инструмент градиент » (Gradient Tool). На палитре градиента выберите «Черный, белый ». Залейте фигуру градиентом снизу вверх по вертикали.

Далее в меню «Редактирование » (Edit) выберите инструмент «Свободное трансформирование » (Free Transform). Удерживая клавишу Ctrl, кликните вверху выделенной рамки и потяните ее в нужную сторону, чтобы придать тени естественный наклон.

Чтобы сделать контур тени размытым, найдите в меню «Фильтр » (Filter) -> «Размытие » (Blur) -> «Размытие по Гауссу » (Gaussian Blur). Настройте подходящее для вас размытие фигуры.

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

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

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

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

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

На оригинале изображения нет дорожного знака, я добавил его в Photoshop. Предположив, что у меня нет отправной точки, которая помогла бы мне решить, где расположен основной источник света (в данном случае, солнце), я создал тень дорожного знака, ориентируясь на тени от мужчины и девочки. Я создал ее под таким же углом и с такой же непрозрачностью. Если оригинальная тень, которую вы используете в качестве ориентира, размыта, вы можете применить к тени Размытие по Гауссу (Gaussian Blur) , чтобы сделать ее максимально похожей на оригинальную тень.

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

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

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

Способ, с помощью которого я создаю тени, которые вы видите на изображении ниже, таков: я беру Кисть (Brush) среднего размера (зависит от размера коллажа), устанавливаю ее Нажим (Flow) в районе 30%, а Непрозрачность (Opacity) кисти — в районе 25%. Затем я начинаю закрашивать края объекта в местах, где он соприкасается с поверхностью. Закрашиваю края, так сказать, изнутри. Посмотрите на изображение ниже для получения лучшего представления.

Это так называемая мной соприкасающаяся тень «до и после». Я не знаю ее формального названия.

Мягкая тень
Этот тип тени, возможно, даже более важный, нежели соприкасающаяся тень, поскольку она более заметна и, если вы ее создадите правильно, возможно, вам и не понадобится соприкасающаяся тень, о которой мы говорили выше.
В данном случае вы можете быть чуточку свободнее, поскольку здесь не нужно быть слишком точным. Просто возьмите мягкую кисть, установите значение Жесткость (Hardness) в районе 20-45% и закрашивайте участки вокруг объекта, с которым вы работаете. Не забывайте про то, что чем дальше вы перемещаетесь от объекта, тем менее непрозрачной будет тень, поскольку она увядает.

Посмотрите на изображение ниже. Я нарисовал тени с помощью большой мягкой кисти с низким значением Непрозрачности (Opacity) (20% или около того). Как видите, невозможно четко определить фигуру девушки в тени, поскольку она слишком размыта, но определенно добавляет реалистичности к общей сцене. Также обратите внимание на то, как тень теряет интенсивность по мере отдаления от объекта. Это все было создано с помощью мыши, а не планшета.

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

Способ 1
Один из способов сделать это — дублировать слой, затем уменьшить его Яркость (Lightness) до 0. Затем, поместите дублированный слой под слоем с оригиналом и переименуйте его в Shadow (Тень), если хотите.
Я уже сделал небольшой демо ролик о том, как создавать тени такого рода. Вы можете посмотреть его . После этого, воспользуйтесь инструментом Искажение (Distort), чтобы скорректировать тень на свой вкус. Вы можете применить Размытие по Гауссу (Gaussian Blur), если захотите размыть тень, а также можете скорректировать Непрозрачность (Opacity) слоя.

Затем я применил немного Размытие по Гауссу (Gaussian Blur), уменьшил Непрозрачность (Opacity) слоя и использовал Маску слоя (Layer Mask) и Градиент (Gradient), чтобы сделать тень увядающей. Затем, с помощью Искажения (Distort) (Ctrl+T или меню Редактирование (Edit) — Трансформация (Transform) — Искажение (Distort)) я немного ее наклонил.

Способ 2
Второй способ достижения того же результата, что на изображении выше, заключается в использовании Стилей слоя (Layer Styles).Я полагаю, что он более легкий и более быстрый. Я покажу вам реально классный способ, который многие не знают.

Просто откройте окно Стилей слоя (Layer Styles) (в моем примере слой Tower (Башня)) и добавьте Тень (Drop Shadow). Наиболее важный параметр здесь — Размер (Size) тени. С помощью этого параметра вы контролируете степень размытия вашей тени.
Увеличьте Непрозрачность (Opacity) до 100%, поскольку потом вы сможете по желанию уменьшить ее с помощью слайдера Непрозрачности (Opacity) в палитре слоев. Я использовал высокое значение Смещения (Distance) в данном примере, таким образом, чтобы можно было видеть лучше создаваемую тень, но этот параметр не важен.

Теперь самое интересное. Вы можете превратить эту тень в отдельный слой. Кликните правой кнопкой мыши по названию эффекта тени для слоя в палитре слоев и выберите Создать слой (Create Layer).

Это действие создает новый слой с теми же настройками Режима смешивания (Blend Mode) и Непрозрачности (Opacity). Вы можете проделывать это с любым эффектом. После чего, Отразите (Flip) слой и при необходимости уменьшите его Непрозрачность (Opacity). Повторите действия для наклона тени, изложенные выше.

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

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

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

Затем я создал заключительное свечение, используя фильтр Блик (Lens Flare) в меню Фильтр (Filter) — Рендеринг (Rendering) — Блик (Lens Flare). Я создал квадратное выделение, залил его черным цветом на новом слое и добавил блик в центре этого черного квадрата. Затем изменил его цвет на желтый с помощью Корректирующего слоя (Adjustment Layer) Цветовой тон/ Насыщенность (Hue/ Saturation) и изменил режим смешивания слоя на Экран/Осветление (Screen), чтобы скрыть черные участки квадрата.

Когда источник света готов, необходимо воспроизвести падающий от него свет на других объектах, таких как земля или стены. Наиболее распространенный способ для этого — использование мягкой кисти и, в данном случае, желтого цвета.
Я нашел, что режимы смешивания Осветление Основы (Color Dodge), Яркий свет (Vivid Light) и Линейный осветлитель (Добавить) (Linear Dodge (Add)) лучше всего подходят для создания световых эффектов, но, как я уже сказал, это зависит от цветов и уровней яркости вашего фона. Реалистичность освещения зависит от того, где вы его расположите.

Как видите на изображении выше, добавление света на земле придает коллажу даже большей реалистичности. Он был сделан с помощью большой мягкой кисти желтого цвета и режима смешивания Осветление Основы (Color Dodge), затем я использовал инструмент Искажение (Distort) (Ctrl+T) и сжал его по горизонтали. Благодаря добавлению освещения на стене слева, оно стало еще более реалистичным. Поэтому, как я сказал выше, все зависит от того, где вы разместите освещение. Чтобы создать освещение на стене, я просто дублировал освещение земли и отразил его.

Освещение поверхности
Еще один способ создания различного вида освещения — использование Стилей слоя (Layer Styles). Эта техника используется, когда объект освещается сбоку или сзади.
Данная техника состоит из добавления Внутреннего свечения (Inner Shadow) и использования режима смешивания, который больше подходит в той или иной ситуации.
Использование одного и того же режима смешивания не всегда работает, вам придется подбирать его. Наша цель — воссоздание света на краях объекта.

Цвет освещения зависит от того, работаете ли вы над коллажем с дневным освещением или ночной сценой. Если вы используете режимы Осветление (Dodge) или Яркий свет (Vivid Light), то вам следует использовать темные цвета, поскольку эти режимы смешивания сделают их ярче. Вам придется пробовать и ошибаться много раз прежде, чем вы найдете подходящее значение яркости. Также не обязательно, чтобы эффект был очень заметным. Даже едва уловимый эффект изменит вид вашего объекта.
Я набросал иллюстрацию того, что только что объяснил. Это грубый вариант, но он нам подходит. Посмотрите на изображение ниже. Я применил к нему Внутреннюю тень (Inner Shadow) с настройками, представленными на изображении выше.

Вот еще один пример коллажа VinternnV с сайта deviantART.

Этот способ имеет свои недостатки. Когда мы применяем настройки Внутренней тени (Inner Shadow), то он часто создает эффект освещения на нежелательных участках.
Я обычно увеличиваю значение параметра Смещение (Distance) и изменяю Угол (Angle), чтобы подстроиться под направление источника света, но даже в этом случае вы можете получить нежелательные результаты. Увеличивая настройки Размера (Size), вы получаете более размытый эффект, но обычно достаточно только тонкой линии света для того, чтобы он смотрелся хорошо. Посмотрите на изображение ниже для наглядности. Я сделал эффект очень сильным, чтобы вы могли разглядеть его лучше.

Как видите на изображении выше, результатом применения Внутреннего свечения (Inner Shadow) для создания освещения стали некоторые нежелательные эффекты. В данном примере они не смотрятся ужасно, но представим, что я не хочу, чтобы на обведенном мной участке на изображении выше был такой эффект освещения.
Как же избавиться от этого, не затрагивая участки, которые у нас в порядке? Вы не можете воспользоваться ластиком, поскольку это Стиль слоя (Layer Style). Было время, когда я имел с этим большие трудности, но в итоге я нашел решение этой проблемы.

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

Итак, чтобы расширить возможности эффектов слоя, кликните правой кнопкой мыши по нужному эффекту и выберите Создать слой (Create Layer). Этим действием вы автоматически создаете новую обтравочную маску (clipping mask) слоя с Непрозрачностью (Opacity) и режимом смешивания, которые вы остановили для этого стиля слоя. После этого, вы можете создать маску слоя и замаскировать нежелательные участки.

Глобальное освещение
Последний вид эффекта освещения — глобальное освещение, которое я создаю с помощью фильтра Эффект освещения (Lighting Effect). Я применяю данный фильтр почти во всех своих коллажах на заключительных шагах. Этот эффект сделают ваш коллаж на 99% лучше. Это разрушающий фильтр, иными словами, как только вы примените его, он тут же изменит ваше изображение, и этот эффект нельзя будет отменить. Вы можете найти этот световой фильтр в меню Фильтр (Filter) — Рендеринг (Render) — Эффекты освещения (Lighting Effects).

Но есть неразрушающий способ применения этого фильтра, если вы конвертируете слой в Смарт-объект (Smart Object). Вы можете конвертировать обычный слой в Смарт-объект (Smart Object) в палитре слоев. Кликните правой кнопкой мыши по слою и выберите Преобразовать в Смарт-объект (Smart object). Ниже вы можете увидеть несколько примеров эффекта глобального освещения.

Пример 1

Пример 2

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

Рекомендую обратить особое внимание на чекбокс «Глобальное освещение» (Use Global Light). По умолчанию в нём проставлена галка. Наличие галки говорит о том, что при изменении угла освещения в конкретно этом стиле слоя «Тень», угол освещения будет изменяться и в других стилях этого документа, использующих освещение, таких, как «Тиснение» (Bevel and Emboss), «Внутренняя тень» (Inner Shadow), «Тенях», применённых к другим слоям, и т.д. Без галки у каждого из этих стилей будет свой собственный угол освещения. В большинстве случаев галка применяется, т.к. обычно для всех эффектов нужен единый источник света:

В примере угол освещения верхнего и нижнего текста 130° и 50° соответственно, кроме того, я добавил эффект «Тиснение» (Bevel and Emboss) с такими же углами освещения:

Смещение (Distance)

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

В примере тень нижнего текста смещена сильнее, что даёт эффект большего расстояния объекта от фона:

Размах (Spread)

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

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

Пример текстов с разными значениями «Размаха»:

Размер (Size)

Ползунок «Размера» изменяет видимый размер тени. Когда он установлен но ноль, тень имеет точно такой же размер, как и форма объекта. При увеличении значения этого параметра, форма тени увеличивается в размере с шагом в 1 пиксель.

Пример разных значений «Размера»:

Контур (Contour)

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

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

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

В следующем примере форма контура изменена с линейной на форму обычной и перевёрнутой буквы «U»:

Шум (Noise)

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

В примере ниже в верхнем тексте шум имеет значение 15%, а в нижнем тексте — 35%. Обычно шум применяется в диапазоне от 0 до 25%, считается, что значение выше 25% даёт неестественные результаты:

Слой выбивает тень (Layer Knocks Out Drop Shadow)

Понимание этой опции несколько сложно для новичков.

Когда вы создаёте слой и применяете к нему стили, в рабочем окне отображаются две вещи, слой и стили. Если вы уменьшаете опцию «Заливка» (Fill) до 0%, то содержимое слоя скрывается из видимости, но содержимое стиля отображается так же, как и раньше, подробнее читайте в Руководстве по опциям «Заливка» и «Непрозрачность» и .
Но, под слоем с «Заливкой», равной нулю, отображается содержимое слоя, находящегося под ним , и при включённой опции «Слой выбивает тень» это содержимое перекрывает тень. Если снять галку, то содержимое нижнего слоя отображаться не будет, и, соответственно, не будет перекрывать стиль слоя тень. На примере ниже у верхнего текста эта опция включена, у нижнего — отключена.

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

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

Практическое руководство по Photoshop: редактирование падающей тени

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

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

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

ПРИМЕЧАНИЕ. В этом руководстве я использовал команду «Создать слои» после применения тени и скоса. В обычном рабочем процессе я бы применил падающую тень, использовал команду «Создать слои», а затем применил бы скос как эффект слоя к исходному слою 1. Это не только сохраняет скос как «живой» эффект, который можно обновлять, но и упрощает палитру слоев и предотвращает нежелательное смещение элементов.
Для редактирования тени мы будем использовать маску слоя, а не просто стирать ненужные области тени.В этом случае подходит команда меню «Слой»> «Добавить маску слоя»> «Скрыть все», которая добавляет маску слоя, полностью заполненную черным цветом.
Затем мы покажем падающую тень только там, где мы хотим, чтобы она падала. Для этого мы можем щелкнуть, удерживая клавишу Command (Mac) или Control (Windows), на миниатюре палитры слоев для слоя ниже. Таким образом производится выбор содержимого слоя. Однако обратите внимание, что маска слоя тени по-прежнему является активным слоем в палитре слоев. (Миниатюра маски слоя отображается справа от миниатюры слоя в палитре слоев.Когда он активен, вокруг миниатюры появляется двойная рамка.)

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

Еще после прыжка! Продолжайте читать ниже
Пользователи Free и Premium видят меньше рекламы! Зарегистрируйтесь и войдите в систему сегодня.

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

Эта история предоставлена ​​вам Национальной ассоциацией профессионалов Photoshop (NAPP). Авторские права © 2004 KW Media Group. Photoshop является зарегистрированным товарным знаком Adobe Systems, Inc.

Photoshop Tutorial — How to Create Drop & Realist Cast Shadow

Image Shadow — это темная форма изображения или объекта. Тень изображения создается, когда на изображение попадает свет, и он блокирует источник света с другой стороны, создавая тень. Для создания эффекта тени ему нужны некоторые источники: солнце, лампочка, фонарик, костер и так далее.На этой странице мы обсуждаем , как создать искаженную тень в фотошопе, и особенности . Кроме того, нам также представлены типы теней, реалистичные тени и способы добавления тени размытия, чтобы повысить уровень продаж ваших продуктов. Тень изображений важна для сайтов электронной коммерции. Это кажется реалистичным, когда покупатель просматривает какие-либо продукты для покупки и особенно выбирает добавление в список корзины, они хорошо представлены и выглядят хорошо. Эти учебные шаги являются универсальной тактикой для фотошопа, если вы выполните эти шаги, вы можете редактировать свою фотографию в любой версии Adobe Photoshop, но есть некоторые преимущества, прежде всего, некоторые версии обновления, такие как Adobe Photoshop CC 2019 или 2020.У этих версий есть некоторые особые результаты, такие как выходное разрешение и отличные цвета RGB.

1. 15 шагов для создания падающей тени в Adobe Photoshop

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

Ярлыки

Ключевое различие между пользователями Windows и MAC:

Control (Ctrl) ➜ Windows (Win) или команда (CMD) ➜ MAC

Alter (Alt) ➜ Windows (Win) или Option ➜ MAC

1. Сначала запустите программу Adobe Photoshop и откройте изображение в Photoshop. Чтобы открыть завершенное изображение обтравочного контура в Photoshop, см. Снимок экрана ниже; перейдите в Файл >> Откройте или примените комбинацию клавиш: Ctrl + O (Win) или CMD + O (MAC). 2. Выберите изображение, затем Откройте ит. 3. Удерживая нажатой клавишу Ctrl (Win), или CMD (MAC) , щелкните левой кнопкой мыши миниатюру пути, как вы можете увидеть ниже снимок для Quick Selection изображения. Вы также можете щелкнуть Путь 1 , затем, удерживая клавишу Ctrl / CMD (Win / MAC) , нажать Enter, чтобы быстро выбрать путь. Для выбора пера; перейдите по ссылке: Выберите >> Изменить >> Feather или Shift + F6 .Чтобы сделать тень реалистичной, выберите Feather Radius 0,3 пикселя, вы также можете увеличить число радиуса в качестве тени вашего желания, но 0,3 является стандартным для идеального эффекта тени. Возьмите новый слой через копию , который можно использовать в качестве активного слоя на новом слое; перейдите к Layer >> New >> Layer Via Copy или Ctrl + J (Win) , CMD + J (MAC) , , где эта команда копирует выбранную область как новый слой.6. Затем отмените выбор пути, нажмите Ctrl + D (Win) или CMD + D (MAC) , чтобы создать два новых слоя под целевым слоем (Уровень 1) , удерживайте нажатой клавишу Ctrl / CMD , нажмите «Создать». кнопку нового слоя 7. Удалите фон изображения в Layer 3 нажмите Ctrl + Backspace (Win) или CMD + Backspace (MAC). 8. Перейдите к Layer 2 >> Ctrl / CMD + щелкните левой кнопкой мыши Layer 1 эскиз , затем нажмите Ctrl + Backspace (Win) или CMD + Backspace (MAC) для загрузки прозрачности слоя в качестве выбранного все пиксели объекта на слое.Убедитесь, что вы выбрали черный цвет фона для Переключить передний план и цвет фона нажмите « X » .9. Поскольку это учебник с падающими тенями, тень объекта появляется сверху вниз. В Layer 2 объект должен быть Free Transform вниз. Для этого перейдите в Edit >> Free Transform или Ctrl + T (Win) или CMD + T (MAC) и переместите объект с помощью клавиши со стрелкой вниз (↓) и нажмите Enter и отмените выбор путь с Ctrl + D (Win) или CMD + D (MAC) .Вы можете двигаться туда, где вам нужна тень. Сначала выберите Pen Tool или нажмите « P », чтобы создать путь для тени. Во-вторых, быстрый выбор пути Ctrl + Enter (Win) или CMD + Enter (MAC) . 11. Еще раз возьмите New Layer Via Copy ; перейдите к Layer >> New >> Layer Via Copy или Ctrl + J (Win) , или CMD + J (MAC) и удалите Layer 2 , а также перейдите на Layer 4 .12. Следующим шагом является размытие тени, где размытие означает, что в изображении происходит определенный цветовой переход. В этом конкретном шаге нужно выполнить размытие по Гауссу и сделать его размытым по Гауссу, чтобы фильтр быстро размывал выделение на регулируемую величину. В слое 4; перейдите к Filter >> Blur >> Gaussian Blur и увеличьте или уменьшите радиус с помощью пикселей 13. После этого нарисуйте размытую тень на физическом изображении. Это называется «Размытие в движении», где размытие фильтрует размытие в определенном направлении (±) 360 ° и на определенном расстоянии (1-999), чтобы установить направление и расстояние размытия.Для этого перейдите в Фильтр >> Размытие >> Размытие в движении , так как это двухмерное изображение, сохраните расстояние в качестве вида объекта. Выберите инструмент стирания . нажмите « E », чтобы удалить лишнюю и размыть тень. Чтобы изменить размер инструмента стирания, нажмите кнопку « [» или «] ». 15. После стирания лишней тени, если вы считаете, что вам нужно растушевать более точно, вы можете повторить метод Gaussian и Motion Blur , а также стереть. Перед завершением урока по падающей тени вы также можете установить непрозрачность Opacity в соответствии с вашими потребностями.Наконец, « Сохранить» изображение в любом формате.

2. Ознакомьтесь с реалистичной службой Drop Shadow Service

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

Если мы видим эффект на этих изображениях, то это определенно связано с Drop Shadow. Иногда исходное изображение, которое мы сделали, не дает нам эффекта тени.

Давайте углубимся в понимание важности Drop Shadow

Чтобы объяснить это проще, я бы сказал, что Drop Shadow Service напоминает тень определенного объекта. Это придает реалистичный вид. В мире графики тень обеспечивает реальный вид изображения и производит сильное впечатление.Перейдите к: Layer 1 Щелкните правой кнопкой мыши >> Blending Option.

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

В Photoshop

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

2.1 Поговорим коротко об особенностях:

1. Диалоговое окно:

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

2.Режим наложения:

  1. С помощью этой функции можно затемнить слой, который находится позади. Это происходит из-за тени, которая смешивает этот режим.
  2. Для запуска этой задачи можно раскрасить эту тень, нажав на цветной блок в выпадающем меню режима наложения.
  3. Произведите впечатление на вашу аудиторию, добавив некоторые дополнительные эффекты, такие как оттенок цвета тени, поскольку цвет тени по умолчанию черный.

3. Параметр непрозрачности:

  1. Эта опция требуется для определения плотности при указании тени.
  2. Чтобы сделать его более конкретным, я бы сказал, что 0% будет самым светлым видимым и не внесет никаких изменений в ваше изображение, а 100% будет наиболее заметным

4. Угол света:

  1. Здесь самая важная функция. Итак, позвольте мне познакомить вас с этой функцией угла, которая позволяет вам изменять видимую точку обзора.
  2. Известная как «Использовать глобальный свет», эта функция позволяет настроить источник света, используемый в других эффектах, просто включив или выключив его.
  3. Эту функцию тени также можно изменить или проверить. Снимите флажок с диалогового окна для этой операции.

5. Контур:

  1. Опять же важная функция Photoshop. Какая форма использует нелинейную моду?
  2. Кто является важным термином для создания ограниченного эффекта свечения или когда кто-то выбирает различные профили кривых?

6. Размер тени:

  1. Если вы сомневаетесь в изменении размера тени, то можете это сделать.Познакомьтесь с ползунком размера.
  2. Легко использовать. Размер тени отличается от введенного значения.
  3. Если ваше значение — Ноль, тогда размер тени будет таким же, как у вашего объекта. Чем больше вы увеличиваете размер, тем больше увеличивается и размер тени.

3. Как добавить тень к изображению вашего продукта, чтобы обеспечить хорошие продажи?

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

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

  • Чтобы выбрать фон, щелкните инструмент «Выделение».
  • Чтобы сгладить переход, выберите опцию «Уточнить край».

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

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

4. Советы по добавлению размытия в падающую тень

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

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

Давайте добавим Drop Shadow:

Перед тем, как нажать на Drop Shadow, откройте Photoshop с вашим изображением.Перейдите на главную панель инструментов, выберите опцию Layer >> Layer Styles >> Drop Shadow.

1 . Изменения в Drop Shadow: Когда откроется меню Drop Shadow, вы должны перетащить ползунок слева от значения Distance на 0px . Это самое низкое значение. Опция расстояния отвечает за то, насколько далеко появится тень объекта. После этого вы можете обнаружить, что Тень выступает из краев изображения.

2. Параметры наложения: Снова нажмите на параметр Layer , под которым вы найдете Layer Style . Оттуда вы должны нажать на Blending Options . Автоматически появится диалоговое окно «Параметры наложения».

3. Уровень непрозрачности: Открыв параметры наложения, перетащите ползунок параметра «Заливка Непрозрачность » влево на 0% . Мы делаем его прозрачным, уменьшая значение заливки, но не забываем, что стиль слоя Drop shadow должен быть полностью видимым.

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

4. Откройте меню Drop Shadow: Снова вернитесь в меню Drop Shadow. Он вернется к параметрам меню Drop Shadow .

5. Отключить: После открытия меню Drop Shadow вы найдете опцию Knock out drop shadow , которая по умолчанию включена. Благодаря его включению, даже если мы сделаем контент прозрачным, вы обнаружите, что падающая тень остается скрытой за фактическим содержимым слоев.Итак, вам нужно отключить эту опцию.

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

Если вас устраивает размытие, щелкните в верхнем правом углу диалогового окна «Стиль слоя» и нажмите ОК, и сохраните файл.

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

5. Как сделать искаженную тень в фотошопе?

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

Шаг 1: Откройте изображение, в которое вы хотите добавить искаженную тень. Выберите любые настройки тени, которые вы хотите использовать.

Шаг 2: Откройте опцию Layer , щелкните правой кнопкой мыши символ fx на выбранном слое. Щелкните « Create Layers ».

Шаг 3: Нажмите на опцию Layer-> Drop Shadow layer.

Шаг 4: Перейдите на верхнюю панель инструментов и нажмите Filter-> Distort -> Wave , как показано на рисунке ниже:

Шаг 5: Отрегулируйте непрозрачность по своему вкусу, примените следующие настройки и щелкните Okay .

Шаг 6: В слое меню нажимает -> Outer Glow . Чтобы сделать противоположный край более четким, выберите инструмент перемещения, затем используйте стрелки клавиатуры, чтобы сдвинуть этот слой.

Шаг 7: Здесь вам нужно вернуться и применить меры 2-6 к элементам по желанию или к другим слоям.

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

6. Что такое реалистичная отбрасываемая тень?

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

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

Шаг 2: После удаления фона вы должны создать стандартную тень. Щелкните слой -> Стиль слоя -> Тень. Чтобы он выглядел более реалистично, нужно выбрать цвет тени. По умолчанию он черный.
Щелкните диалоговое окно тени, где вы найдете черный прямоугольник справа от режима наложения.Там вы найдете палитру цветов. Вы также можете изменить размер, чтобы он соответствовал другим теням изображения и смягчил их. Чтобы подать заявку, нажмите ОК .

Шаг 3: Теперь вы получили довольно неплохую тень. Теперь мы хотим добавить отбрасываемую тень. Вам нужно разместить саму тень на ее слое, поэтому теперь отделите стиль слоя от слоя. В параметрах слоя щелкните правой кнопкой мыши маленькую букву «f», появится раскрывающееся меню. Нажмите на опцию Create Layer .
Тень будет перемещена на свой слой непосредственно под оригиналом путем разделения на два слоя.

Шаг 4: Теперь перейдем к основной работе по искажению формы. Нажмите EDIT -> Free Transform Tool или нажмите Ctrl / Cmd + T на выбранном объекте, щелкните правой кнопкой мыши, оттуда Выберите -> Distort.
Вы найдете коробку с восемью квадратиками. Чтобы переместить коробку, вы можете щелкнуть по ее середине. Щелкните и перетащите стол и закрепите его в соответствии с вашим изображением.Сделайте это максимально реалистично.

Шаг 5: Щелкните и перетащите, чтобы придать изображению более реалистичный вид. Чтобы применить преобразование, вам нужно нажать Return или Enter.

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

Шаг 7: Чтобы сделать вашу Тень немного мягче, вы можете добавить эффект размытия. Нажмите Filter -> Blur -> Gaussian Blur . Вы можете добавить достаточно размытия для вашего изображения.

Шаг 8: Теперь вам нужно смешать две тени. Нажмите на кнопку «Слой » -> «Маска слоя », затем добавьте маску слоя на верхний слой тени. Установите черный и белый цвет с помощью инструмента «Градиент».Выберите маску. Перетащите инструмент «Градиент» примерно на ¼ пути к нижней части тени. Оттуда перетащите его примерно на ¾, чтобы смешать два теневых слоя.

Шаг 9: Наконец, установите непрозрачность верхнего слоя тени примерно 50-75% и нижней тени примерно 30%. Установите Shadow в режим умножения. Поэкспериментируйте и узнайте новые идеи Photoshop. Вы можете увидеть, что подходит вашему изображению, как с таким совершенством добавлять тени.

7. Как использовать стиль слоя Drop Shadow в изображении в Photoshop?

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

7.1 Зачем нужна Drop Shadow?

Что придать вашему изображению трехмерный вид? Тогда было бы полезно, если бы у вас была Drop Shadow. Эта функция обеспечивает 3D-эффект на вашем 2D-изображении, добавляя тень позади фотографии. Изменяя настройки изображения, вы можете легко создать тень позади изображения.
С эффектом падающей тени вы можете указать, насколько далеко тень расположена от объекта.Он также может показать, где исходит источник света?

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

2. Эффект режима наложения: Режим наложения помогает затемнять / осветлять тени изображения. Он работает, как следует из названия, смешивая стиль тени.Чтобы затемнить слой, вы должны выбрать Linear Burn или Multiply.

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

3. Эффекты непрозрачности: Непрозрачность помогает сохранить прозрачность тени.100% будет полностью непрозрачным, а 0% будет полностью прозрачным.

4. Прямой угол: Здесь прямой угол не для треугольника, который мы сделали в школе, а для края от, чтобы показать источник света. Он изменяет перспективу источника света, что изменяет точку обзора, откуда падает свет. Угол обзора эффектов Emboss и Bevel изменяется, когда установлен флажок « Use Global Angle ».

5. Эффект расстояния: Название предполагает роль и функцию параметра «Расстояние».Он покажет расстояние между изображением и тенью.

6. Эффект распространения: Под опцией расстояния вы можете найти перспективу распространения. Это дает более жесткие края для теней. Вы можете уменьшить его до 0% для более мягких оттенков и наоборот для более жестких теней.

7. Эффект размера: Под опцией Spread вы найдете опцию Size. Когда вы установите значение 0 пикселей, размер тени и изображения будет таким же. По мере увеличения значения размер вашей тени будет увеличиваться.

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

9. Эффект шума: Если вы хотите придать тени песчаный или песочный вид, тогда этот вариант — то, что вам нужно. Если вы собираетесь придать такой вид, увеличьте значение шума или оставьте его на уровне 0%.

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

Как создавать тени в фотошопе. — Фотография Хейли Робертс

Как создавать тени в фотошопе.

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

Свойства теней, которые использует большинство композиторов:

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

НО на самом деле с тенями все не так просто. И вот несколько примеров, которые я взял со своим iPhone, чтобы доказать это.

Это скрипучий мяч моей собаки в луче света. На самом деле он САМЫЙ ЛЕГКИЙ ближе всего к объекту, потому что шар полупрозрачный и пропускает свет.Тень длинная, потому что солнце находится низко, и немного размыта в самой дальней точке от объекта.

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

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

Без тени

С тенью

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

Шаг первый — оцени свой свет! Откуда он берется и каковы его свойства? Это поможет вам наметить, как должна выглядеть ваша тень.

Вот два разных метода создания теней:

Метод первый:

  1. Сделайте выбор вашего предмета / объекта. Для большей точности я предпочитаю использовать инструмент «Перо» для выделения, даже если это занимает больше всего времени, но подойдет любой метод.
  1. Нажмите Ctrl / Cmd J, чтобы создать новый слой из выбранной области. Ctrl / Cmd щелкните миниатюру этого слоя, чтобы снова загрузить выделение. Перейдите в Edit> Fill and Use: Black. Нажмите Ctrl / Cmd D, чтобы отменить выбор объекта.

Оригинальный композит

Выбор заливки черным

  1. Переименуйте этот новый слой в «Тень» и перетащите его ниже основного слоя.
  1. Перейдите в Edit> Transform> Distort и перетащите средний верхний маркер в том направлении, в котором вы хотите, чтобы ваша тень падала. Вы также можете поиграть с другими ручками, чтобы изменить ширину и высоту. (Имейте в виду, что если ваша тень упирается в поверхность, как на моем изображении, тень изменит направление там, где она встречается с этой поверхностью.Вы можете увидеть, как это выглядит на моем последнем изображении. Этот пример фотографии неточен и предназначен исключительно для демонстрационных целей.)

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

  1. Используйте угловые ручки ИЛИ щелкните внутри и перетащите выделение, чтобы убедиться, что тень совпадает с ногами вашего объекта или основанием вашего объекта. Нажмите на галочку, когда будете счастливы.
  1. Тени никогда не бывают идеально резкими, поэтому перейдите в меню «Фильтр»> «Размытие»> «Размытие по Гауссу» и выберите радиус по своему вкусу.

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

  1. Мне нравится, что моя тень становится тем более размытой, чем дальше она от объекта, и самый быстрый способ, который я нашел, — использовать режим быстрой маски. Выберите инструмент градиента (g) и убедитесь, что линейный градиент выбран на панели параметров. Нажмите q, чтобы войти в быструю маску. Проведите линию от основания объекта к верхней части тени. Красный оверлей покажет вам НЕ выбранную область. Если выбран неправильный вариант, попробуйте еще раз, отметив галочкой «Обратный».Нажмите q еще раз, чтобы выйти из быстрой маски.

Режим быстрой маски

Быстрый выбор маски

  1. Теперь вернитесь к Filter> Blur> Gaussian Blur и примените больше размытия к верхней части вашей тени. Ctrl / Cmd D, чтобы снять выделение.

Размытие верхней половины более

  1. Помимо уменьшения резкости самой дальней части тени, вы также должны сделать ее менее темной. Итак, добавьте маску слоя к теневому слою и снова выберите инструмент градиента (g).Щелкните панель градиента и выберите третий вариант «Черный, белый». Нажмите ОК и измените непрозрачность на 60%. Поэкспериментируйте, нарисовав градиентную линию. Вам нужно будет сделать это несколько раз (эффект сбрасывается каждый раз, когда вы рисуете), чтобы постепенное изменение происходило в правильном направлении и для получения нужной интенсивности (рисуйте более короткие и длинные линии и меняйте, где вы проводите линию от и до).

Градиентная полоса

Выберите предустановку «Черный», «Белый»

Тень исчезает

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

Композитная лоза

Метод 2:

  1. Ваш объект нужно будет выбрать, как мы это делали на шаге 1 предыдущего метода. Добавьте маску слоя, чтобы скрыть все ненужные части. Ctrl / Cmd i инвертирует маску, если замаскирована неправильная область.
  1. Дважды щелкните в дальнем правом углу слоя, чтобы открыть панель «Стиль слоя».
  1. Отметьте Drop Shadow и затем щелкните имя, чтобы получить доступ к его параметрам. Поиграйте с ними по вкусу и нажмите OK, когда закончите.

Панель Layer Style

  1. Щелкните правой кнопкой мыши слово «Drop Shadow» на своем слое. Выберите «Создать слой». Это превращает ваш стиль слоя в отдельный слой, что очень круто.

Щелкните правой кнопкой мыши Drop Shadow, чтобы создать новый слой

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

Виноградные лозы до падающей тени

Виноградные лозы после падающей тени

И все. Достижение Shadow разблокировано!

Информация о «Однажды я улечу»

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

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

Девушка в гараже

Венецианская стена

Stradbroke Bird

Sky from Graphic Stock

Мельбурнская виноградная лоза

Если у вас есть какие-либо советы по поводу теней или вы хотите поделиться собственной теневой фотографией, сделайте это в комментариях.Я бы хотел их услышать / увидеть! 🙂

Эффект текста тени

в Photoshop

Автор Стив Паттерсон.

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

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

Последний текстовый эффект «тень перспективы».

Приступим!

Загрузите это руководство в формате PDF для печати!

Шаг 1. Дублируйте текстовый слой

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

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

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

Текст отображается на отдельном слое над фоном.

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

Перейдите в меню «Слой»> «Создать»> «Слой через копирование».

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

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

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

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

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

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

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

Перейдите в Layer> Rasterize> Type.

Шаг 4. Отразите и переместите текст

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

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

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

Выберите в меню «Отразить по вертикали».

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

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

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

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

Шаг 5. Растяните и измените текст

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

Растяните текст, перетащив нижний центральный маркер вниз.

Затем, когда функция Free Transform все еще активна, снова щелкните правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните (Mac) в любом месте окна документа и выберите Perspective из контекстного меню:

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

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

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

Шаг 6. Заполните текст черным цветом

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

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

Шаг 7. Применение фильтра размытия по Гауссу

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

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

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

Примените небольшое размытие к тени.

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

Изображение после применения фильтра «Размытие по Гауссу».

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

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

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

Шаг 9: Дублируйте слой тени

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

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

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

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

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

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

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

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

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

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

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

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

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

Миниатюра маски слоя.

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

Выберите Photoshop Gradient Tool на панели инструментов:

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

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

Щелкните миниатюру для перехода от черного к белому.

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

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

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

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

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

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

Снова включите исходный слой тени.

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

Клавиша Alt (Win) / Option (Mac) сообщает Photoshop, что нужно делать копию маски при ее перетаскивании.

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

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

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

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

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

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

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

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

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

Последний текстовый эффект «тень перспективы».

Куда идти дальше …

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


Как сделать реалистичные тени в Photoshop

Создание теней в Photoshop

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

К счастью, создать реалистичные тени не так уж сложно, и это можно сделать в основном с помощью одного инструмента: Brush Tool!

Что вам понадобится

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

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

Мы выбрали относительно простое изображение, которое позволит нам быстро вырезать объект.

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

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

После того, как выделение сделано, просто загрузите его как маску слоя на изображение с объектом. Установите слой заливки сплошным цветом, установленный на белый цвет, под слоем изображения, и все готово!

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

Рисование теней с помощью инструмента «Кисть»

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

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

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

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

Давайте сделаем тени. Создайте новый слой под слоем с объектом. Возьмите самый темный цвет тени на изображении и начните рисовать по краю (и под ним) объекта с помощью кисти среднего размера с низким значением Flow.

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

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

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

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

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

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

Смягчение теней с помощью размытия

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

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

стилей слоев Photoshop — Создание падающих теней в Photoshop

Научитесь использовать стили слоя Photoshop для создания теней вокруг текста и других объектов.Научитесь использовать диалог тени в стилях слоя фотошопа.

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

Для чего используются падающие тени?

Итак, падающая тень используется для имитации глубины 3D в 2D-изображении. Итак, в этом случае эта смещенная тень — это то, что на самом деле заставляет текст выглядеть так, как будто он парит над фоном.Итак, я собираюсь показать вам больше примеров того, как можно использовать падающую тень, чтобы указать, насколько велик источник света и откуда он исходит, а также насколько далеко объект от своего фона. Итак, чтобы добавить тени, мы собираемся сделать это на панели «Стили слоя», а для перехода к панели «Стили слоя» все, что вам нужно сделать, это дважды щелкнуть мышью, и в данном случае мы дважды щелкнем по текстовому слою.

Диалоговое окно «Падение тени для стилей слоя»

Дважды щелкните текстовый слой, и откроется диалоговое окно «Стиль слоя».Если вы хотите добавить новую тень, вам нужно перейти к FX и прокрутить вниз, а затем щелкнуть Drop Shadow, и теперь у вас есть диалоговое окно с падающей тени, с которым можно работать. Удостоверьтесь, что после добавления этой новой падающей тени вы выделяете падающую тень с левой стороны, чтобы вы видели здесь панель со всеми настройками для падающей тени. Если вы хотите удалить падающую тень, вы можете выделить ту, которую хотите удалить, а затем просто нажмите на эту корзину прямо здесь, чтобы удалить этот эффект.Обратите внимание, что на панели слоев для этого текстового слоя прямо под текстовым слоем написано «Эффекты», а затем — «Тень». Поэтому каждый раз, когда вы добавляете эффект к этому текстовому слою, он будет продолжать добавлять следующий эффект, так что вы увидите их все подряд.

Режим наложения

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

Непрозрачность

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

Угол

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

Расстояние

Но теперь расстояние — это то, насколько далеко эта тень от вашего объекта.Итак, как вы могли видеть, вы действительно можете выделить эту тень, используя расстояние, и это еще один эффект, который вы можете использовать, чтобы действительно улучшить свой текст. А теперь поговорим о корректировке спреда. У нас все настроено здесь, в нашей падающей тени. Мы знаем, что нам нужна непрозрачность 100%, черная тень. У нас есть угол, который мы можем изменить в зависимости от направления света. Опять же, на расстоянии тень от самого текста.

Распространение

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

Размер

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

Контур

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

Шум

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

Пример модели Drop Shadow

Итак, теперь, когда мы добавили тень к тексту, давайте прямо здесь добавим тень к этой модели. Помните, я сказал, что некоторые из применений падающей тени заключаются в том, что вы можете фактически показать или смоделировать, как далеко, как в этом случае, как далеко модель находится от фона или направления света. Итак, сначала я вырежу эту модель с помощью инструмента выбора объекта.И если вы не знакомы с инструментом выбора объекта, у меня есть видео, которое я вставлю на карточку выше. Итак, мы собираемся выбрать ее, и Photoshop сделает выбор. Я собираюсь увеличить здесь и получить эту маленькую область прямо здесь. Удерживая эту опцию, я выберу эту область, и я собираюсь на короткое время перейти к выделению и маске, возможно, чтобы немного сгладить края. Это не обязательно должно быть идеально, потому что мы имеем дело с тенью, и я собираюсь просто вывести ее на новый слой.Итак, это мой выбор на новом слое. Итак, теперь мы можем использовать наш стиль слоя. Давайте создадим новую падающую тень, включим режим наложения «Умножение», и давайте создадим здесь падающую тень. Я собираюсь сделать так, чтобы угол перешел на другую сторону, увеличил непрозрачность до 100 и просто вытащил его, чтобы вы могли видеть. Это наша тень, и мы можем немного смягчить ее с помощью размера, поскольку это тень. И на самом деле не имеет значения, какое место размещения сейчас, я просто скажу хорошо. Итак, теперь нам нужно отделить эффект тени от вырезанного, который мы сделали.Я щелкаю правой кнопкой мыши по тени и говорю «Создать слой». И говорит, что некоторые аспекты эффектов нельзя воспроизвести с помощью слоев, это нормально. Скажи «ОК. И вот она, тень находится на отдельном слое. Итак, теперь мы можем изменить внешний вид тени, выполнив свободное преобразование, то есть Command + T. Теперь я, удерживая нажатой клавишу Command, щелкну по любой из этих точек и потащу вниз. Вы можете видеть, что я меняю внешний вид тени, если кладу ее ей под ноги. И просто в демонстрационных целях я просто скажу, что я собираюсь щелкнуть трансформацию фиксации прямо здесь.И я собираюсь использовать свою непрозрачность на этом теневом слое, чтобы уменьшить непрозрачность. Итак, довольно легко у нас есть падающая тень. Создается впечатление, что свет идет слева от нее, а также создается впечатление, что фон ближе, чем есть на самом деле. Это быстрый способ создать падающую тень с помощью стилей слоя.

Как использовать и создавать тени на изображениях продуктов

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

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

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

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

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

Зачем вообще использовать тени?

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

Изображение без тени плавает в пространстве, кажется «выключенным»

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

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

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

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

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

Dollar Shave club использует естественные тени для всех фотографий своих бритвенных товаров.

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

Asics — прекрасный пример постоянства в фотографии продукта.

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

Revision Skincare использует отражающие тени для гладкого, изысканного вида.

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

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

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

Тени помогают создавать образы продуктов, стимулирующие продажи

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

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

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

Знакомство с тремя типами теней

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

  • Натуральные тени
  • Тень
  • Отражающая тень

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

Natural Shadows

Установка естественного теневого освещения

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

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

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

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

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

Drop Shadows

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

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

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

Отражение теней

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

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

Отражающие тени на таких изделиях, как солнцезащитные очки, придают изысканный вид.

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

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

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

Как добиться профессионального затемнения без дополнительного времени на ретуширование

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

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

Легкое затенение.

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

  • Более 30 млн изображений отредактированы
  • Доставка на следующее утро
  • 10 изображений бесплатно отредактировано

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

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

Пошаговые инструкции по добавлению всех стилей теней к каждому типу продукта

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

Если вы хотите пролистать руководство, вы можете перейти к конкретному продукту, используя навигацию ниже:


Солнцезащитные очки

Natural Shadow

Солнцезащитные очки Natural Shadow от Pixelz на Vimeo.

  1. Создайте новый слой и залейте его белым фоном.
  2. Переместите только что созданный белый слой в нижнюю часть стопки слоев.
  3. Дублируйте слой с солнцезащитными очками, у вас есть два слоя с солнцезащитными очками.
  4. Сделайте плотный выбор вокруг только солнцезащитных очков и сделайте края менее резкими.
  5. Создайте маску из вашего выделения. В зависимости от того, выбираете ли вы фон или сами солнцезащитные очки в своем выборе, вам может потребоваться перевернуть маску, чтобы убедиться, что солнцезащитные очки отображаются вместо фона.
  6. Измените дублированный слой солнцезащитных очков на «несколько» в верхней левой вкладке диалогового окна слоя.
  7. Создайте маскирующий слой на умноженном на ваши средние солнцезащитные очки слое и Pixelz, смахнув щеткой вокруг солнцезащитных очков, кроме тени под солнцезащитными очками, так что это все, что вы видите. Используйте кисть с перьями, чтобы все было гладко.
  8. Сгладьте слои.

Тень

Солнцезащитные очки-падающие тени от Pixelz на Vimeo.

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

Отражение Тень

Солнцезащитные очки-Reflection Shadow от Pixelz на Vimeo.

  1. Создайте новый слой и залейте его белым фоном.
  2. Переместите только что созданный белый слой в нижнюю часть стопки слоев.
  3. Дублируйте слой с солнцезащитными очками, у вас есть два слоя с солнцезащитными очками.
  4. Сделайте плотный выбор вокруг только солнцезащитных очков и сделайте края менее резкими.
  5. Поверните дублированный слой солнцезащитных очков на 180 градусов (вверх ногами, вертикально). Теперь вы должны увидеть две пары солнцезащитных очков между двумя слоями: одну лицевую сторону вверх, а другую вверх ногами.
  6. Совместите нижнюю часть солнцезащитных очков вместе так, чтобы они выглядели так, как если бы перевернутая пара солнцезащитных очков выглядела как отражение пары, расположенной правой стороной вверх.
  7. Добавьте маску к слою с перевернутыми солнцезащитными очками и используйте инструмент градиента. Поиграйте с этим инструментом, пока не получите желаемый вид.Убедитесь, что наиболее непрозрачная часть солнцезащитных очков находится ближе всего к оправе очков правой стороной вверх, а наименее непрозрачная часть находится дальше всего от солнцезащитных очков. Это поможет создать естественное отражение, которое будет падать по мере удаления от объекта.
  8. Очистите боковые стороны и верх солнцезащитных очков вокруг основы отраженных солнцезащитных очков. Продолжайте настраивать свое отражение, расчесывая больше или добавляя снова, чтобы оно выглядело максимально естественно.
  9. Выровняйте слои.

Мебель

Мебель-Natural Shadow от Pixelz на Vimeo.

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

  1. Дублируйте слой со стулом, чтобы получить два слоя одного изображения.
  2. Создайте новый пустой слой и залейте его белым фоном. Затем переместите его ниже вашего первого слоя.
  3. Используйте волшебную палочку, чтобы выбрать белый фон вашего изображения.
  4. Уточните края выделения, сгладив переход примерно на 25 пунктов.
  5. Создайте маску слоя на верхнем слое стула и инвертируйте выделение так, чтобы вы видели только стул, а не фон.
  6. Дублируйте этот слой со стулом с новым выделением маски.
  7. На нижней маске стула с помощью мягкой кисти с перьями «закрасьте» землю фоновой тени. Вы можете поэкспериментировать с непрозрачностью мазков кисти, чтобы определить, сколько вы хотите вернуть и насколько темным вы хотите, чтобы он выглядел.
  8. Сгладьте все слои, чтобы создать окончательное изображение с естественной фотографируемой тенью.

Тень

Мебель-падающая тень от Pixelz на Vimeo.

  1. Используйте инструмент выделения, чтобы выбрать белый фон изображения стула. Уточните края выделения, сгладив переход примерно на 25 пунктов.
  2. Создайте маску слоя на слое со стулом и инвертируйте выделение, чтобы вы видели только стул, а не фон.
  3. Создайте новый слой и залейте его белым цветом и поместите его в качестве фонового слоя за слоем со стулом.
  4. Отрегулируйте стул по центру и оставьте место для затенения, а также замаскируйте любые другие элементы фона.
  5. Дублируйте этот слой со стулом с новым выделением маски.
  6. На нижнем слое стула с маской трансформируйте этот слой, перевернув его по вертикали. Теперь он должен быть перевернут.
  7. Превратите стул и поверните его так, чтобы задняя ножка совпадала с ним.
  8. На этой маске слоя используйте инструмент градиента, чтобы сделать ноги сужающимися от более заметных к менее заметным.Это может занять некоторое время, чтобы найти правильную прозрачность и градиент.
  9. Используйте кисть, чтобы настроить маску и очистить все остальные ноги и ненужные объекты в кадре, кроме этой одной ноги.
  10. Поиграйте с непрозрачностью и растушевкой, чтобы изображение выглядело более естественным.
  11. Дублируйте этот слой и переместите его на другую заднюю ножку стула.
  12. Используя инструмент прямого выделения, нарисуйте ромбовидную форму под стулом между точками ножек.
  13. Уточните край выделения, сильно растушевывая его, чтобы создать красивый градиент. Расчешите кистью некоторые стороны, чтобы они могли хорошо проваливаться под стулом.
  14. На двух передних ножках выделите узкую букву «v». Уточните этот край и растушуйте выделение.
  15. Создайте слой с кривыми и затемните его, чтобы он выглядел как тень. Проделайте это для обеих ног спереди.
  16. Выровняйте слои и сохраните новый файл.

Отражение Тень

Мебель-Отражение Тени от Pixelz на Vimeo.

  1. Дублируйте слой со стулом, чтобы получить два слоя одного изображения.
  2. Создайте новый пустой слой и залейте его белым фоном. Затем переместите его ниже вашего первого слоя.
  3. Используйте волшебную палочку, чтобы выбрать белый фон вашего изображения.
  4. Уточните края выделения, сгладив переход примерно на 25 пунктов.
  5. Дублируйте этот слой со стулом с новым выделением маски.
  6. На нижнем слое стула с маской трансформируйте этот слой, перевернув его по вертикали.Теперь он должен быть перевернут.
  7. Начиная с одной ноги за раз, выстраивайте одну ногу в соответствии с правильным соответствием.
  8. Превратите стул и поверните его так, чтобы ножка соответствовала ему.
  9. На этой маске слоя используйте инструмент градиента, чтобы сделать ноги сужающимися от более заметных к менее заметным. Это может занять некоторое время, чтобы найти правильную прозрачность и градиент.
  10. Используйте кисть, чтобы настроить маску и очистить все остальные ноги и ненужные объекты в кадре, кроме этой одной ноги.
  11. Поиграйте с непрозрачностью и растушевкой, чтобы изображение выглядело более естественным.
  12. ПОВТОРИТЕ этот процесс для всех четырех ног.
  13. Сгладьте все слои, чтобы создать окончательное изображение с отражающей тенью.

Ювелирные изделия

Natural Shadow