Как быстро создать эффект стилизованного ретро текста

Арт блог

В этой статье вы создадите классные ретро-текстовые эффекты, которые становятся все более популярными в современном дизайне. Сегодня мы научимся пользоваться этим инструментом».Перспективы.«Узнайте, как создать глубину и как дизайнеры могут использовать стандартные градиенты необычными способами!

Превью завершенного изображения

Прежде чем начать, давайте посмотрим на изображение, которое мы будем создавать.

Предварительный просмотр интегрированного изображения

Шаг 1.

Перед началом работы вам необходимо загрузить и установить шрифты из dafont. Установка шрифтов очень проста. В панели конфигурации вы найдете папку с именем «Шрифты.«. Просто вставьте туда файл и запуститеФотошоп..

Первый шаг очень прост. Залейте исходный слой черным цветом и назовите его &.#171;&#171?. Введите необходимый текст, желательно весь в почти квадратном блоке, как показано на рисунке ниже.

Убедитесь, что текст выровнен по левому краю. На данном этапе у вас должен быть один слой, содержащий фон, и другой слой, содержащий текст. В моем примере я использовал &.#171;&#187?размер шрифта 100pt и &.#171;&#187?размер шрифта:

Шаг 1

Шаг 2.

Теперь давайте внесем несколько изменений в текст. Для этого откройте палитру Character (Окно — Символы). Под полем «Размер шрифта.» позволяет установить центрирование между символами. Кернинг задает относительное расстояние между двумя символами. Таким образом, «Текст.инструмент для двух символов позволяет регулировать расстояние между двумя символами.

Сначала установите цвет текста.#e59710. Это базовый цвет, когда вы хотите получить золотистый цвет. Затем вы можете использовать Свободное преобразование (Ctrl + T) или изменить размер текста. После увеличения текста верхняя строка становится его размером280 точекИ дно &#8212,194,4 балла.

Теперь вы можете выполнить кернинг. После выбора инструмента»Текст.«, установите курсор между буквами P и S и задайте кернинг -55. Таким образом, две буквы будут достаточно близки. Затем установите курсор между буквами S и D и установите кернинг на -40.

Шаг 2

Шаг 3

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

ЧИТАТЬ ЕЩЁ:  Используем свет и тень, чтобы оживить текст

Используйте внутреннее свечение, чтобы подчеркнуть скосы. На скриншотах ниже показаны шаги в порядке убывания. Обычно я начинаю с добавления градиента, скоса, свечения и тени.

Шаг 3

Шаг 4.

Пора подумать о перспективах! Сначала необходимо растеризовать слой. Создайте копию текстового слоя (Всегда редактируйте дублирующий текстовый слой! Всегда!). Затем добавьте еще один слой поверх копии. Выберите дублированный текст и новый пустой слой и объедините их.Ctrl+E. Этот метод также может быть использован для растеризации и может быть выполнен из меню «».

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

Затем, используя растрированный текстовый слой, перейдите в меню.Редактирование — Трансформация — Перспектива. Захватите и удерживайте точку привязки в правом верхнем углу.Переключение.Перетащите его вверх.

Также можно захватить и удерживать левую верхнюю точкуПереключение.Слегка перетащите вниз, чтобы создать еще больший эффект глубины. Затем слегка сожмите высоту всего текста, чтобы убрать размытие.

Шаг 4

Шаг 5.

Продублируйте искаженный текст дважды и объедините эти три слоя в один набор под названием &.#171;&#171?. Переименуйте самый верхний (3) в &.<#171;фронт.&#>171?, середина и в.#171;&#187? и до дна &.#171;&#171?.

С помощью клавиш со стрелками перемещайте нижний и средний слои вправо, пока не получите изображение, показанное на рисунке ниже. Как вы можете видеть, слои и#171;back&#187? слои нужно немного отодвинуть от &.<#171;фронт.&#>171? к &.#171;&#171?:

Шаг 5

Шаг 6.

Выберите и.#171;&#187?: установите заливку на 0% (Заливка находится под опцией Непрозрачность в палитре Слои). Затем наложите градиентное наложение с помощью стиля слоя. Простой способ сделать это — выбрать прозрачный градиентный цвет переднего плана.

Это второй склон слева в верхнем ряду — просто нажмите на треугольник рядом с полем».Склон.«Появится список доступных градиентов. Затем можно изменить цвет переднего плана.#008aff:

Шаг 6

Шаг 7.

Создайте новый слой поверх &.<#171;фронт.&#>187?Назовите слой &#171.Хромированные выпускники.«. Теперь нажмите и удерживайтеДелегация. (в) и.<#171;фронт.&#>171?Выберите слой, чтобы выделить его.

ЧИТАТЬ ЕЩЁ:  Как в Photoshop увеличить резкость изображений

