Как создать эффект 3D-полосы в Photoshop [Урок]

Добавление 3D-эффекта в ваш дизайн может придать ему дополнительную элегантность. Этот базовый приём — один из лучших приёмов Photoshop, который очень полезен новичкам при разработке веб-сайтов и баннеров. Мы будем использовать базовые инструменты, такие как наложение слоёв и инструмент трансформации.

Для начала создайте новый документ размером 800 X 600.

Как создать эффект 3D-полосы в Photoshop [Урок]

Залейте фон светлым цветом. В данном случае мы использовали светло-голубой.

Как создать эффект 3D-полосы в Photoshop [Урок]

Теперь создайте новый слой (Shift + Ctrl + N), дважды щелкните по нему и установите режим наложения на «Мягкий свет», просто перейдя в параметры наложения.

Как создать эффект 3D-полосы в Photoshop [Урок]

Затем возьмите большую мягкую белую кисть, используя инструмент «Кисть», и сделайте один щелчок, как показано ниже.

Как создать эффект 3D-полосы в Photoshop [Урок]
Теперь создайте новый слой и назовите его «полоса», залейте его темно-серым цветом (#707793).

Как создать эффект 3D-полосы в Photoshop [Урок]

Откройте параметры наложения нового слоя «Stripe» и добавьте к нему градиентное наложение. Просто уменьшите непрозрачность до 15%.

Как создать эффект 3D-полосы в Photoshop [Урок]

Ваш вывод должен выглядеть примерно так.

Как создать эффект 3D-полосы в Photoshop [Урок]

Создайте два дубликата слоя «Полоска». Назовите одну полоску «Нижняя», а другую — «Верхняя». Разместите их соответственно над уже созданной полоской и уменьшите размер с помощью инструмента «Трансформация» или просто выделив слой и нажав Ctrl + T.

Как создать эффект 3D-полосы в Photoshop [Урок]
Окрасьте верхнюю и нижнюю полосы в красный цвет и удалите все добавленные эффекты (наложение градиента), нажав на стрелку справа, а затем на значок глаза перед эффектами. Это удалит все эффекты наложения с выбранного слоя. Вы также можете удалить их, перейдя в параметры наложения и сняв флажок с наложения градиента.

Как создать эффект 3D-полосы в Photoshop [Урок]
Теперь применим эффекты смешивания к этим верхним и нижним полоскам. Откройте параметры смешивания и выберите внутреннюю тень, установите непрозрачность 60, расстояние 0, сжатие 0 и размер 1.

Как создать эффект 3D-полосы в Photoshop [Урок]

Установите флажок «Наложение градиента», установите непрозрачность на 20 и масштаб до 100 процентов.

Как создать эффект 3D-полосы в Photoshop [Урок]

Наконец, уменьшите непрозрачность обоих слоев до 70% на панели слоев.

Как создать эффект 3D-полосы в Photoshop [Урок]

Создайте новую группу и назовите её «Stripe». Дублируйте все слои с полосками (верхнюю, нижнюю и среднюю) и поместите их в эту группу. Нажмите Ctrl + T, чтобы изменить размер. Примените инструмент «Трансформировать» к слоям и продолжайте удерживать Ctrl, и вы заметите, что теперь вы можете свободно перемещать края всей группы, придавая им трёхмерную форму.

Как создать эффект 3D-полосы в Photoshop [Урок]

Чтобы придать созданной группе полос более выразительный 3D-эффект, используйте настройки яркости/контрастности. Перейдите в меню «Изображение» -> «Коррекция» -> «Яркость/контрастность» и выполните следующие настройки. Теперь у вас есть более подходящее освещение, что создаёт равномерный 3D-эффект.

Как создать эффект 3D-полосы в Photoshop [Урок]

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

Как создать эффект 3D-полосы в Photoshop [Урок]

Его можно дополнительно улучшить, используя инструмент «Текст» и параметры смешивания.

Как создать эффект 3D-полосы в Photoshop [Урок]

Leave a Comment

FLVMeta добавляет метаданные в видеофайлы FLV

FLVMeta добавляет метаданные в видеофайлы FLV

Файлы FLV — отличный и популярный способ распространения видео в интернете, но ключевым элементом в них являются метаданные. Полезность этих данных трудно оценить.

Офлайн-читалка Википедии на компьютере

Офлайн-читалка Википедии на компьютере

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

Автоматический прием звонков Skype от выбранных контактов (включая видео)

Автоматический прием звонков Skype от выбранных контактов (включая видео)

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

Скачивайте и играйте в бесплатные флеш-игры офлайн

Скачивайте и играйте в бесплатные флеш-игры офлайн

Вместо того, чтобы использовать несколько инструментов для загрузки и последующего воспроизведения флеш-игр в офлайн-режиме, мы будем использовать недавно упомянутый Flash Video & Game Recorder.

UMusic – загрузка музыкальных файлов в формате MP3 на YouTube

UMusic – загрузка музыкальных файлов в формате MP3 на YouTube

Мы уже обсудили различные способы загрузки видео с YouTube, а сегодня поговорим о загрузке вашей любимой музыки в формате MP3 на YouTube. Мы все знаем,

Как мгновенно исправить видеофайл AVI с помощью DivFix++

Как мгновенно исправить видеофайл AVI с помощью DivFix++

Вы скачали видео в формате AVI, а потом обнаружили, что оно повреждено? Большинство людей скачают его снова, но это бесполезно, поскольку тратит ещё больше времени.

Как использовать фотографии Flickr в качестве заставки в Windows

Как использовать фотографии Flickr в качестве заставки в Windows

Flickr .Net Screensaver — это бесплатный инструмент с открытым исходным кодом для Windows, позволяющий использовать ваши фотографии Flickr в качестве заставки. Помимо ваших собственных фотографий, у вас есть

Как увеличить интервал между значками в Windows 7

Как увеличить интервал между значками в Windows 7

Ищете способ настроить расстояние между значками на рабочем столе Windows 7? В Windows 7 теперь можно увеличить расстояние между значками.

Fxite: полнофункциональный настраиваемый текстовый редактор с поддержкой макросов

Fxite: полнофункциональный настраиваемый текстовый редактор с поддержкой макросов

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

Перенесите текстовый редактор Mac OS X 10.7 Lion в Windows 7 с помощью Lion TextEdit

Перенесите текстовый редактор Mac OS X 10.7 Lion в Windows 7 с помощью Lion TextEdit

Ищете текстовый редактор, похожий на Mac, для Windows 7? TextEdit для Windows — отличная альтернатива с привычным интерфейсом и функциями.