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

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

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

suspended-text-effect

Шаг 1

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

Шаг 1

Шаг 2

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

2

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

3

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

4

Шаг 3

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

5

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

6

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

7

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

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

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

8

Шаг 4

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

9

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

10

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

11

Шаг 5

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

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

12

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

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

13

Шаг 6

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

14

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

15

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

16

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

17

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

18

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

19

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

20

Шаг 7

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

21

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

22

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

23

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

24

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

25

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

26

Шаг 8

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

27

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

28

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

29

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

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

Перевод статьи «How to Create Suspended Text Effect» был подготовлен дружной командой проекта Сайтостроение от А до Я.