Выберите инструмент «Склон.» (Удерживая нажатой кнопку мыши на инструменте выбора цвета, выберите инструмент «Градиент».) и выберите градиент. Затем установите градиентный переход от левого верхнего угла к правому нижнему углу выделенной области. Затем установите режим наложения слоя наМягкое свечение.»:

Шаг 7

Шаг 8.

Создайте совершенно новый набор слоев и назовите его &#171.Мягкие блики.«. Если этот набор слоев идентичен &#?#171;&#171?, вы можете просто перетащить его в сторону, а затем поместить его поверх набора слоев &.#171;&#171?.

Теперь в комплекте «Мягкие блики.» Создайте новый слой и назовите его & #171.Выделите блики.«. Залейте этот слой черным цветом, а затем добавьтеФильтр — Рендеринг — Маркировка. Выберите 100-мм блик с яркостью по умолчанию 100%.

Поместите курсор в нужное место. Я поместил его в верхней части письма. Измените режим наложения слоя на «Мягкое свечение.‘ Скопируйте слой. Теперь поместите его в другое место. Используйте букву и .

Используйте маску, чтобы удалить часть наложения. Это происходит потому, что два перекрывающихся черных слоя видны, когда текст светлый. Затем с помощью черной кисти заполните все прозрачные области обоих слоев в результате перемещения текста и изменения выделения.

Опять же, это важно, потому что эти области появятся в фоновых элементах, которые вы добавите позже. Рекомендуется исправить это сейчас, чтобы потом не пришлось возвращаться к этому пункту, чтобы определить слой, вызывающий проблему. Это особенно актуально для проектов с более чем 100 слоями, что может быть проблематично.

Шаг 8

Шаг 9.

Теперь, как вы можете видеть на последнем снимке, набор слоев и#171;&#187? и &#171,Мягкие блики.будет добавлен в набор » &.<#171;psdtuts&#>171?. Добавьте отражения. Дублируйте этот набор и растеризуйте его, как вы это делали ранее. Создайте новый слой, выделите оба слоя и нажмите кнопкуCtrl+E.

Перейти к.Редактирование — Преобразование —ОтраженияПо вертикали поместите отражение под оригинальным текстом. Затем перейдите к.Редактирование — Трансформация — Градиент.Чтобы установить отражение (TUTS, потому что вам нужно переместить T в TUTS.).

ЧИТАТЬ ЕЩЁ:  6 шагов совершенствования веб-дизайна в стиле минимализм

Захватите левую среднюю точку якоря и перетащите. Добавьте маску на новый слой под названием Call &<#171;Отражение&#>171 — затем используйте черно-белый градиент (поПросто выберите оценку по умолчанию, нажав на D на клавиатуре, чтобы сбросить настройки цвета по умолчанию.) Создайте феномен затухания:.

Шаг 9

Шаг 10.

Между &.<#171;Отражение&#>187; и набор слоев &.<#171;psdtuts.&#>187; Создавайте новые уровни и имена & # 171,.Передняя часть со вспышкой«. Заполните черным цветом и перейдите кФильтр — рендеринг — блик Выберите зум 50-300 мм и яркость 100%. Поместите этот уровень туда, куда вы считаете нужным, и установите режим микширования».Линейная молния» (Добавить):

Шаг 10

Шаг 11.

Двуспальный матрас & # 171,.Передняя часть со вспышкой« матрас, установите режим смешивания»Загорается.«. Перемещение вниз по набору слоев»psdtuts.‘За текстом. Назовем этот уровень & # 171,Развернуть.«:.

Шаг 11

Шаг 12.

Откройте новый документ (Ctrl + n) размером 40 x 2 пикселя. Выделите половину этого документа с помощью инструмента».Выбор прямоугольникаЗалейте выделенную область инструментом «Прямоугольное выделение» и черным цветом. Для более точного выбора области можно нажать кнопкуCtrl + r. Затем перейдите к.Редактировать — Определение выкройки. Введите имя для детали.

Шаг 12

Шаг 13.

Закройте файл и вернитесь к исходному проекту. Прямо над матрасом<#171;Общие сведения.&#>171; на первом созданном вами матрасе создайте новый слой.

Перейти к.Редактировать — Готово. Выберите созданный вами узор. В результате экран заполнится узором. Установите заполнение на 0%, а затем добавьте цветное покрытие через матрасный стиль#DD04AD. Уменьшите непрозрачность смеси до 64%:.

Шаг 13

Заключение.

Тип.Ctrl + T, изменить размер и повернуть полосу на 90°. Тип.Тип. Перейти к.Редактирование — Трансформация — Перспектива. И так же, как мы делали раньше, только в этот раз мы захватим правую верхнюю точку угла привязки, т.е.Переключение.и перетащите точку привязки вниз. Таким образом, эта сторона становится более узкой, как если бы точка опоры была удалена от вас.

На левой стороне возьмитесь за верхний угол и перетащитеПереключение.и потяните его вверх, как будто сторона обращена к вам. Обратите внимание на интересный результат, полученный на уровне линии.

Оцените статью