Создаем точечный матричный текстовый эффект в Adobe Photoshop

12.06.2016

883

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

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

Давайте начнем!

Ресурсы

http://www.fonts2u.com/fortuna-dot.font

http://axertion.deviantart.com/art/Metal-Mesh-Patterns-Pack-1-107942844

Шаг 1

Во-первых, мы создадим шаблон для синей жидкости. Создайте документ размером 10×10 пикселей, перейдите в Вид-Показать-Сетка (View-Show-Grid), чтобы включить сетку, а затем перейдите к Вид-Привязка к-Сетка (View-Snap To -Grid), чтобы включить привязку к сетке. Нажмите Ctrl + K, чтобы открыть окно с настройками, перейдите к направляющие, сетка и фрагменты (Guides, Grid&Slices), введите параметры, указанные ниже. Сетка поможет вам видеть все элементы и лучше в них ориентироваться, чтобы выключить сетку нажмите Ctrl + '.

Шаг 2

Перейдите на панель инструментов, установите цвет переднего плана на #FFFFFF и выберите инструмент Эллипс (Ellipse Tool). Создайте несколько векторных фигур, как на рисунке ниже.

После того, как вы закончите, сохраните шаблон перейдя в Редактирование-Определить узор (Edit-Define Pattern). Введите название узора и нажмите кнопку OK.

Шаг 3

Нажмите Control+N и создайте документ с размерами 2000×1000 пикселей.

Шаг 4

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

На Панели инструментов установите цвет переднего плана на # 32313C, выберите инструмент Заливка (Paint Bucket Tool) и кликните по холсту чтобы заполнить его новым цветом.

Щелкните правой кнопкой мыши на разблокированном слое, перейдите к Преобразовать в смарт-объект, затем в Фильтр-Шум-Добавить (Filter-Noise-Add Noise) и введите параметры, которые указаны на скриншоте.

Шаг 5

Выберите Инструмент Горизонтальный Текст (Horizontal Type Tool) и используйте шрифт Fortuna Dot.

Напишите в документе текст "AQUA", размер – до 450 пикселей и цвет # 2E2D36.

Шаг 6

Двойным щелчком по слою с текстом откройте Стили слоя (Layer Style) и введите параметры, указанные в следующих изображениях.

Внутренняя тень (Inner Shadow)

Внутреннее свечение (Inner Glow)

Наложение узора (Pattern Overlay)

Тень (Drop Shadow)

Шаг 7

Измените цвет переднего плана на # 226167, выберите инструмент Перо (Pen Tool) и убедитесь, что режим инструмента установлен на Фигура (Shape).

Создайте примерно такую векторную фигуру. Пытайтесь рисовать фигуру примерно посередине текста, но не ровной, а изогнутой линией.

Шаг 8

Перейдите на Панель слоев и с зажатой клавишей Control щелкните по миниатюре слоя – таким образом мы загрузим выделение слоя с текстом.

Перейдите на слой с фигурой и нажмите на кнопку добавления Маски слоя (Mask Add Layer).

После того, как вы закончите, просто нажмите Ctrl + D, чтобы снять выделение.

Шаг 9

На слое с фигурой откройте Стили слоя (Layer Style) и введите следующие параметры.

В параметре Наложение узора (Pattern Overlay) используйте узор, созданный в начале урока.

Внутренняя тень (Inner Shadow)

Внутреннее свечение (Inner Glow)

Наложение узора (Pattern Overlay)

Тень (Drop Shadow)

Шаг 10

Измените цвет переднего плана на # 21656C и выберите Инструмент Эллипс Ellipse Tool.

К половинкам кружочков дорисуйте формы, как показано на рисунке.

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

Шаг 11

На слое с фигурой, созданной в предыдущем шаге откройте Стили слоя (Layer Style) и введите параметры, указанные ниже.

Внутренняя тень (Inner Shadow)

Наложение узора (Pattern Overlay)

Тень (Drop Shadow)

Шаг 12

Установите цвет переднего плана # 276A71 и выберите Инструмент Эллипс (Ellipse Tool).

Создадим маленькие кружочки размером 1×1 пиксель, 2×2 пикселя и 3×3 пикселя и расположим их, как показано ниже:

Шаг 13

Измените цвет переднего плана на красный (# FF0000) и выберите Инструмент Перо (Pen Tool).

Создайте фигуру, которая покрывает только верхние кружочки.

Шаг 14

Создайте выделение слоя с текстом, перейдите на слой с красной фигурой и добавьте к нему Маску слоя (Mask Add Layer).

Нажмите Ctrl + чтобы снять выделение, перейдите на Панель слоев и понизьте заливку слоя (Fill) до 0%.

Шаг 15

На слое с красной фигурой активируйте Стили слоя (Layer Style) и введите параметры, указанные ниже.

Внешнее свечение (Outer Glow)

Шаг 16

Измените цвет переднего плана на # 2E2D36, выберите Инструмент Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) и установите радиус на 80 пикселей. Создайте векторную форму размером 1760×660 пикселей и разместите её, как показано на первом изображении.

С помощью того же инструмента, только уменьшив радиус до 75 пикселей, создайте фигуру с размером 1700×600 пикселей и поместите её в центре прямоугольника с закругленными углами, который вы создали ранее.

Шаг 17

Перейдите в Панель слоев, выберите векторные фигуры, сделанные в предыдущем шаге, щелкните правой кнопкой мыши на одном из слоев и выберите объединить фигуры.

Сделайте активным Инструмент Выделение контура (Path Selection Tool), выберите фигуру 1700×600 пикселей и в верхней панели перейдите к пункту Вычитание передней фигуры.

Шаг 18

На слое с фигурой, созданной в предыдущем шаге откройте Стили слоя (Layer Style) и введите такие параметры:

Внутренняя тень (Inner Shadow)

Внутреннее свечение (Inner Glow)

Наложение узора (Pattern Overlay)

Тень (Drop Shadow)

Шаг 19

Измените цвет переднего плана на # 226167, и выберите Инструмент Перо (Pen Tool). Создайте такую векторную фигуру.

Стоя на слое с «рамкой», созданной в шаге 17, загрузите ее выделение (перейдите на Панель слоев и с зажатой клавишей Control щелкните по миниатюре слоя).

Перейдите на слой с синей фигурой и добавьте к нему Маску слоя (Mask Add Layer).

Шаг 20

На слое, созданном в предыдущем шаге, откройте Стили слоя (Layer Style) и введите параметры, указанные в следующих изображениях.

Внутренняя тень (Inner Shadow)

Внутренняя тень (Inner Shadow)

Внутреннее свечение (Inner Glow)

Наложение узора (Pattern Overlay)

Тень (Drop Shadow)

Шаг 21

Установите цвет переднего плана # 21656C, выберите Инструмент Эллипс (Ellipse Tool), создайте две векторные фигуры размером 30×8 пикселей и поместите их в подсвеченные местах.

Перейдите в панель слоев, выберите векторные фигуры, сделанные в этом шаге, щелкните правой кнопкой мыши на одной из них и выберите Объединить фигуры.

Шаг 22

На слое с фигурой, созданной в предыдущем шаге, откройте Стили слоя (Layer Style) и введите параметры, как на рисунках ниже.

Внутренняя тень (Inner Shadow)

Наложение узора (Pattern Overlay)

Шаг 23

И в завершение, измените цвет переднего плана на # 226167, выберите Инструмент Эллипс (Ellipse Tool) и создайте несколько маленьких кругов примерно таких, как на рисунке.