Создаём Текст из Фрагментов Газеты в Adobe Photoshop

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

Данный текстовый эффект был вдохновлён другими текстовыми эффектами, которые доступны на сайте GraphicRiver.

Исходные материалы

Следующие исходные материалы были использованы для создания данного урока:

• Шрифт Bodoni MT
• Шрифт OldSansBlack
• Шрифт Yeseva One
• Шрифт Roboto
• Шрифт Aldo
• Шрифт Typography Times
• Шрифт Riot Squad NF
• Шрифт The Bold Font
• Шрифт MonoSpatial
• Шрифт Fette Bauersche Antiqua
• Шрифт Porter Sans Block
• Шрифт Droid Serif
• Шрифт Built Titling
• Текстура Зернистой Бумаги
• Текстура Бумаги (1)
• Текстура Бумаги  (2)

1. Создаём Задний Фон и Текстовые Слои

Шаг 1

Создайте новый документ со следующими размерами 1000 x 1000 px, цвет заднего фона белый. В нижней части панели слоёв, нажмите значок Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) и в появившемся меню, выберите опцию Цвет ( Solid Color), установите цвет заливки #f6f6f6.

Шаг 2

Создайте текст, каждую букву текста на отдельном слое. Используйте различные шрифты и размер шрифтов на своё усмотрение, единственное, установите цвет текста на #565656.

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

Шаг 3

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

2. Добавляем Фигуры и Текстовые Блоки

Шаг 1

Выберите инструмент Прямоугольник (Rectangle Tool), а затем создайте фигуру прямоугольника под отдельными буквами вашего текста.

Если вы вносите любые дополнения к своему тексту, тогда поместите слой с буквой и слой (слои) с дополнениями в новую группу внутри оригинальной группы с буквой.

Таким образом, всё будет организовано и вам будет легче работать со слоями.

Шаг 2

Чтобы добавить текстовые блоки к любой комбинации букв, выберите инструмент Горизонтальный текст (Type Tool), теперь щёлкните, а затем потяните мышкой, чтобы создать текстовый блок под буквами, далее идём Текст – Вставить Lorem Ipsum (Type > Paste Lorem Ipsum).

Поменяйте шрифт и размер шрифта на любые другие значения на своё усмотрение.

Шаг 3

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

Шаг 4

Ещё, что вы можете сделать- это использовать инструмент Прямоугольник (Rectangle Tool), чтобы добавить блоки за буквами. Если вы решили это сделать, тогда используйте следующий цвет для блоков #565656, а также поменяйте цвет текста на #ececec.

3. Добавляем Слой-маски

Шаг 1

Выберите инструмент Лассо (Lasso Tool), перейдите на слой с группой с буквой текста. Создайте выделение вокруг буквы, которую вам нужно показать записке, это будет буква из группы с названием этой буквы.

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

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

Шаг 2

После создания выделения, нажмите значок Добавить слой-маску (Add layer mask) в нижней части панели слоёв.

Шаг 3

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

4. Добавляем Базовую Текстуру Бумаги

Шаг 1

Поместите Текстуру Зернистой Бумаги в самую нижнюю группу с первой буквой. Примените масштабирование при необходимости.

Шаг 2

Поменяйте режим наложения для слоя или для группы со слоем с Текстурой Зернистой Бумаги на Линейный Затемнитель (Linear Burn).

Шаг 3

Продублируйте слой с Текстурой Зернистой Бумаги, а затем повторите все шаги, чтобы добавить текстуру к оставшимся буквам.

Шаг 4

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

5. Добавляем Текстуру Мятой Бумаги

Шаг 1

Поместите Текстуру Бумаги (1) поверх всех слоёв внутри группы с первой буквой, примените масштабирование при необходимости, а затем поменяйте режим наложения для данного слоя  с текстурой бумаги на Умножение (Multiply).

Шаг 2

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

6. Создаём Кисть с Рваными Краями

Выберите инструмент Кисть (Brush Tool), а затем откройте панель настроек Кисть (Brush).

Выберите кисть Chalk 23 pixels, а затем примените следующие настройки:

Форма Отпечатка Кисти (Brush Tip Shape)

Другая Динамика (Shape Dynamics)

7.  Создаём Рабочий Контур из Выделенной Области

Шаг 1

Удерживая клавишу (Ctrl), щёлкните по миниатюре слоя с первой буквой, чтобы загрузить активное выделение.

