Фотошоп изогнутой тени


10

Как создать эффект тени согласно URL / изображению ниже? В частности, округлые / изогнутые тени внизу:

http://www.broadcom.com/images/template/bg_header.png


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

Ответы:


12

Я подозреваю, что кривая на этой тени может быть своего рода оптическим обманом. Как объясняет @lawndartcatcher в своем ответе, изогнутый вид можно получить, уменьшив интенсивность (или непрозрачность) тени к любому концу.

Вот пошаговый взгляд на этот процесс.

Вот мой верхний слой: Верхний слой

Ниже я добавляю базовую мягкую тень (я использовал выделение с перьями, чтобы сделать это): Основная тень

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

И я получаю этот результат: Кривая тень

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

Вот посмотрите на мои последние слои в Photoshop CS3:

Слои

[Скачать PSD-файл]


ПРИМЕЧАНИЕ: я использовал градиент с режимом смешивания, установленным на экран, чтобы создать снижение интенсивности тени. Хотя это обеспечивает хорошую визуальную демонстрацию, на самом деле это работает только тогда, когда вы имеете дело с белым фоном. Чтобы применить одно и то же правило к случаям с разными цветами фона, вы хотите применить градиент в качестве маски слоя к теневому слою.


@Sean ... не могли бы вы выложить PSD-файл для скачивания?
Христо

@Hristo - добавлена ​​ссылка для скачивания файла
Sean

Это именно та тень, которая отображается на изображении. Не лучшая тень, но, кажется, вполне нормально.
Роберт Коритник

8

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

слой 1 слой 1

layer2 (выделение круга с пером 2px и сглаживанием на заполненном ж / черном. Непрозрачность слоя установлена ​​на 25%) введите описание изображения здесь

Оба слоя объединены. введите описание изображения здесь

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


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

3

1) Создайте градиент, который имеет более мелкие области (не так много, как тени) с более низкими значениями непрозрачности.
2) Примените это либо к прямоугольной маске, либо к выделенной области на плавающем слое (используйте прямоугольную область для выделения части). Убедитесь, что под ним есть «пустое» пространство для тени.
3) Дважды щелкните плавающий слой, содержащий ваш градиент, чтобы вызвать меню «Стили». Примените тень к слою (вам придется немного поиграть с ней, чтобы получить ее там, где вы хотите).
4) Вы можете создать еще один слой над исходным, поднять исходный градиент и сделать все цветовые точки 100% непрозрачными. Повторно примените это к новому слою, чтобы наложить исходный градиент. Таким образом, у вас будет 100% непрозрачный градиент (сверху) с слоем с переменной непрозрачностью / тенью под ним.

Поиграйте с настройками немного; в конце концов вы получите то, что вам нравится.


0

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

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

  1. скопируйте свой слой с квадратом, который нуждается в тени
  2. залейте его черным (или любым другим подходящим цветом тени
  3. создайте альфа-фильтр с градиентом (черный по сторонам, белый в середине)
  4. вернитесь к слою с тенью и выберите «Фильтр»> «Размытие»> «Размытие объектива».
  5. Откроется диалоговое окно, где вы можете выбрать свой альфа-канал
  6. выберите подходящий уровень размытия и подтвердите

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

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

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

Самая реалистичная тень


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

0

А как насчет простого: Фильтры → Свет и тень → Эффект Xach?

Или модные фильтры → Декор → Добавить скос?


Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.