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

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

Для начала создадим файл с размерами например 600х380 px. Зальем холст серым цветом #737373.

фон с шумом

Кликаем два раза по названию слоя в списке слоев. Наш слой переименовывается с Background в Layer 0. Продублируем этот слой. Для этого кликнем правой кнопкой на названии слоя Layer 0, и в выпадающем списке меню выбирем Duplicate Layer (Дублировать слой). Применим к новому слою фильтр noise: Filter -> Noise -> Add noise с параметрами как на скриншоте.

параметры фильтра noise

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

песчаный фон

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

рельефный фон

Потом инвертируем его нажав Ctrl+I, жмем V (перемещение) и смещаем на 1px вниз наш слой.

как сделать рельефный фон

Выставляем слою режим смешивания – multiply.

делаем зернистый фон

После этого уменьшаем прозрачность этого слоя и предыдущего слоя до 20%.

как сделать фон зернистым

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

получить рельефный фон

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

красивый фон для странички

У нас все готово!

Есть 3 коммент.

  1. ррр пишет:

    Классно спасибо

  2. Иван пишет:

    Похоже, автор что-то пропустил в описании: в итоге вместо рельефа получается невнятный серенький фон в крапинку (до окрашивания).
    Повторял описанную процедуру пять раз – с одним и тем же результатом. А 20% прозрачности слоев оставляет от них одну подложку.
    Шототутнетак…

  3. admin пишет:

    Расписал по-подробнее, надеюсь теперь стало понятнее.

Написать комментарий

XHTML: Вы можете использовать эти теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

*

*