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

Добавил пользователь Алексей Ф.
Обновлено: 05.10.2024

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

Рисунок с исходником(справа) и готовым результатом(слева)


Берём исходный рисунок:

Исходное изображение девочки

Выделенная фигура девочки

Инвертируем выделенную область (т.е. выделенной окажется фигура девочки вместо фона)

инвертированная выделенная фигура человека

палитра слоёв

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

растягивание поля холста с помощью рамки

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

Кликаем по чёрному цвету, открывается Палитра основного цвета, в неё мы вводим значение 70% для параметра В (B обозначает яркость)

изменение яркости в палитре цветов

затем кликаем ОК. Основной цвет в палитре цветов изменится с чёрного на серый.
Выбираем инструмент Градиент (Gradient Tool) на инструментальной панели.

В верхнем левом углу окна программы правой клавишей мыши кликаем по указанному в рисунке месту:

включение градиента

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

выбор градиента в редакторе

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

создание градиентной заливки

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

Готовый градиентный фон

создание нового слоя

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

выделение слоя

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

Теперь нам необходимо залить выделение чёрным цветом. Для этого делаем чёрный цвет основным в цветовой палитре так же, как мы делали это ранее, нажав клавишу D. Затем нажимаем сочетание клавиш Alt+Delete, это заливка выделения основным цветом, и снимаем выделение, нажав Ctrl+D.
В окне документа мы не увидим никаких изменений, так как чёрная заливка закрыта верхним слоем. Но в палитре слоёв хорошо видно появившуюся новую заливку:

Вид палитры слоёв с заливкой

Это и будет наша тень. Теперь придадим ей нужное положение. Заходим во вкладку Редактирование —> Трансформация —> Искажение (Edit —> Transform —> Distort), и, двигая квадратики на углах и серединах краёв появившейся рамки, придаём ей примерно такое положение:

Создаём тень

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

коррекция положения тени

После придания тени окончательной формы жмём Enter.

Придадим тени небольшое размытие. Идём Фильтры —> Размытие —> размытие по Гауссу (Filter —> Blur —> Gaussian Blur), в открывшемся диалоговом окне ставим значение 1,5 пикселей.

придание тени размытия по Гауссу

Рисунок тени становится более реалистичным в том случае, когда размытие краёв увеличивается по мере отдаления тени от предмета, от которого она отбрасывается. Этот эффект мы тоже сделаем с помощью размытия по Гауссу, но, чтобы размытие было неравномерным, нам нужно применить режим Быстрой маски (Quick Mask) с градиентным изменением.

Переходим в режим Быстрой маски, нажав клавишу Q.

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

градиентное изменение тени

После отпускания клавиши мыши появится отображение быстрой маски.

отображение быстрой маски в окне документа

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

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

отображение выделения быстрой маски

Так как фильтр размытия по Гауссу был последним применённым нами фильтром, то мы можем вызвать его, нажав комбинацию клавиш Ctrl+Alt+F. Выберем радиус 10 пикселей и нажмём ОК. У меня края получились размытыми несколько неоднородно:

размытие краёв тени

Поэтому я применил размытие по Гауссу ещё раз, без изменения настроек. Для этого достаточно нажать комбинацию Ctrl+F (без Alt).

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

На этот раз применим Маску слоя (Layer mask). В палитре соёв кликаем по указанной на рисунке иконке

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

градиентное изменение тени

Но тут есть маленький нюанс. Если закончить градиент не доходя до верхнего края тени, то верхняя граница тени полностью пропадёт, а это нам не надо. Если закончить градиент уже за краем холста рисунка, то интенсивность заливки тени уменьшится слишком мало. Поэтому при надо поэкспериментировать. Протащили градиент, не понравилось, нажали клавиши Ctrl+Z, провели ещё раз.

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


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


Краткое содержимое обзора:

Для чего необходимы тени

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


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


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







Определяем источник света

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


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


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


Рекомендуем прочитать:

Гауссово размытие – самый простой способ

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


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


