Как сделать тень под машиной

Как сделать тень от объекта в Photoshop

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

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

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

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

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

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

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

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

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

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

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

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

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

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

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

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

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

Еще больше о Photoshop можно узнать на курсе в Fotoshkola.net «Photoshop. Слои и маски».

Открываем фото в программе. Отделяем объект от фона. Для этого можно воспользоваться любым из инструментов группы «Быстрое выделение»/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. Появится рамка с точками. Перемещая эти точки, можно изменить перспективу изображения.

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

Завершив трансформирование, нажимаем Enter. Непрозрачность слоя с тенью можно убрать до 50%. Для большей реалистичности можно размыть часть тени, уходящую в перспективу. Выбираем ластик клавишей E, на панели управления выбираем тип мазка с растушеванным краем и проходимся ластиком по краю тени.

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

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

Источник

Быстрый старт

ProGIMP — сайт про Гимп

GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор

Рисуем тень от машины

Напомним три правила создания теней.

Тень от машинки

Исходное вырезанное изображение:

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

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

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

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

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

В областях колёс рисуем чёткие чёрные тени:

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

Размываем и уменьшаем насыщенность в местах, где колёса не так близки к земле (помним 1 и 3 правила):

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

Теперь дублируем слой тени, и размываем его по гауссу. У нас дневное освещение, поэтому тень от колёс находится не в конкретных направлениях от колёс, а по всем сторонам. Помним первое правило. Регулируем прозрачность:

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

Далее рисуем тень от самого корпуса машины. Он неоднороден. Есть места, находящиеся ближе к поверхности, есть дальше. Вначале нарисуем равномерную тень, которую отбрасывал бы корпус, если бы (он) был однородным. А потом просто добавим тени там, где требуется, и сотрём там, где не требуется. Не забываем про второе правило. Всё-таки машина ярко-красная и может отбрасывать слегка красноватый оттенок (хотя совсем не обязательно). С помощью параметров смешивания «Перекрытие», заменяем чёрный на слегка бордовый:

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

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

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

В результате получили хорошую и достаточно реалистичную тень для машины.

Примечание: Это не пособие, как сделать РЕАЛЬНУЮ тень. Если у вас цель — сделать реальную тень от реальных объектов — моделируйте в редакторах, потому что очень часто реальная тень сложна. А цель этого урока — показать тени, которые похожи на реальные, применимы для дизайна сайтов и которые не надо рисовать по 5 часов.

Источник

3 лучших способа сделать тень в Photoshop

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

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

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

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

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

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

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

Варианты создания

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

Давайте рассмотрим детальнее способы:

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

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

Давайте начнем по порядку рассматривать эти варианты на версии Photoshop CC 2020, которая является самой последней на данный момент, но разницы в алгоритме действий нет. Поэтому для версий младше (cs6, cs5 и тд) эта инструкция тоже подойдет.

Делаем тень с помощью параметров наложения слоя

Итак, для этого нам потребуется объект отдельным слоем. Соответственно, либо воспользуйтесь инструментами выделения и переместите на отдельный слой (Ctrl+J), либо вам потребуется объект формата png. Этот формат поддерживает прозрачность, и поэтому фон имеет прозрачность.

Для примера я сделал именно так и нашел фото человека в формате png в Google. Далее, я сделал запрос «Улица» и нашел фото из Москвы. Пример будет на тени от человека на земле.

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

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

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

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

С этим нам поможет инструмент «свободное трансформирование». Чтобы войти в него и управлять именно размером мужчины, выбираем слой с ним и нажимаем «Ctrl+T».

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

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

Детальная инструкция

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

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

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

Здесь нам потребуется пункт «Тень». Выбираем его, ставим галочку слева и начинаем настраивать.

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

Здесь вы можете поиграть с настройками. Нам потребуется сразу выставить непрозрачность примерно на 50% (зависит от обстановки на фото), размер (иначе тень будет слишком четкой) и угол, который зависит от источника света. В нашем случае он падает слева направо, а значит выбираем его так, как на картинке.

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

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

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

Этим самым вы перенесёте тень на новый слой, и мы сможем уже разместить ее в нужном месте.

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

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

Вот как получилось у меня.

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

Регулировать прозрачность можно с помощью пунктов сверху от меню «слои» с помощью параметров «непрозрачность» и «заливка».

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

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

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

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

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

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

Внутренняя тень

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

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

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

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

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

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

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

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

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

Отрисовка вручную кистью

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

Для этого особых навыков не надо. Загружаем в фотошоп фото и создаем новый слой. Делается это с помощью маленькой кнопки на панели слоёв снизу или с помощью сочетания клавиш Shift + Ctrl + N.

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

Теперь берем инструмент «Кисть» с соответствующим лого на панели инструментов. И теперь просто рисуем черным цветом! Убедитесь, что вы находитесь именно на созданном слое.

После того как нарисуете, вам потребуется уже упомянутая шкала «непрозрачность». Для тени она должна быть в диапазоне примерно от 30 до 50 процентов.

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

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

Как сделать тень под машиной. Смотреть фото Как сделать тень под машиной. Смотреть картинку Как сделать тень под машиной. Картинка про Как сделать тень под машиной. Фото Как сделать тень под машиной

Вот так выглядеть будет с выставленной непрозрачностью в 40%. Аналогично всё делается кистью и с другими объектами.

Заключение

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

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

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

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

Источник

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

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