Найти тему

Создаём текст для комиксов в Фотошоп

Оглавление

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

Данный текст был создан с целью имитации шрифта, который используется в комиксах, но только в 3D. Сегодня вы узнаете, как создать данный эффект 3D, используя дубликаты слоёв, включая эффект полутонов, чтобы придать изображению вид, который применяется в журналах с комиксами. Данный урок был создан с помощью программы Photoshop CC.

Скачать архив с материалом к уроку

Итоговый результат:

Шаг 1

Откройте программу Photoshop. Создайте новый документ (Ctrl + N) или перейдите Файл - Новый (File > New) со следующими размерами: 2000 px по ширине и 2000 px по высоте (Разрешение (resolution) особой роли не играет, т.к. мы используем пиксели). Я назвал новый документ “Текст для книжки с комиксами”.

-2

Шаг 2

Итак, пришло время добавить градиент на задний фон. Дважды щёлкните по слою с задним фоном, чтобы применить стили слоя. Примените настройки, которые указаны на скриншоте ниже.

Примечание переводчика: тип градиента Радиальный (Radial).

-3

Шаг 3

Создайте новый слой. Залейте этот слой любым цветовым оттенком, а затем уменьшите значение Заливки (fill) до 0%. Дважды щёлкните по данному слою, чтобы появилось окно стилей слоя. Примените следующий узор.

Примечание переводчика: автор применяет узор “Gray Grunge 128 х 128 pixels”, если у вас нет данной текстуры, примените похожую текстуру.

-4

Шаг 4

Примечание переводчика: с помощью полутоновой кисти, нанесите узор в центре изображения. Скачать полутоновые кисти можно по ссылке в начале этого урока.

-5

Шаг 5

-6

Шаг 6

Идём в закладку Контуры (Paths), дважды щёлкаем по контуру, который мы только что создали, и выбираем опцию Создать выделение (Make Selection). Нажмите ‘ОК’.

-7

Шаг 7

Залейте выделенную область любым цветовым оттенком на своё усмотрение. Далее, дважды щёлкните по слою с фигурой, чтобы применить следующие стили слоя Наложение цвета (Color Overlay) и Тень (Drop Shadow).

-8

Шаг 8

Добавьте стиль слоя Тень (Drop Shadow)

-9

Шаг 9

Создайте новый слой. Создайте активное выделение, удерживая клавишу ‘Ctrl’+щёлкните по миниатюре слоя с фигурой, которую вы нарисовали в предыдущем действии. Ещё раз выберите полутоновую кисть, примените кисть, как показано на скриншоте ниже. Вы можете использовать любой цветовой оттенок на своё усмотрение.

-10

Шаг 10

Дважды щёлкните по новому слою, чтобы применить стиль слоя Наложение градиента(Gradient Overlay). Не забудьте уменьшить значение Заливки (Fill) до 0%.

Примечание переводчика: тип градиента Линейный (Linear), режим наложения Умножение (Multiply).

-11

Шаг 11

-12

Шаг 12

Примечание переводчика: вначале напишите букву “P” или ту букву, с которой начинается ваш текст, вначале автор применяет стили слоя к слою с буквой “P”.

-13

Шаг 13

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

-14

Шаг 14

Добавьте стиль слоя Контур (Contour)

-15

Шаг 15

Добавьте стиль слоя Внутреннее свечение (Inner Glow)

-16

Шаг 16

Добавьте стиль слоя Глянец (Satin)

-17

Шаг 17

Буква “P” должна выглядеть, как на скриншоте ниже.

-18

Шаг 18

-19

Шаг 19

Находясь на дубликате слоя, который вы только что сместили, ещё раз продублируйте его (сместите полученный дубликат слоя 5 раз вправо и 5 раз вниз). Повторите предыдущие шаги, создав ещё три слоя с буквой “P”. Таким образом, в общем, у вас должно получиться 6 слоёв с буквой “P”, включая оригинальный слой с буквой “P”.

Примечание переводчика: 1. Каждый дубликат слоя смещайте 5 раз вправо и 5 раз вниз 2. Все дубликаты слоёв должны быть ниже оригинального слоя с буквой “P” 3. Всего дубликатов будет 5.

-20

Шаг 20

Сгруппируйте 5 дубликатов слоёв с буквой “P” в одну группу, а затем примените следующие стили слоя.

Примечание переводчика: стили слоя примените к слою с группой.

-21

Шаг 21

Добавьте стиль слоя Внутренняя тень (Inner Shadow)

-22

Шаг 22

Добавьте стиль слоя Глянец (Satin)

-23

Шаг 23

Добавьте стиль слоя Наложение градиента (Gradient Overlay)

Примечание переводчика: тип градиента Линейный (Linear).

-24

Шаг 24

Добавьте стиль слоя Внешнее свечение (Outer Glow)

-25

Шаг 25

Ваша буква “P” должна выглядеть, как на скриншоте ниже.

-26

Шаг 26

-27

Шаг 27

Поменяйте режим наложения для данного слоя на Перекрытие (Overlay).

-28

Шаг 28

Повторите те же самые шаги для букв ‘O’,’W’, включая восклицательный знак.

-29

Шаг 29

Создайте новый слой, выполните активное выделение всех букв от первой до последней буквы (P, O, W, включая восклицательный знак), нажимая и удерживая клавиши ‘Ctrl’ и ‘Shift’. Залейте выделенную область чёрным цветом.

-30

Шаг 30

К созданному слою, примените стиль слоя Тиснение (Bevel and Emboss).

-31

Шаг 31

Уменьшите Заливку (Fill) для данного слоя до 0%.

-32

Шаг 32

Далее, мы повторим Шаг 29, чтобы добавить обводку. Создайте новый слой, расположив его ниже всех слоёв с текстом. Создайте активное выделение всех букв от первой до последней буквы (P, O, W, включая восклицательный знак), нажимая и удерживая клавиши ‘Ctrl’ и ‘Shift’. Залейте данный слой чёрным цветом. К данному слою, добавьте чёрную обводку.

-33

Шаг 33

Преобразуйте данный слой в смарт-объект, щёлкнув правой кнопкой мыши по слою и в появившемся окне выбрав опцию Преобразовать в смарт-объект (Convert to Smart Object). Добавьте стиль слоя Тень (Drop Shadow).

-34

И мы завершили урок! Надеюсь, что вам понравился этот урок, и вы узнали сегодня что-то новое.

Итоговый результат:

-35

Поделиться своей работой и задать вопрос можно на странице урока сайта photoshop-master.ru