В этом уроке мы создадим крутой текстовый эффект в стиле ретро, который становится все более популярным в современном мире дизайна. Сегодня вы узнаете, как использовать инструмент «Перспектива» для создания эффекта глубины резкости, и узнаете, как дизайнеры необычными способами используют градиенты по умолчанию.
Предварительный просмотр эффекта
Прежде чем мы начнем, давайте посмотрим, как будет выглядеть изображение, которое мы собираемся создать.
Шаг 1
Прежде чем начать, вам необходимо скачать шрифт Seqa с сайта dafont. После скачивания установите его и после установки откройте фотошоп.
Первый шаг выполняется быстро и легко. Залейте фоновый слой черным цветом и переименуйте его в «Фон». При вводе текста лучше всего придать ему вид квадрата, как показано ниже. Убедитесь, что текст выровнен по левому краю. Теперь у вас есть черный фоновый слой и текстовый слой. В моем примере я использовал 100 пт для PSD-части и 72 пт для текстовой части и сделал их одинаковыми по ширине.
Шаг 2
Откройте панель символов, установите цвет шрифта #e59710, а затем используйте Ctrl+T или используйте размер шрифта, чтобы изменить размер шрифта. Теперь давайте изменим интервал между символами. Поместите мышь между P и S и установите интервал между символами. до - 55, поэтому мы получаем довольно хороший интервал между двумя символами. Затем поместите мышь между S и D и установите интервал между словами -40.
Шаг 3
Теперь мы собираемся стилизовать текст, думая о втором шаге: мы хотим получить красивый золотистый текст с острыми краями и слегка наклоненным трехмерным видом. Итак, нам нужен наклон снаружи, чтобы создать ощущение глубины, а также небольшая тень внутри и градиент светлых участков.
Теперь давайте выделим этот наклон и воспользуемся внутренним свечением, но на скриншоте ниже мы расположили все в обратном порядке. Мой первый шаг обычно — добавить градиент, затем наклон, затем использовать свечение и тени.
Шаг 4
Пришло время использовать инструмент «Перспектива». Сначала вам придется удалить слой, поэтому продублируйте текстовый слой, а затем добавьте еще один слой поверх дублированного слоя. Теперь выберите дублированный текстовый слой и пустой слой. Затем используйте Ctrl + E. чтобы сгладить два слоя. Этот метод не только удаляет слой, но и не удаляет стиль слоя.
Теперь создайте ощущение глубины, выбрав Edit -> Transform -> Perspective.
Шаг 5
Дважды скопируйте деформированный текст, создайте папку, поместите в эту папку эти три слоя, назовите папку «текст», а три текстовых слоя назовите «передний» (Верхний), «средний» (средний) «задний» (нижний) .
Используйте стрелки вверх, вниз, влево и вправо на клавиатуре, чтобы переместить слои «средний» и «задний» вправо. Эффект такой, как показано на рисунке ниже. Как видите, «средний» слой находится ближе к «переднему» слою, а «задний» слой находится дальше от «переднего» слоя.
Шаг 6
Выберите слой «средний», установите его заливку на 0%, дважды щелкните слой «средний», откройте панель стилей слоя и установите наложение градиента, как показано на рисунке.
Шаг 7
Создайте новый слой над «передним» слоем и назовите его «chrome grad». Теперь, удерживая клавишу Ctrl, щелкните «передний» слой, чтобы выделить текстовый слой, выберите инструмент «Градиент» и откройте редактор градиентов, как показано на рисунке. на рисунке ниже выберите градиент под названием «хром», вернитесь на панель слоев, выберите слой «хромированный градиент», вытащите градиент из левого верхнего угла в правый нижний в выделении и, наконец, выберите режим наложения слоя. к мягкому свету.
