Уроки Работа с текстом Максим Енин 13 декабря 2017

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

Сложность урока: Легкий

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

На создание этого эффекта меня вдохновили многочисленные стили слоя, доступные на сайте 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

9 518 27
Печать Жалоба

Комментарии 27

Спасибо за урок!

Спасибо за полезный урок!

Спасибочки!!!! Очень нежное конфетти получается

Очень полезный урок! Спасибо большое))

Спасибо за урок. Очень интересный. :)
Рамку сделала по этому уроку, а надпись по другому уроку. :)

Спасибо за урок. Что-то получилось, но не идеально

Спасибо за урок!

Спасибо! Размытие контура заменил радиальным размытием.

отличный урок, спасибо

отличный урок, спасибо

Спасибо за интересный урок!

Спасибо за интересный урок

Спасибо за интересный материал.

Спасибо за урок.

Спасибо за перевод. Замечательный урок!

Спасибо за перевод!

Интересно)) Спасибо за перевод!

Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее