Расскажи друзьям об этом:

Создаем праздничный текст из конфетти

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

На создание этого эффекта меня вдохновили многочисленные стили слоя, доступные на сайте GraphicRiver.

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

Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант шрифта для выполнения урока

1. Создаем фон и текст

Шаг 1

Создаем новый документ размером 950 х 800 пикселей и над слоем Background (Фон) вставляем текстуру стены.

При необходимости корректируем размер текстуры и называем слой «Фоновая текстура».

Шаг 2

В нижней части панели слоев нажимаем на кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) и выбираем Levels (Уровни).

Шаг 3

Выбираем слой Levels (Уровни) и трансформируем его в обтравочную маску (Ctrl+Alt+G) для слоя «Фоновая текстура». Затем устанавливаем центральный серый ползунок на 1,95.

Шаг 4

Большими буквами пишем текст, используя шрифт InterFace Regular.

Устанавливаем размер на 250 pt, Tracking (Трэкинг) – на 100 и, если у вас несколько строк текста, то меняем Leading (Интерлиньяж) на 250.

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

Шаг 1

Выше предыдущих слоев вставляем розовую текстуру бумаги, при необходимости корректируем ее размер и называем слой «Розовый».

Шаг 2

Зажимаем клавишу Alt и в нижней части панели слоев нажимаем на кнопку Add layer mask (Добавить слой-маску), чтобы полностью скрыть текстуру.

Шаг 3

Дублируем (Ctrl+J) слой «Розовый».

Шаг 4

Повторяем действия и добавляем вторую текстуру – упаковочную бумагу. Переименовываем слой с текстурой на «Золотой» и дублируем его (Ctrl+J).

3. Создаем кисточку «Конфетти»

Шаг 1

Активируем инструмент Brush Tool (B) (Кисть) и открываем панель Window – Brush (Окно – Кисть). Выбираем круглую жесткую кисть и настраиваем ее:

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

Shape Dynamics (Динамика формы)

Шаг 2

В правом нижнем углу панели кистей нажимаем на кнопку Create new brush (Создать новую кисть), в появившемся окне в поле с названием вводим «Круглое конфетти» и нажимаем ОК.

Шаг 3

Устанавливаем набор кисточек «Сердце», выбираем кисть s24 и настраиваем ее:

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

Shape Dynamics (Динамика формы)

Scattering (Рассеивание)

Сохраняем кисть и называем ее «Конфетти в форме сердца».

Шаг 4

Выбираем квадратную кисть Hard Square 24 и настраиваем ее:

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

Shape Dynamics (Динамика формы)

Scattering (Рассеивание)

Сохраняем кисточку и называем ее «Верхнее конфетти».

4. Выполняем обводку текста

Шаг 1

Кликаем правой кнопкой по тексту и выбираем Create Work Path (Создать рабочий контур). Затем скрываем текстовый слой, кликнув на значок глаза напротив названия слоя.

Шаг 2

Берем Brush Tool (B) (Кисть), выбираем кисточку «Конфетти в форме сердца» и устанавливаем цвет переднего плана на белый.

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

Шаг 3

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

Шаг 4

Скрываем обе копии слоя «Золотой».

5. Создаем рабочий контур с помощью Пера

Шаг 1

Теперь нам нужно создать еще один рабочий контур внутри предыдущего. Для этого мы воспользуемся инструментом Pen Tool (P)  (Перо). На верхней панели режим рисования устанавливаем на Path(Контур).

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

Шаг 2

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

Шаг 3

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

Шаг 4

С помощью инструмента Direct Selection Tool (A) (Частичное выделение) вы в любой момент можете подкорректировать опорные точки и направление усиков, изменив тем самым форму рабочего контура.

Шаг 5

Закончив создание дополнительного рабочего контура, берем Brush Tool (B) (Кисть), выбираем кисточку «Круглое конфетти» и выполняем обводку контура на копиях слоя «Розовый».

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

6. Стилизуем круглое конфетти

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

Шаг 1

Добавляем стиль слоя Color Overlay (Наложение цвета) со следующими параметрами:

  • Цвет: #edcdd2

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

Шаг 2

Добавляем стиль слоя Drop Shadow (Тень) со следующими параметрами:

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

Шаг 3

Кликаем правой кнопкой по слою «Розовый» и выбираем Copy Layer Style (Скопировать стиль слоя). Затем кликаем правой кнопкой по копии слоя «Розовый» и выбираем Paste Layer Style (Вставить стиль слоя).

7. Стилизуем конфетти в форме сердца

Шаг 1

Восстанавливаем видимость копий слоя «Золотой».

Шаг 2

Дважды кликаем по оригинальному слою «Золотой» и применяем стиль слоя Drop Shadow (Тень) со следующими настройками:

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

Шаг 3

Копируем и вставляем стили на дубликат слоя «Золотой».

8. Перемещаем текстуры внутри маски

Шаг 1

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

Шаг 2

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

Шаг 3

Закончив, нажимаем Enter, чтобы принять изменения.

9. Добавляем размытые конфетти

Шаг 1

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

Зажимаем клавишу Alt и добавляем черную маску на слой «Верхнее конфетти». Затем берем кисточку «Верхнее конфетти» и вручную рисуем конфетти вокруг текста.

Шаг 2

Кликаем правой кнопкой по слою «Верхнее конфетти» и выбираем Convert to Smart Object(Преобразовать в смарт-объект).

Шаг 3

Далее переходим Filter – Blur Gallery – Path Blur (Фильтр – Галерея размытия – Размытие контура). Ставим опорные точки и создаем дугообразную линию. Настройки используйте либо такие как у меня, либо на ваше усмотрение.

Шаг 4

Переходим Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу) и устанавливаем Radius (Радиус) на 3.

Шаг 5

Дважды кликаем по слою «Верхнее конфетти» и применяем стиль слоя Drop Shadow (Тень) со следующими настройками:

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

Этим мы и закончим создание текстового эффекта.

Поздравляю, мы закончили!

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

Затем настроили и сохранили несколько кисточек, создали рабочий контур и обвели его кистями. После этого с помощью Pen Tool (Перо) мы добавили дополнительный рабочий контур, применили к нему круглое конфетти и стилизовали его.

И в конце нарисовали размытое конфетти вокруг текста.

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

Автор: Rose

Источник: design.tutsplus.com Переводчик: Daewon



Шаблоны для Photoshop - виньетки, фотооткрытки, костюмы.
Подписаться письмом