Первый способ


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





Мягкие тени при помощи кистей

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


Выбрать для кисти черный цвет, установить нажим 30%-60% в зависимости от цвета основного фона.

Рекомендуем прочитать:


Если фон темный, нажим ставим 60%, если светлый – нажим 30%. Размер кисти устанавливаем в зависимости от размера предмета, для которого рисуем эффект.


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


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

Четкие тени при помощи стилей слоя

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


Для этого необходимо стоя на нужном слое с фигурой:

Рекомендуем прочитать:
  • зайти в стили слоя;
  • выбрать параметр Тень;
  • установить небольшой размер;
  • добавить максимально смещения;


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







Натуральная тень за минуту



Чтобы сделать тень для текста в фотошопе как будто текст выпуклый/вдавленный тоже используют стили слоя.


Оригинальные стили для текста

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


  • тень;
  • тиснение;
  • обводку;
  • контур.


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


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


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






























Три способа создание тени в фотошопе

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

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

1 Способ. При помощи 3D моделирования

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

Шаг 1 — Вырезание объекта и копирование

Слева в меню инструментов выбираем Быстрое выделение (клавиша W ). Выбираем размер пикселя в диапазоне от 7 до 20 единиц и зажатой левой кнопкой мыши выделяем объект или область для которой будет создана тень. Если область будет большой, то можно зажимать клавишу (клавиша SHIFT ).

контурное выделение в фотошопе

Инструмент "Быстрое выделение"

Теперь необходимо выделить мелкие детали, для этого меняем размер пикселя в диапазоне от 1 до 3 единиц.

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

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

Выделяем мелкие детали

После того как выделили весь объект, то скопируйте его, сочетанием клавиш CTRL+C и вставьте на необходимом рисунке сочетанием клавиш CTRL+V .

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

Создание слоя тени в фотошопе

Создаём новый слой

Шаг 2 — Создание 3D-экструзии

Далее выделяем слой объекта которому хотим создать тень (справа в меню "Слои") копируем его сочетанием клавиш CTRL+J и отключаем его нажав на иконку глаза и выделяем слой "Беседка" В верхнем Меню выбираем 3D потом Новая 3D-экструзия из выделенного слоя.

создание 3D тени в фотошопе

Создаем 3D тень

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

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

Справа в меню 3D в самом внизу выбираем слой "Бесконечный свет" и у нас появится сфера, которая будет имитировать источник света. Левой кнопкой мыши мы задаем необходимый угол света.

источник света 3D тени в фотошопе

Выбираем направление источника света

Выберете слой "Беседка" и на верхней панели задайте необходимую глубину экструзии, здесь вы пойметё насколько объект вытянут в пространстве и какая у него будет тень.

настройка 3D тени в фотошопе

Настройка 3D тени

Возвращаемся в слой "Бесконечный свет" над ней есть панель "Свойств" где мы можем задать "интенсивность" и размытость тени. Чтобы тень не разбивалась в мозаику вы можете сделать "Рендеринг" изображения нажав на иконку куба в квадрате.

настройка интенсивности света в фотошопе

Настраиваем интенсивность света

Переходим во вкладку слои выделяем слой "Беседка" нажимаем правую кнопку мыши и выбираем пункт Растрировать 3D

Растрирование 3D

Растрируем изображение

Шаг 3 — Проявление тени из 3D объекта

На выделенном слое "Беседка" создаем миниатюру слой-маску для этого зажмем клавишу ALT и нажмем на иконку круга в прямоугольнике.

создание маски тени в фотошопе

Создаем маску тени

После этого включим слой "Беседка копия" нажав на иконку глаза справа в меню "слои"

включение отображения слоя в фотошопе

Берём кисть из панели инструментов или клавиша B и выбираем размер 25 (можете отрегулировать самостоятельно) непрозрачность 100%, Нажим 100% основной цвет белый, а вспомогательный черный.

проявление тени кистью

Проявляем тень кистью

