Как создать эффект текста, подвешенного на веревке

В этой статье мы расскажем, как создать красивый красочный эффект текста подвешенного на веревке.

Содержание

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

Шаг 1

Сначала создайте новый документ с размерами 1000 на 500 пикселей, с черным фоном. Затем введите текст белого цвета. Используйте шрифт Verdana, 120 пунктов. В окне выбора стиля шрифта в панели параметров рядом с полем «Семейство шрифтов» выберите «Жирный»:

Шаг 2

Создайте новый слой поверх фона и назовите его «Gradient«. Выберите инструмент «Градиент» и установите для переднего плана белый цвет. Создайте градиент цвета переднего плана с переходом прозрачности сверху вниз:


Нажмите клавишу Ctrl и щелкните по иконке слоя текста, чтобы создать выделение:


Выберите слой «Gradient» и нажмите Ctrl + J, чтобы скопировать выделение и вставьте его на новый слой, назвав его «Gradient Letters«. Затем нажмите на иконку глаза рядом со слоем текста и слоем «Gradient«, чтобы сделать их невидимыми:

Шаг 3

Выберите инструмент «Прямоугольное выделение» и нажмите на иконку «Пересечение с выделенной областью» в панели параметров. Выделите текст (Ctrl + клик на миниатюре слоя с текстом), затем нарисуйте прямоугольник вокруг первой буквы:


Таким образом, будет выделена только буква S:


Создайте новый слой поверх слоя «Gradient Letters» и назовите его “Colored Letters”, затем измените его режим смешивания на «Осветление». Залейте созданное выделение цветом #ff0000, затем нажмите Ctrl + D, чтобы снять выделение:


Повторите этот процесс для каждой буквы. (Ctrl + клик на иконке текстового слоя). Чтобы создать выделение, нарисуйте прямоугольник вокруг буквы, которую вы хотите залить новым цветом. Залейте выделение и нажмите Ctrl + D, чтобы снять его. Используйте при этом следующие цвета:

  • S#ff0000;
  • U#ff7e00;
  • S#fffc00;
  • P#a2ff00;
  • E#06ec00;
  • N#00d8ff;
  • D#004eff;
  • E#7200ff;
  • D#f000ff.

Вот, что вы получите:

Шаг 4

Установите значение заливки слоев “Gradient Letters” и “Gradient Letters” и “Colored Letters” на 60%, и продублируйте каждый из этих слоев:


Выберите оригинальный слой “Gradient Letters” и “Colored Letters”, перейдите Фильтр – Размытие — Размытие по Гауссу и установите для радиуса значение 5. Сделайте то же самое для оригинального слоя “Gradient Letters”:


Объедините вместе все четыре слоя (выберите их все, а затем перейдите Слой — Объединить слои):

Шаг 5

Теперь снова создайте в исходном текстовом слое выделение (Ctrl + клик на иконке исходного слоя текста). Используйте инструмент «Прямоугольное выделение» и нажмите «Пересечение с выделенной областью», а затем нарисуйте прямоугольник вокруг первого слоя.

После выбора буквы нажмите Ctrl + J, чтобы скопировать ее и вставить в новый слой:


Повторите тот же процесс для каждой буквы. Не забывайте каждый раз после нажатия Ctrl + J выбирать слой «Colored Letters copy».

После того, как вы закончите, каждая буква у вас должна размещаться на отдельном слое. Нажмите значок глаза рядом со слоем «Colored Letters copy», чтобы сделать его невидимым:

Шаг 6

Установите цвет переднего плана на #e5ffff и выберите инструмент «Перо». Кликните по иконке «Контуры» в панели параметров:


Создайте новый слой поверх всех слоев и назовите его «Rope». Нарисуйте контур, как это показано на рисунке ниже:


Выберите круглую кисть и установите ей размер в 3 пикселя. Затем выберите инструмент «Перо» еще раз, щелкните правой кнопкой мыши на контуре, который вы создали, и выберите «Обвести контур»:


Используйте следующие настройки:


Таким образом, вы обведете контур выбранной кистью. Нажмите Enter, чтобы убрать контур:


Продублируйте слой «Rope», затем выберите исходный слой и снова примените к нему фильтр «Размытие по Гауссу» (Для этого вы можете нажать Ctrl + F):


Переместите второй слой «Rope» таким образом, чтобы он находился под всеми слоями букв:

Шаг 7

Разверните и подвиньте буквы, чтобы разместить их на веревке:


Удерживая Ctrl, кликните на иконке слоя «Rope», чтобы создать выделение:


Выберите инструмент «Ластик» и по одному выделите слои букв. Сотрите их края таким образом, чтобы казалось, что они подвешены на веревке:


Вот, как должен выглядеть ваш текст:


Теперь выберите для инструмента «Ластик» жесткую круглую кисть, установите ее размер в 5 пикселей, и снова по одному выберите слои букв, чтобы стереть те их части, где веревка пронизывает буквы:


Вы должны в конечном итоге получить что-то похожее на это:

Шаг 8

Теперь мы сделаем сам фон более красочным. Создайте новый слой поверх фона и назовите его «BG Colors». Затем выберите мягкую круглую кисть и нанесите на холст несколько пятен разных размеров, при этом используйте различные яркие цвета, например #fe5a00, #ffe100, #7cff00 и #00fff5:


Используйте инструмент «Ластик» с мягкой круглой кистью, чтобы немного затереть цвет в центре (вокруг текста):


Установите непрозрачность слоя «BG Colors» на 25%. И вот все готово!

Окончательное изображение

Данная публикация представляет собой перевод статьи «How to Create Suspended Text Effect» , подготовленной дружной командой проекта Интернет-технологии.ру