Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Photoshop Actions

Добавляем Эффект Рассеивания Типографики в программе Photoshop

by
Read Time:16 minsLanguages:

Russian (Pусский) translation by Marat Sadygaliev (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

Я постараюсь кратко описать все действия, чтобы любой, кто первый раз открыл программу Photoshop, мог выполнить данный урок.

Изображение на скриншоте выше, этот эффект мы создадим в этом уроке. Если вы захотите создать эффект, как на изображении на скриншоте ниже, при этом создать данный эффект  быстро и легко, то вы можете воспользоваться моим экшеном Typography 4 Photoshop Action:

Action final resultsAction final resultsAction final results

Что вам понадобится

Для создания данного эффекта, вам понадобится следующее исходное изображение: 

1. Давайте Приступим!

Шаг 1

Вначале, откройте исходную фотографию, с которой вы хотите работать. Чтобы открыть фотографию, идём Файл – Открыть (File > Open), а затем в окне браузера, выберите свою исходную фотографию. Нажмите кнопку Открыть (Open). Теперь, перед тем, как мы приступим, необходимо, чтобы вы уточнили пару моментов:

  1. Ваша исходная фотография должна быть в цветовом режиме RGB, 8 бит/канал (8 Bits/Channel). Чтобы проверить это, идём Изображение – Режим (Image > Mode).
  2. Для получения наилучшего результата, размеры вашей исходной фотографии должны быть в пределах 1500–4000 px по ширине / высоте. Чтобы проверить это, идём Изображение – Размеры изображения (Image > Image Size).
  3. Ваша исходная фотография должна быть слоем заднего фона. Если она не является таковой, тогда идём Слой- Новый – Задний фон из слоя (Layer > New > Background from Layer). Примечание переводчика: слой с исходной фотографией должен быть с замочком и представлять задний фон.
Checking image mode and sizeChecking image mode and sizeChecking image mode and size

Шаг 2

Мы планируем создать эффект рассеивания, который будет направлен вниз, поэтому, нам необходимо расширить холст в нижнем направлении, чтобы у нас было достаточно места для размещения эффекта, а также немного расширить слева и справа. Итак, идём Изображение- Размер холста (Image > Canvas Size). Примените следующие настройки, которые указаны на скриншоте ниже: Примечание переводчика: не забудьте поставить галочку в окошке Относительно (Relative), чтобы также расширить холст слева и справа.

Expanding canvasExpanding canvasExpanding canvas

Шаг 3

Теперь нам необходимо создать плавное совмещение расширенных участков холста с исходной фотографией. Выберите инструмент Волшебная палочка (Magic Wand Tool (W), щёлкните один раз по белой области, чтобы выделить участки, которые мы только что расширили. Далее, идём Редактирование – Выполнить заливку (Edit > Fill). Примените следующие настройки, которые указаны на скриншоте ниже. После этого, нажмите клавиши (Ctrl+D), чтобы отменить активное выделение. Примечание переводчика: В появившемся окне Заполнить (Fill) в строке Содержимое (Contents), выберите опцию С учётом содержимого (Content-Aware).

Filling selection with content-awareFilling selection with content-awareFilling selection with content-aware

2. Создаём Узоры и Кисти

Шаг 1

В этой части урока мы создадим узоры и кисти, которые нам понадобятся позже. Итак, идём Файл – Новый (File > New), чтобы создать новый документ, назовите его Узор Типографики 1 (Typography Pattern 1), а также примените следующие настройки, которые указаны на скриншоте ниже:

Creating new file named Typography Pattern 1Creating new file named Typography Pattern 1Creating new file named Typography Pattern 1

Шаг 2

Теперь выберите инструмент Горизонтальный текст (Horizontal Type Tool (T), щёлкните в любом месте внутри холста, напечатайте одну букву. Вы можете использовать любой шрифт, начертание, а также размер шрифта. Я использовал шрифт Arial, начертание Regular, размер шрифта 31.47 px. После того, как вы напечатали букву, нажмите клавишу Enter. Добавьте ещё несколько букв, используя ту же самую технику. Мой результат вы можете увидеть на скриншоте ниже:

Creating typography pattern 1Creating typography pattern 1Creating typography pattern 1

Шаг 3

Теперь щёлкните по глазку рядом с миниатюрой слоя Задний фон (Background), чтобы отключить видимость данного слоя, а затем идём Редактирование – Определить узор (Edit > Define Pattern), чтобы создать узор. Назовите этот узор Узор_Типографики_1 (Typography_Pattern_1). Не закрывайте этот документ. Примечание переводчика: не закрывайте этот документ, т.к. он нам пригодится для создания кисти.

Defining pattern named Typography_Pattern_1Defining pattern named Typography_Pattern_1Defining pattern named Typography_Pattern_1

Шаг 4

Повторите первые два шага данного параграфа, только в Шаге 1 назовите новый документ Узор Типографики 2 (Typography Pattern 2), а в Шаге 2 используйте уже другие буквы,  но при этом, тот же самый шрифт, начертание и размер шрифта, которые мы использовали для создания предыдущего узора. Мой результат вы можете увидеть на скриншоте ниже:

Creating typography pattern 2Creating typography pattern 2Creating typography pattern 2

Шаг 5

Теперь щёлкните по глазку рядом с миниатюрой слоя Задний фон (Background), чтобы отключить видимость данного слоя, а затем идём Редактирование – Определить узор (Edit > Define Pattern), чтобы создать узор. Назовите этот узор Узор_Типографики_2 (Typography_Pattern_2). Так же не закрывайте этот документ.

Defining pattern named Typography_Pattern_2Defining pattern named Typography_Pattern_2Defining pattern named Typography_Pattern_2

Шаг 6

Повторите первые два шага данного параграфа, только в Шаге 1 назовите новый документ Узор Типографики 3 (Typography Pattern 3), а в Шаге 2 используйте уже другие буквы,  но при этом, тот же самый шрифт, начертание и размер шрифта, которые мы использовали для создания двух предыдущих узоров. Мой результат вы можете увидеть на скриншоте ниже:

Creating typography pattern 3Creating typography pattern 3Creating typography pattern 3

Шаг 7

Теперь щёлкните по глазку рядом с миниатюрой слоя Задний фон (Background), чтобы отключить видимость данного слоя, а затем идём Редактирование – Определить узор (Edit > Define Pattern), чтобы создать узор. Назовите этот узор Узор_Типографики_3 (Typography_Pattern_3). Так же не закрывайте этот документ.

Defining pattern named Typography_Pattern_3Defining pattern named Typography_Pattern_3Defining pattern named Typography_Pattern_3

Шаг 8

Далее, мы создадим кисти. Перейдите на документ Узор Типографики 1 (Typography Pattern 1), а затем идём Редактирование – Определить кисть (Edit > Define Brush Preset), назовите эту кисть Временная (Temp), т.к. мы удалим эту кисть в следующих нескольких шагах.

Defining brush named TempDefining brush named TempDefining brush named Temp

Шаг 9

Нажмите клавишу ‘B’, далее, щёлкните в любом месте внутри холста и в появившемся окне, выберите кисть Временная (Temp), а затем нажмите клавишу (Enter). Далее, идём Окно – Кисть (Window > Brush), в панели настроек Кисть (Brush), установите следующие настройки, которые указаны на скриншоте ниже:

Changing brush settingsChanging brush settingsChanging brush settings

Шаг 10

Теперь мы сохраним эту кисть с новыми настройками в качестве новой кисти. Итак, идём Редактирование – Определить кисть (Edit > Define Brush Preset). Назовите эту кисть Кисть_Типографика_1 (Typography_Brush_1). Нажмите клавишу ‘B’, далее, щёлкните в любом месте внутри холста и в появившемся окне, удерживая клавишу ‘Alt’, щёлкните по кисти Временная (Temp), чтобы удалить её.

Defining brush named Typography_Brush_1Defining brush named Typography_Brush_1Defining brush named Typography_Brush_1

Шаг 11

Повторите все шаги, начиная с Шага 8 по Шаг 10, чтобы создать ещё две кисти, используя два других документа: Узор Типографики 2 (Typography Pattern 2) и Узор Типографики 3 (Typography Pattern 3). Конечно же, назовите эти две новые кисти в соответствии с их порядковым номером. Далее, закройте все документы за исключением рабочего документа с вашей фотографией.

Defining two more brushesDefining two more brushesDefining two more brushes

3. Создаём Основу

Шаг 1

Теперь нам нужно создать основу, которая определит какая часть нашей фотографии будет использована в качестве типографики. Таким образом, основой будет наш главный объект. Итак, идём Слой- Новый – Слой (Layer > New > Layer), чтобы создать новый слой. Назовите этот слой Основа (Base).

Creating new layer named BaseCreating new layer named BaseCreating new layer named Base

Шаг 2

Поскольку слой Основа (Base) активный, залейте свой объект цветовым оттенком. Вы можете выполнить заливку различными способами. Например, вы можете создать активное выделение вокруг своего главного объекта с помощью инструмента Перо (Pen Tool (P), Волшебной палочки (Magic Wand Tool (W), Лассо (Lasso Tool (L) или используя любой другой инструмент, а затем выполнить заливку цветом выделенную область. Или вы можете выбрать инструмент Кисть (Brush Tool (B), а затем прокрасить изображение объекта с помощью жёсткой или мягкой кисти.

Creating the baseCreating the baseCreating the base

4. Создаём Типографику из Объекта

Шаг 1

В этой части урока мы создадим эффект типографики из изображения объекта, которое мы определили с помощью слоя Основа (Base). Удерживая клавишу (Ctrl), щёлкните по миниатюре слоя Основа (Base), чтобы загрузить активное выделение, а затем перейдите на слой с Задним фоном (Background), и далее идём Слой - Новый – Скопировать на новый слой (Layer > New > Layer Via Copy). Теперь щёлкните по глазку рядом с миниатюрой слоя Основа (Base), чтобы отключить видимость данного слоя.

Creating new layer via copyCreating new layer via copyCreating new layer via copy

Шаг 2

Далее, идём Файл – Новый (File > New), чтобы создать новый документ, назовите этот документ Текст (Text), установите следующие настройки, которые указаны на скриншоте ниже. Вы можете использовать другие значения для ширины / высоты (width/height), единственное, убедитесь, чтобы данный документ, по крайне мере, был таким же большим, как и ваш рабочий документ с фотографией.

Ceating new file named TextCeating new file named TextCeating new file named Text

Шаг 3

Выберите инструмент Горизонтальный текст (Horizontal Type Tool (T), а затем напечатайте текст, чтобы он полностью закрыл весь документ. Вы должны использовать тот же самый шрифт и начертание, которое вы использовали для создания узоров и кистей. Кроме этого, размер шрифта должен быть таким же или примерно таким же.

Не бойтесь вносить изменения в свой текст, например, увеличивать или уменьшить интерлиньяж (leading), трекинг (tracking) и другие параметры. Если содержание текста не имеет значения для вас, то вы можете использовать текстовый генератор для ускорения процесса.

Typing the textTyping the textTyping the text

Шаг 4

Теперь выберите инструмент Перемещение (Move Tool (V), щёлкните по тексту, а затем, удерживая кнопкой мыши текст, перетащите текст из документа Текст (Text) в свой рабочий документ с фотографией, расположив текст так, чтобы закрыть полностью весь объект. Дважды щёлкните по названию слоя, чтобы переименовать его, назовите этот слой Текст (Text).

Dragging the text layer to photo documentDragging the text layer to photo documentDragging the text layer to photo document

Шаг 5

Удерживая клавишу (Ctrl), щёлкните по миниатюре слоя Слой 1 (Layer 1), чтобы загрузить активное выделение, а затем идём Слой- Слой-маска- Показать Выделенную область (Layer > Layer Mask > Reveal Selection). Примечание переводчика: слой Слой 1 (Layer 1)- это слой с выделенным изображением модели, который мы создали в Шаг 1 этого параграфа.

Making layer mask using selectionMaking layer mask using selectionMaking layer mask using selection

Шаг 6

Теперь переместите слой Слой 1 (Layer 1) наверх, расположив поверх слоя Текст (Text). Далее, идём Слой – Создать обтравочную маску (Layer > Create Clipping Mask). Дважды щёлкните по названию слоя, чтобы переименовать его, назовите этот слой Цвет текста (Text Color).

Creating clipping mask and renaming layer to Text ColorCreating clipping mask and renaming layer to Text ColorCreating clipping mask and renaming layer to Text Color

Шаг 7

Далее, мы создадим однотонный задний фон. Перейдите на слой Задний фон (Background), а затем идём Слой- Новый слой-заливка – Цвет (Layer > New Fill Layer > Solid Color), чтобы создать новый слой-заливку цветом. Назовите этот слой Цвет Заднего фона (Background Color), а также примените следующие настройки, которые указаны на скриншоте ниже:

Creating new solid color fill layerCreating new solid color fill layerCreating new solid color fill layer

Шаг 8

Перейдите на слой Задний фон (Background), а затем идём Слой- Новый- Скопировать на новый слой (Layer > New > Layer Via Copy), чтобы продублировать данный слой. Далее, переместите дубликат слоя наверх, расположив ниже слоя Основа (Base), а затем идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Примените следующие настройки, которые указаны на скриншоте ниже:

Adding gaussian blur filter to Background copy layerAdding gaussian blur filter to Background copy layerAdding gaussian blur filter to Background copy layer

Шаг 9

Теперь идём в меню Файл> Сохранить как (File > Save As), чтобы сохранить в качестве нового документа. Вы можете назвать его, как вы захотите, а также вы можете сохранить его в любом месте в своём компьютере, где вы захотите, но имейте в виду, что вам понадобится этот документ позже, чтобы применить фильтр. Затем щелкните правой кнопкой мыши по дубликату слоя Задний фон (Background copy) и в появившемся окне, выберите опцию Удалить слой (Delete Layer).

Saving document as a new file and deleting Background copy layerSaving document as a new file and deleting Background copy layerSaving document as a new file and deleting Background copy layer

Шаг 10

Нам нужно слегка откорректировать края выделенного изображения модели. Перейдите на слой-маску слоя Текст (Text), а затем идём Выделение – Выделение и Маска (Select > Select and Mask), примените следующие настройки, которые указаны на скриншоте ниже: Примечание переводчика: функция Выделение и Маска (Select and Mask) появилась в обновленной версии Photoshop CC, если вы работаете в более ранней версии, то попробуйте использовать функцию Уточнить маску (Refine Mask), для этого щёлкните правой кнопкой мыши по маске и в появившемся окне, выберите опцию Уточнить маску (Refine Mask).

Selecting and masking layer mask of Text layerSelecting and masking layer mask of Text layerSelecting and masking layer mask of Text layer

Шаг 11

Щёлкните правой кнопкой мыши по слою Текст (Text) и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object). Далее, идём Фильтр – Смещение (Filter > Displace), примените следующие настройки, которые указаны на скриншоте ниже, а затем нажмите кнопку ‘OK’. После этого появится окно навигации, где вы можете выбрать документ, который вы сохранили ранее, нажмите кнопку Открыть (Open). Примечание переводчика: чтобы активировать фильтр Смещение, идём Фильтр – Искажение - Смещение (Filter > Distort > Displace).

Adding displace filter to the Text layerAdding displace filter to the Text layerAdding displace filter to the Text layer

Шаг 12

Теперь мы сгруппируем отдельные слои. Перейдите на слой Цвет Заднего Фона (Background Color), удерживая клавишу (Shift), щёлкните по слою Цвет Текста (Text Color), а затем идём Слой- Новый – Группа из слоёв (Layer > New > Group from Layers), чтобы создать новую группу из выделенных слоёв. Назовите эту группу Объект Типографики (Subject Typography).

Creating new group from layers nameds Subject TypographyCreating new group from layers nameds Subject TypographyCreating new group from layers nameds Subject Typography

5. Создаём Рассеивающиеся Буквы

Шаг 1

В этой части урока мы создадим буквы, которые мы рассеем позже. Вначале нам нужно создать ещё один слой с основой, который определит участки фотографии, которые будут подвергнуты рассеиванию. Перейдите на слой Основа (Base), а затем идём Слой- Новый – Слой (Layer > New > Layer), чтобы создать новый слой. Назовите этот слой Основа 2 (Base 2).

Creating new layer named Base 2Creating new layer named Base 2Creating new layer named Base 2

Шаг 2

Удерживая клавишу (Ctrl), щёлкните по миниатюре слоя Основа (Base), чтобы загрузить активное выделение, а затем идём Слой- Слой-маска – Показать выделенную область (Layer > Layer Mask > Reveal Selection).

Making layer mask using selectionMaking layer mask using selectionMaking layer mask using selection

Шаг 3

Щёлкните по миниатюре слоя Основа 2 (Base 2), чтобы слой был активным, а не маска. Выберите инструмент Кисть (Brush Tool (B), установите мягкую или жёсткую кисть, а затем начните прокрашивать поверх тех участков изображения, которые вы хотите подвергнуть рассеиванию.

Creating the base 2Creating the base 2Creating the base 2

Шаг 4

Перейдите на слой-маску слоя Основа 2 (Base 2), щёлкните правой кнопкой по маске и в появившемся окне, выберите опцию Применить слой-маску (Apply Layer Mask).

Applying layer mask of Base 2 layerApplying layer mask of Base 2 layerApplying layer mask of Base 2 layer

Шаг 5

Удерживая клавишу (Ctrl), щёлкните по миниатюре слоя Основа 2 (Base 2), чтобы загрузить активное выделение. Выберите инструмент Лассо (Lasso Tool (L), щёлкните правой кнопкой мыши в любом месте внутри холста и в появившемся окне, выберите опцию Образовать рабочий контур (Make Work Path), установите следующее значение, которое указано на скриншоте ниже:

Making work pathMaking work pathMaking work path

Шаг 6

Теперь щёлкните по глазку рядом с миниатюрой слоя Основа 2 (Base 2), чтобы отключить видимость данного слоя. Перейдите на слой с группой Объект Типографики (Subject Typography), а затем идём Слой- Новый – Слой (Layer > New > Layer), чтобы создать новый слой. Оставьте название слоя по умолчанию Слой 1 (Layer 1), т.к. мы удалим этот слой в следующих нескольких шагах.

Creating a new layer named Layer 1Creating a new layer named Layer 1Creating a new layer named Layer 1

Шаг 7

Выберите инструмент Перо (Pen Tool (P), щёлкните правой кнопкой мыши в любом месте внутри холста и в появившемся окне, выберите опцию Выполнить заливку рабочего контура (Fill Work Path), установите следующие настройки, которые указаны на скриншоте ниже:

Filling work path with Typography_Pattern_1Filling work path with Typography_Pattern_1Filling work path with Typography_Pattern_1
Заказной узор (Custom Pattern) – Узор_Типографики_1 (Typography_Pattern_1). Укажите узор, который мы создали.

Шаг 8

Теперь удерживая клавишу (Ctrl), щёлкните по миниатюре слоя Слой 1 (Layer 1), чтобы загрузить активное выделение. Перейдите на слой Задний фон (Background), а затем идём Слой – Новый – Скопировать на новый слой (Layer > New > Layer Via Copy), чтобы создать новый слой путём копирования. Назовите этот слой Б_1 (L_1), (сокращение от Буква_1 (Letter_1). Затем щелкните правой кнопкой мыши по дубликату слоя Слой 1 (Layer 1) и в появившемся окне, выберите опцию Удалить слой (Delete Layer).

Creating first letters layerCreating first letters layerCreating first letters layer

Шаг 9

Теперь повторите все шаги, начиная с Шага 6 по Шаг 8 столько раз, сколько вы захотите, в зависимости от того, сколько слоёв с буквами вы хотите создать, используя Узор_Типографики_1 (Typography_Pattern_1). Я повторил ещё 9 раз, таким образом, у меня получилось всего 10 слоёв с буквами.

Creating more letters layersCreating more letters layersCreating more letters layers

Шаг 10

Далее, мы создадим ещё больше слоёв с буквами, но, уже используя другие узоры, таким образом, у нас будут различные буквы. Повторите все шаги, начиная с Шага 6 по Шаг 8, только в  Шаге 7, используйте другие настройки вместо тех, которые вы использовали в предыдущий раз. Примечание переводчика: в настройках автор использует другой узор.

Filling work path with Typography_Pattern_2Filling work path with Typography_Pattern_2Filling work path with Typography_Pattern_2
Заказной узор (Custom Pattern) – Узор_Типографики_2 (Typography_Pattern_2). Укажите узор, который мы создали.

Шаг 11

Теперь повторите Шаг 10 сколько раз, сколько вы захотите, в зависимости от того, сколько слоёв с буквами вы хотите создать, используя Узор_Типографики_2 (Typography_Pattern_2). Я повторил ещё 9 раз, таким образом, у меня получилось всего 20 слоёв с буквами.

Creating more the letters layersCreating more the letters layersCreating more the letters layers

Шаг 12

Далее, мы создадим ещё больше слоёв с буквами, но уж используя наш последний узор, таким образом, у нас будут различные буквы. Повторите все шаги, начиная с Шага 6 по Шаг 8, только в  Шаге 7, используйте другие настройки вместо тех, которые вы использовали в предыдущий раз.

Filling work path with Typography_Pattern_3Filling work path with Typography_Pattern_3Filling work path with Typography_Pattern_3
Заказной узор (Custom Pattern) – Узор_Типографики_3 (Typography_Pattern_3). Укажите узор, который мы создали.

Шаг 13

Теперь повторите Шаг 12 сколько раз, сколько вы захотите, в зависимости от того, сколько слоёв с буквами вы хотите создать, используя Узор_Типографики_3 (Typography_Pattern_3). Я повторил ещё 9 раз, таким образом, у меня получилось всего 30 слоёв с буквами.

Creating more letters layersCreating more letters layersCreating more letters layers

Шаг 14

Теперь перейдите на первый слой буквами, а затем идём Фильтр – Смещение (Filter > Displace), примените следующие настройки, которые указаны на скриншоте ниже, а затем нажмите кнопку ‘OK’. После этого появится окно навигации, где вы можете выбрать документ, который вы сохранили ранее, нажмите кнопку Открыть (Open).

Displacing lettersDisplacing lettersDisplacing letters

Шаг 15

Теперь, перейдите на следующий слой с буквами, а затем нажмите клавиши (Ctrl+F), чтобы применить предыдущий фильтр с теми же самыми настройками. Далее, примените этот же самый фильтр к остальным слоям с буквами, используя эту же самую технику.

Displacing other lettersDisplacing other lettersDisplacing other letters

Шаг 16

Теперь мы сгруппируем все слои с буквами. Перейдите на самый верхний слой с буквами, удерживая клавишу (Shift), щёлкните по самому последнему слою с буквами, а затем идём Слой – Новый- Группа из слоёв (Layer > New > Group from Layers), чтобы создать новую группу из выделенных слоёв. Назовите эту группу Буквы (Letters). Далее, переместите эту группу наверх, расположив поверх слоя с группой Объект Типографики (Subject Typography).

Creating new group from layers named LettersCreating new group from layers named LettersCreating new group from layers named Letters

6. Рассеиваем Буквы

Шаг 1

В этой части урока мы рассеем буквы, которые мы только что создали. Итак, всё что вам нужно сейчас сделать- это выбрать инструмент Перемещение (Move Tool (V). Выделите слой с буквами, который вы хотите сместить, а затем сместите слой в любом направлении на своё усмотрение. Я хочу создать эффект рассеивания в направлении вниз, поэтому, у меня получился результат, как на скриншоте ниже:

Dispersing the lettersDispersing the lettersDispersing the letters

Шаг 2

Теперь мы трансформируем некоторые буквы, чтобы создать глубину. Выделите слой с буквами, который вы хотите трансформировать, выберите инструмент Лассо (Lasso Tool (L), щёлкните правой кнопкой в любом месте внутри холста, а затем примените следующие настройки, которые указаны на скриншоте ниже: Примечание переводчика: щёлкните по холсту и в появившемся окне, выберите опцию Свободное трансформирование (Free Transform), а затем в верхней панели настроек задайте значения на своё усмотрение.

Transforming the lettersTransforming the lettersTransforming the letters

Шаг 3

Я трансформировал ещё несколько слоёв с буквами. Не стесняйтесь трансформировать столько слоёв, сколько захотите, а также используйте разные значения для ширины / высоты (width/height). Мой результат:

Transforming a more lettersTransforming a more lettersTransforming a more letters

Шаг 4

Теперь, чтобы добавить глубины к эффекту и усилить фокус, мы размоем некоторые буквы. Выделите слой с буквами, который вы хотите размыть, а затем идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите следующие настройки, которые указаны на скриншоте ниже:

Adding gaussian blur filter to lettersAdding gaussian blur filter to lettersAdding gaussian blur filter to letters

Шаг 5

Я размыл ещё несколько слоёв с буквами. Не бойтесь трансформировать столько слоёв, сколько захотите, а также использовать различные значения для Размытия по Гауссу (Gaussian blur). Мой результат:

Adding gaussian blur filter to more lettersAdding gaussian blur filter to more lettersAdding gaussian blur filter to more letters

Шаг 6

Теперь примените заключительную коррекцию к рассеянным буквам, итак, вы можете смещать, трансформировать, размывать слои с буквами на своё усмотрение. Также, не стесняйтесь смещать или трансформировать целую группу Буквы (Letters), а также менять порядок слоёв в панели слоёв. Мой результат:

Making final changes to the lettersMaking final changes to the lettersMaking final changes to the letters

7. Создаём Эффект Отсутствующих Букв

Шаг 1

В этой части урока мы создадим эффект отсутствующих букв. Перейдите на слой Текст (Text), а затем идём Слой- Слой-маска- Показать всё (Layer > Layer Mask > Reveal All), чтобы добавить пустую слой-маску к данному слою.

Making layer mask to Text layerMaking layer mask to Text layerMaking layer mask to Text layer

Шаг 2

Перейдите на слой-маску слоя Текст (Text), нажмите клавишу ‘D’, чтобы выставить цвета по умолчанию. Выберите инструмент Кисть (Brush Tool (B), щёлкните в любом месте внутри холста, и в появившемся окне, выберите одну из кистей Типографики, которые мы создали в самом начале этого урока, а затем нажмите клавишу (Enter). Далее, начните прокрашивать участки, где бы вы хотели бы создать эффект отсутствующих букв. Вы можете использовать мягкую кисть на краях. Мой результат: Примечание переводчика: автор в основном прокрашивает ноги и руки модели.

Creating missing letters effectCreating missing letters effectCreating missing letters effect

8. Проводим Цветовую Коррекцию

Шаг 1

В этой части урока мы применим заключительную коррекцию к нашему эффекту. Вначале мы добавим красивый оттенок. Итак, перейдите на слой с группой Буквы (Letters), а затем идём Слой- Новый корректирующий слой – Кривые (Layer > New Adjustment Layer > Curves), чтобы создать новый корректирующий слой ниже слоя Основа (Base). Назовите этот слой Цвет (Color Look).

Creating new curves adjustment layerCreating new curves adjustment layerCreating new curves adjustment layer

Шаг 2

Теперь дважды щёлкните по миниатюре слоя Цвет (Color Look), чтобы применить следующие настройки, которые указаны на скриншоте ниже:

Changing settings of curves adjustment layerChanging settings of curves adjustment layerChanging settings of curves adjustment layer

Шаг 3

Далее, мы добавим нежный эффект фильтра. Идём Слой- Новый корректирующий слой – Фото фильтр (Layer > New Adjustment Layer > Photo Filter), чтобы создать новый корректирующий слой фото фильтр. Назовите его Оттенок Фотографии (Photo Tint).

Creating new photo filter adjustment layerCreating new photo filter adjustment layerCreating new photo filter adjustment layer

Шаг 4

Теперь дважды щёлкните по миниатюре слоя Оттенок Фотографии (Photo Tint), чтобы применить следующие настройки, которые указаны на скриншоте ниже:

Changing settings of photo filter adjustment layerChanging settings of photo filter adjustment layerChanging settings of photo filter adjustment layer

Шаг 5

Далее, мы добавим нежный контраст. Нажмите клавишу ‘D’, чтобы выставить цвета по умолчанию, а затем идём Слой- Новый корректирующий слой – Карта градиента (Layer > New Adjustment Layer > Gradient Map), чтобы создать новый корректирующий слой карта градиента. Назовите этот слой Общий контраст (Overall Contrast).

Creating new gradient map adjustment layerCreating new gradient map adjustment layerCreating new gradient map adjustment layer

Шаг 6

Поменяйте режим наложения для слоя Общий контраст (Overall Contrast) на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) слоя до 8%.

Changing blending mode and opacity of Overall Contrast layerChanging blending mode and opacity of Overall Contrast layerChanging blending mode and opacity of Overall Contrast layer

Шаг 7

В заключение, мы добавим резкости ко всей сцене. Нажмите клавиши (Ctrl+Alt+Shift+E), чтобы создать объединённый слой их всех видимых слоёв, а затем идём Фильтр- Другое- Цветовой контраст (Filter > Other > High Pass). Установите следующие настройки, которые указаны на скриншоте ниже:

Adding high pass filter to Layer 1Adding high pass filter to Layer 1Adding high pass filter to Layer 1

Шаг 8

Дважды щёлкните по названию слоя Слой 1 (Layer 1), чтобы переименовать его, назовите этот слой Общая резкость (Overall Sharpening). Поменяйте режим наложения на Жёсткий свет (Hard Light), а также уменьшите Непрозрачность (Opacity) слоя до 82%.

Changing name blending mode and opacity of Overall Sharpening layerChanging name blending mode and opacity of Overall Sharpening layerChanging name blending mode and opacity of Overall Sharpening layer

Отличная работа!

Поздравляю! Мы завершили урок! Итоговый результат вы можете увидеть на скриншоте ниже.

Final resultFinal resultFinal result

Если вы захотите создать эффект, как на изображении на скриншоте ниже, при этом создать данный эффект  быстро и легко, то вы можете воспользоваться моим экшеном Typography 4 Photoshop Action:

Action final resultsAction final resultsAction final results

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

Вы можете выбрать из пяти различных направлений рассеивания:

  • Вправо
  • Влево
  • Вверх
  • Вниз
  • По центру

Каждое направление рассеивания сопровождается тремя основными размерами:

  • Маленький
  • Средний
  • Большой

Каждый раз, когда вы будете запускать экшен, вы получите уникальное цветовое решение, даже если вы используете одну и ту же прокрашенную область. Расположение и наклон букв всегда будет разное. Объект типографики включает полностью редактируемый текстовый слой. Вы можете использовать свой собственный текст, кроме этого вы можете менять шрифт, начертание, расстояние между буквами, высоту строки и т.д. Экшен также предложит вам 10 цветовых решений.

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

One subscription.
Unlimited Downloads.
Get unlimited downloads