Выбираем слой "Беседка", а именно слой маску и начинаем проявлять кистью область тени. Если переборщили, то меняйте цвет с черного на белый — это будет работать наоборот.

Можем дополнить тени там где они необходимы вручную на слое "Беседка копия", для этого выбираем кисть и с параметрами B и выбираем размер 5 (можете отрегулировать самостоятельно) непрозрачность 15%, Нажим 30% основной цвет черный. Начинаем наносить кистью темные оттенки на области.

Тени в фотошопе

Создание тени кистью

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

создание 3D тени

2 Способ. Создание тени при помощи кистей

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

Шаг 1 — Нейтрализация цвета

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

создание тени кистями в фотошопе

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

создание 3D тени в фотошопе

Нейтрализуем цвет

Слева оригинал, справа измененный вариант картинки.

нейтрализация цвета в фотошопе

Шаг 2 — Создание слоя и прорисовка тени

Теперь перемещаем картинку с объектом на фоновое изображение и называем новый слой например "Мужик". Создаем новый слой сочетанием клавиш CTRL+SHIFT+N и во всплывшем окне нажимаем "ОК" называем слой "тень мужика" и опускаем его под слой "Мужик"

создание нового слоя

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

Создаем тень вручную, для этого выбираем кисть с параметрами B и выбираем размер 50 (можете отрегулировать самостоятельно) непрозрачность 15%, Нажим 25% основной цвет черный. Начинаем наносить кистью темные оттенки на области за мужиком.

Кисти в фотошопе

Настраиваем кисть

Тень будет рассеянной подчеркивающая лишь силуэт.

Нам необходимо применить индивидуально яркость/контрастность ко слою "Мужик". Для этого справа в меню слоёв нажимаем на иконку круга на половину закрашенного и выбираем строку "Яркость/Контрастность", зажимаем клавишу ALT и подводим курсор ко слою "Мужик" и у нас появится стрелочка вниз.

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

Создаем новый слой сочетанием клавиш CTRL+SHIFT+N называем его "тень" и применяем его только ко слою "Мужик".

тени в фотошопе

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

Выбираем слой "тень", кисть B с параметрами размер 30 (можете отрегулировать самостоятельно) непрозрачность 15%, Нажим 25% основной цвет черный. Начинаем наносить кистью темные оттенки за областью света. Для примера можем сравнить результат с тенями и без них.

картинка с тенями и без них

3 Способ. Создание тени через меню слоёв

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

Параметры прямоугольника

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

Теперь впишем текст в прямоугольник, нажимаем клавишу T и напишем например Active vision посередине прямоугольника с параметрами Шрифт любой Размер 150 (главное чтобы вместился в прямоугольник и оставалось еще пространство).

Надпись Active vision

Пишем название или слоган

Справа в меню слоёв выбираем активным слой "Прямоугольник" и в верхнем меню заходим Слои далее Стиль слоя и Тень

создание тени для векторной фигуры

Создаем тень через меню слоёв

В открывшемся окне задаём параметры Непрозрачность 20%, Смещение 71 пикселей Размер 40 пикселей и нажимаем Ок. Здесь вы можете самостоятельно поиграться с настройками и подобрать подходящие на ваш взгляд настройки.

настройка тени в фотошопе

Вбиваем параметры тени

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

Active vision пример тени

Active vision пример


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

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

1. Время для фотосъемки. Для начала выберите подходящее время для фотосъемки теней. Как известно, утренние и вечерние часы хорошо подходят для портретной или пейзажной фотосъемки, но только не для съемки теней. Тени в это время становятся очень мягкими и не так ярко выделяются на общем фоне. А наша главная задача – это не спрятать тени, а, наоборот, выделить их. Поэтому дождитесь солнечную погоду и выходите на “фотоохоту за тенями” в полдень.

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

2. Фототехника и дополнительные аксессуары. Теперь определитесь с фотокамерой. Для съемки теней подойдет любая цифровая камера, у которой есть разъем для штатива, т.к. штатив (или монопод) вам будет просто необходим!

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


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

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

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