Разработка сайта по вашему дизайну. Доработка, поддержка, html-верстка сайтов.

Создаем падающую тень в фотошопе при помощи стиля слоя

/ Сергей Нуйкин / Уроки по фотошопу

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

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

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

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

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

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

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

рефлекс

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

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

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

стиль слоя тень

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

создать новый слой из стиля слоя

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

передвинем тень вниз

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

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

перспектива тени

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

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

размытие по гауссу

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

маска слоя

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

линейный градиент

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

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

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

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

Понравилась статья?
Подпишитесь на обновления:
Поделитесь материалом с друзьями:

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

Комментарии к статье:
    • Лысенко Евгений

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

    • Лысенко Евгений

      Ластиком может рука дрогнуть и край получится не ровный, потом клацать ctrl+z и заново. :) Градиентом лучше. Кстати, на счет масок. Может тиснешь статейку на этот счет. А то я везде читаю про них, а сам что-то не очень в них разобрался.

    • Константин

      А я вот как-то с масками так и не научился работать. Было бы интересно почитать статейку о масках в фотошопе для новичков.

    • Нуйкин Сергей

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

    • Нуйкин Сергей

      Да в том, то и дело что ластиком юзать приходится по нескольку раз, чтоб получилось нормально, а градиентом проще будет. Хорошо, про маски напишу. ;)

    • Нуйкин Сергей

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

    • Евгений Комиссаров

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

    • Лысенко Евгений

      А можно объединить градиент и ластик, чтобы добиться максимального качества и красивости :). Чего метаться от одного к другому, когда все намного проще ;)

    • Лысенко Евгений

      Я бы вот хотел отметить еще и трансформирование Перспектива. Пробовал сам сделать его вручную, растягивая края туда-сюда. Получилось, честно, фу… Я знал, что где то оно должно быть, просто не смог найти сразу. За подсказку спасибо ;)

    • Лысенко Евгений

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

    • Нуйкин Сергей

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

    • Нуйкин Сергей

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

    • Нуйкин Сергей

      Пожалуйста Евгений! :)

    • Нуйкин Сергей

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

    • Даниил

      Очень симпотично получается. Раньше я просто в параметрах слоя тень выставлял)

    • Нуйкин Сергей

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

    • Landorn

      Красиво получилось. Сколько лет вы дизайном занимаетесь?

    • Vitalik

      Классный эффект особенно при рисовании фотографий очень пригодиться

    • Нуйкин Сергей

      Спасибо! Серьезно и основательно более 4 лет.

    • Нуйкин Сергей

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

    • Владимир

      Пока не посмотришь как другие делают — фиг допрешь как самому нарисовать. А делаешь четко по уроку — Супер. Спасибо еще раз!

    • Нуйкин Сергей

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

    • Вика

      Спасибо большое! Очень интересный и полезный урок!

    • Нуйкин Сергей

      Пожалуйста, Виктория! Ради таких приятных отзывов и пишу подобные уроки.

    • Катерина

      А у меня почему-то трансформация-перспектива не получилась. Не сдвигалась она по центру и все тут. Пришлось деформацию применять

    • Катерина

      Все получилось) Правда со второго раза) Спасибо!!!!!!!!

    • Сергей Нуйкин

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

    • Сергей Нуйкин

      Пожалуйста, Катерина! Рад что у вас все получилось.

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

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