Добавление 3D-эффекта в ваш дизайн может придать ему дополнительную элегантность. Этот базовый приём — один из лучших приёмов Photoshop, который очень полезен новичкам при разработке веб-сайтов и баннеров. Мы будем использовать базовые инструменты, такие как наложение слоёв и инструмент трансформации.
Для начала создайте новый документ размером 800 X 600.
![Как создать эффект 3D-полосы в Photoshop [Урок] Как создать эффект 3D-полосы в Photoshop [Урок]](/resources8/r252/image-6190-0829093911830.jpg)
Залейте фон светлым цветом. В данном случае мы использовали светло-голубой.
![Как создать эффект 3D-полосы в Photoshop [Урок] Как создать эффект 3D-полосы в Photoshop [Урок]](/resources8/r252/image-2401-0829093914382.jpg)
Теперь создайте новый слой (Shift + Ctrl + N), дважды щелкните по нему и установите режим наложения на «Мягкий свет», просто перейдя в параметры наложения.
![Как создать эффект 3D-полосы в Photoshop [Урок] Как создать эффект 3D-полосы в Photoshop [Урок]](/resources8/r252/image-1333-0829093915488.jpg)
Затем возьмите большую мягкую белую кисть, используя инструмент «Кисть», и сделайте один щелчок, как показано ниже.
![Как создать эффект 3D-полосы в Photoshop [Урок] Как создать эффект 3D-полосы в Photoshop [Урок]](/resources8/r252/image-1063-0829093917168.jpg)
Теперь создайте новый слой и назовите его «полоса», залейте его темно-серым цветом (#707793).
![Как создать эффект 3D-полосы в Photoshop [Урок] Как создать эффект 3D-полосы в Photoshop [Урок]](/resources8/r252/image-1927-0829093918305.jpg)
Откройте параметры наложения нового слоя «Stripe» и добавьте к нему градиентное наложение. Просто уменьшите непрозрачность до 15%.
![Как создать эффект 3D-полосы в Photoshop [Урок] Как создать эффект 3D-полосы в Photoshop [Урок]](/resources8/r252/image-9689-0829093919324.jpg)
Ваш вывод должен выглядеть примерно так.
![Как создать эффект 3D-полосы в Photoshop [Урок] Как создать эффект 3D-полосы в Photoshop [Урок]](/resources8/r252/image-3482-0829093920116.jpg)
Создайте два дубликата слоя «Полоска». Назовите одну полоску «Нижняя», а другую — «Верхняя». Разместите их соответственно над уже созданной полоской и уменьшите размер с помощью инструмента «Трансформация» или просто выделив слой и нажав Ctrl + T.
![Как создать эффект 3D-полосы в Photoshop [Урок] Как создать эффект 3D-полосы в Photoshop [Урок]](/resources8/r252/image-3071-0829093921002.jpg)
Окрасьте верхнюю и нижнюю полосы в красный цвет и удалите все добавленные эффекты (наложение градиента), нажав на стрелку справа, а затем на значок глаза перед эффектами. Это удалит все эффекты наложения с выбранного слоя. Вы также можете удалить их, перейдя в параметры наложения и сняв флажок с наложения градиента.
![Как создать эффект 3D-полосы в Photoshop [Урок] Как создать эффект 3D-полосы в Photoshop [Урок]](/resources8/r252/image-5349-0829093921969.jpg)
Теперь применим эффекты смешивания к этим верхним и нижним полоскам. Откройте параметры смешивания и выберите внутреннюю тень, установите непрозрачность 60, расстояние 0, сжатие 0 и размер 1.
![Как создать эффект 3D-полосы в Photoshop [Урок] Как создать эффект 3D-полосы в Photoshop [Урок]](/resources8/r252/image-6213-0829093923111.jpg)
Установите флажок «Наложение градиента», установите непрозрачность на 20 и масштаб до 100 процентов.
![Как создать эффект 3D-полосы в Photoshop [Урок] Как создать эффект 3D-полосы в Photoshop [Урок]](/resources8/r252/image-7217-0829093923831.jpg)
Наконец, уменьшите непрозрачность обоих слоев до 70% на панели слоев.
![Как создать эффект 3D-полосы в Photoshop [Урок] Как создать эффект 3D-полосы в Photoshop [Урок]](/resources8/r252/image-2770-0829093925403.jpg)
Создайте новую группу и назовите её «Stripe». Дублируйте все слои с полосками (верхнюю, нижнюю и среднюю) и поместите их в эту группу. Нажмите Ctrl + T, чтобы изменить размер. Примените инструмент «Трансформировать» к слоям и продолжайте удерживать Ctrl, и вы заметите, что теперь вы можете свободно перемещать края всей группы, придавая им трёхмерную форму.
![Как создать эффект 3D-полосы в Photoshop [Урок] Как создать эффект 3D-полосы в Photoshop [Урок]](/resources8/r252/image-7671-0829093927064.jpg)
Чтобы придать созданной группе полос более выразительный 3D-эффект, используйте настройки яркости/контрастности. Перейдите в меню «Изображение» -> «Коррекция» -> «Яркость/контрастность» и выполните следующие настройки. Теперь у вас есть более подходящее освещение, что создаёт равномерный 3D-эффект.
![Как создать эффект 3D-полосы в Photoshop [Урок] Как создать эффект 3D-полосы в Photoshop [Урок]](/resources8/r252/image-6775-0829093927439.jpg)
В конечном итоге ваше рабочее пространство должно выглядеть так.
![Как создать эффект 3D-полосы в Photoshop [Урок] Как создать эффект 3D-полосы в Photoshop [Урок]](/resources8/r252/image-8643-0829093929303.jpg)
Его можно дополнительно улучшить, используя инструмент «Текст» и параметры смешивания.
![Как создать эффект 3D-полосы в Photoshop [Урок] Как создать эффект 3D-полосы в Photoshop [Урок]](/resources8/r252/image-9301-0829093930285.jpg)