Шаг 2

Откройте панель Контуры (Paths), а затем щёлкните по значку Создать Рабочий Контур из Выделенной Области (Make work path from selection) в нижней части панели.

8. Выполняем Обводку Рабочего Контура

Шаг 1

Убедитесь, чтобы была активна кисть с установленными настройками, а также, чтобы была активная миниатюра маски группы с первой буквой. Установите цвет переднего плана на чёрный цвет.

Шаг 2

Нажмите клавишу (Enter), чтобы выполнить обводку контура с помощью настроенной кисти и добавить рваные края к маске.

Шаг 3

Повторите то же самое для остальных букв вашего текста.

Как только вы завершили, выберите инструмент Стрелка (Direct Selection Tool (A), а затем нажмите клавишу (Enter) один раз, чтобы удалить рабочий контур.

9. Добавляем Белые Рваные Края

Шаг 1

Чтобы сделать эффект более реалистичным, мы собираемся добавить белые края к рваным краям, которые у нас уже есть.

Вначале добавьте текстуру бумаги (2), расположив её ниже слоя с группой с первой буквой.

Шаг 2

Нажмите и удерживайте клавишу (Alt), а затем, удерживая маску группы с буквой, перетащите её на текстуру бумаги (2), чтобы продублировать.

Шаг 3

Выберите инструмент Перемещение (Move Tool), и используя клавиши направления со стрелками Вправо и Вниз, слегка сдвиньте текстуру бумаги (2) от текстуры бумаги буквы.

Шаг 4

То же самое, повторите этот шаг для остальных букв.

10.  Добавляем Стиль Слоя Тень (Drop Shadow)

Шаг 1

Дважды щёлкните по слою с текстурой бумаги (2) для первой буквы, чтобы применить стиль слоя Тень (Drop Shadow). Примените настройки, которые указаны ниже:

• Непрозрачность (Opacity): 35%
• Смещение (Distance): 3
• Размер (Size): 7

Шаг 2

Щёлкните правой кнопкой мыши по стилизованному слою и в появившемся окне, выберите опцию Скопировать Стиль Слоя (Copy Layer Style), далее, выделите другие слои с текстурой бумаги (2), ещё раз щёлкните правой кнопкой мыши по выделенным слоям и в появившемся окне, выберите опцию Вклеить Стиль Слоя (Paste Layer Style).

11. Создаём Эффект Просвечивание

Шаг 1

Чтобы добавить эффект просвечивания, добавьте текст Lorem Ipsum поверх всех слоёв внутри группы с первой буквой.

Шаг 2

Далее, идём Редактирование – Трансформация – Отразить по горизонтали (Edit > Transform > Flip Horizontal), а также уменьшите Непрозрачность (Opacity) слоя до 10%.

Повторите то же самое для остальных букв.

12. Трансформируем Группы с Элементами

Шаг 1

Перед тем, как проводить какие-либо изменения, мы можем поменять цвет отдельных букв на красный и синий цвет. Цвета, которые были использованы здесь: #d66161 для красного, и #6a8ebc для синего.

Шаг 2

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

Выделите группу с первой буквой и слои с текстурой бумаги (2), а затем нажмите клавиши (Ctrl+T) для активации режима Свободной Трансформации (Free Transform Mode).

Если вы попробуете провести какие-либо изменения прямо сейчас, то вы возможно заметите, что это происходит немного странным образом.  Это происходит из-за того, что текстуры бумаги слишком большие и опорные / осевые точки расположены не по центру самой буквы.

Чтобы решить эту проблему, нажмите и удерживайте клавишу (Alt), а затем сместите опорные точки в центр буквы.

Шаг 3

Сместите, поверните, примените масштабирование к букве при необходимости. Нажмите клавишу (Enter), чтобы применить изменения.

Шаг 4

Повторите те же самые шаги для трансформации любых других букв на своё усмотрение.

13. Добавляем Простую Текстуру на Задний Фон

Шаг 1

Добавьте ещё раз исходную текстуру бумаги (2) на наш рабочий документ, расположив поверх слоя с заливкой Цвет (Solid Color), примените масштабирование при необходимости, а затем уменьшите значение Непрозрачности (Opacity) слоя до 50%.

Шаг 2

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

Поздравляю! Мы завершили урок!

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

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

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

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