Добавление 3D-эффекта в ваш дизайн может придать ему дополнительную элегантность. Этот базовый приём — один из лучших приёмов Photoshop, который очень полезен новичкам при разработке веб-сайтов и баннеров. Мы будем использовать базовые инструменты, такие как наложение слоёв и инструмент трансформации.
Для начала создайте новый документ размером 800 X 600.
![Как создать эффект 3D-полосы в Photoshop [Урок] Как создать эффект 3D-полосы в Photoshop [Урок]](https://tips-cdn.webtech360.com/resources8/r252/image-6190-0829093911830.webp)
Залейте фон светлым цветом. В данном случае мы использовали светло-голубой.
![Как создать эффект 3D-полосы в Photoshop [Урок] Как создать эффект 3D-полосы в Photoshop [Урок]]()
Теперь создайте новый слой (Shift + Ctrl + N), дважды щелкните по нему и установите режим наложения на «Мягкий свет», просто перейдя в параметры наложения.
![Как создать эффект 3D-полосы в Photoshop [Урок] Как создать эффект 3D-полосы в Photoshop [Урок]]()
Затем возьмите большую мягкую белую кисть, используя инструмент «Кисть», и сделайте один щелчок, как показано ниже.
![Как создать эффект 3D-полосы в Photoshop [Урок] Как создать эффект 3D-полосы в Photoshop [Урок]]()
Теперь создайте новый слой и назовите его «полоса», залейте его темно-серым цветом (#707793).
![Как создать эффект 3D-полосы в Photoshop [Урок] Как создать эффект 3D-полосы в Photoshop [Урок]]()
Откройте параметры наложения нового слоя «Stripe» и добавьте к нему градиентное наложение. Просто уменьшите непрозрачность до 15%.
![Как создать эффект 3D-полосы в Photoshop [Урок] Как создать эффект 3D-полосы в Photoshop [Урок]]()
Ваш вывод должен выглядеть примерно так.
![Как создать эффект 3D-полосы в Photoshop [Урок] Как создать эффект 3D-полосы в Photoshop [Урок]]()
Создайте два дубликата слоя «Полоска». Назовите одну полоску «Нижняя», а другую — «Верхняя». Разместите их соответственно над уже созданной полоской и уменьшите размер с помощью инструмента «Трансформация» или просто выделив слой и нажав Ctrl + T.
![Как создать эффект 3D-полосы в Photoshop [Урок] Как создать эффект 3D-полосы в Photoshop [Урок]]()
Окрасьте верхнюю и нижнюю полосы в красный цвет и удалите все добавленные эффекты (наложение градиента), нажав на стрелку справа, а затем на значок глаза перед эффектами. Это удалит все эффекты наложения с выбранного слоя. Вы также можете удалить их, перейдя в параметры наложения и сняв флажок с наложения градиента.
![Как создать эффект 3D-полосы в Photoshop [Урок] Как создать эффект 3D-полосы в Photoshop [Урок]]()
Теперь применим эффекты смешивания к этим верхним и нижним полоскам. Откройте параметры смешивания и выберите внутреннюю тень, установите непрозрачность 60, расстояние 0, сжатие 0 и размер 1.
![Как создать эффект 3D-полосы в Photoshop [Урок] Как создать эффект 3D-полосы в Photoshop [Урок]]()
Установите флажок «Наложение градиента», установите непрозрачность на 20 и масштаб до 100 процентов.
![Как создать эффект 3D-полосы в Photoshop [Урок] Как создать эффект 3D-полосы в Photoshop [Урок]]()
Наконец, уменьшите непрозрачность обоих слоев до 70% на панели слоев.
![Как создать эффект 3D-полосы в Photoshop [Урок] Как создать эффект 3D-полосы в Photoshop [Урок]]()
Создайте новую группу и назовите её «Stripe». Дублируйте все слои с полосками (верхнюю, нижнюю и среднюю) и поместите их в эту группу. Нажмите Ctrl + T, чтобы изменить размер. Примените инструмент «Трансформировать» к слоям и продолжайте удерживать Ctrl, и вы заметите, что теперь вы можете свободно перемещать края всей группы, придавая им трёхмерную форму.
![Как создать эффект 3D-полосы в Photoshop [Урок] Как создать эффект 3D-полосы в Photoshop [Урок]]()
Чтобы придать созданной группе полос более выразительный 3D-эффект, используйте настройки яркости/контрастности. Перейдите в меню «Изображение» -> «Коррекция» -> «Яркость/контрастность» и выполните следующие настройки. Теперь у вас есть более подходящее освещение, что создаёт равномерный 3D-эффект.
![Как создать эффект 3D-полосы в Photoshop [Урок] Как создать эффект 3D-полосы в Photoshop [Урок]]()
В конечном итоге ваше рабочее пространство должно выглядеть так.
![Как создать эффект 3D-полосы в Photoshop [Урок] Как создать эффект 3D-полосы в Photoshop [Урок]]()
Его можно дополнительно улучшить, используя инструмент «Текст» и параметры смешивания.
![Как создать эффект 3D-полосы в Photoshop [Урок] Как создать эффект 3D-полосы в Photoshop [Урок]]()