Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Типографический эффект конфетти в Adobe Photoshop

15 февраля 2017 | Опубликовано в Уроки | 2 Комментариев »

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

 

Результат

Final Result

Исходники

Для выполнения урока вам понадобятся следующие файлы:

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

Шаг 1

Создайте новый документ размером 950 x 800 px и разместите в нем текстуру Smooth_stucco_flat_white_paint_plaster_wall_textur над фоновым слоем.

При необходимости масштабируйте текстуру и назовите слой BG Texture.

Add the Background Texture

Шаг 2

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

Add a Levels Adjustment Layer

Шаг 3

Настройте уровни как показано ниже.

Levels Settings

Шаг 4

Введите ваш текст заглавными буквами, используя шрифт InterFace Regular.

Укажите тексту размер в 250 pt, и настройте остальные параметры как на картинке ниже.

Create the Text

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

Шаг 1

Поместите текстуру blank paper pink поверх текста, и назовите слой Pink.

Add the Pink Texture

Шаг 2

Кликните по иконке Add layer mask/Добавить маску слоя в нижней части палитры Layers/Слои, и залейте ее черным цветом, чтобы скрыть всю текстуру.

Add a Layer Mask

Шаг 3

Дублируйте слой Pink.

Duplicate the Layer

Шаг 4

Повторите ту же история с текстурой Gift_Wrapping_Paper6, переименовав слой в Gold. У вас также должно получиться два слоя с масками.

Add the Gold Texture

3. Создаем кисть-конфетти

Шаг 1

Возьмите инструмент Brush/Кисть, и откройте палитру Brush/Кисть. Выберите круглую нерастушеванную кисть, и укажите ей следующие настройки:

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

Brush Tip Shape

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

Shape Dynamics

Шаг 2

Кликните по иконке Create new brush/Создать новую кисть в нижней правой части палитры Brush/Кисть, укажите название Round Confetti и нажмите OK.

Round Confetti Brush Tip

Шаг 3

Выберите кисть s24 из набора hearts vector brushes, и укажите ей следующие параметры:

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

Brush Tip Shape

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

Shape Dynamics

Scattering/Рассеивание

Scattering

Сохраните кисть под именем Heart Confetti.

Heart Confetti Brush Tip

Шаг 4

Выберите квадратную кисть на 24 px, и укажите ей следующие параметры:

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

Brush Tip Shape

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

Shape Dynamics

Scattering/Рассеивание

Scattering

Сохраните кисть как Top Confetti.

Top Confetti Brush Tip

4. Применяем кисть к тексту

Шаг 1

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

Create Work Path

Шаг 2

Возьмите инструмент Brush/Кисть, выберите кисть Heart Confetti белого цвета.

Выберите маску слоя Gold и нажмите клавишу Enter.

Stroke the Path with the Heart Confetti Tip

Шаг 3

Выберите слой Gold copy и еще раз нажмите клавишу Enter.

Stroke the Second Gold Layer

Шаг 4

Скройте оба слоя Gold.

Hide the Gold Layers

5. Добавляем внутренний контур

Шаг 1

Теперь мы хотим создать еще один контур. Для этого возьмите инструмент Pen/Перо, убедитесь что выбрана опция Path/Контутр.

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

Create Straight Lines

Шаг 2

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

Separate Paths

Шаг 3

Чтобы рисовать кривые, кликайте и тяните направляющие.

Create Curves

Шаг 4

Если что-то получилось неидеально, вы всегда можете поправить контур инструментом Direct Selection/Прямое выделение (A).

Modify the Work Path

Шаг 5

После того как вы закончите создавать внутренний контур, выберите инструмент Brush/Кисть, выберите кисть Round Confetti белого цвета и примените ее, как мы делали выше в масках обоих слоев Pink.

Нажмите A и затем Return/Enter, чтобы избавиться от контура.

Stroke the Pink Layers

6. Стили для Round Confetti

Кликните дважды по слою Pink и укажите ему следующие стили слоя, с параметрами как на картинках ниже:

Шаг 1

Color Overlay/Перекрытие цвета:

  • Цвет: #edcdd2

Color Overlay

Шаг 2

Drop Shadow/Тень:

Drop Shadow

Шаг 3

Кликните правой кнопкой по слою Pink, выберите Copy Layer Style/Копировать стиль слоя, затем кликните правой кнопкой по слою Pink copy, и выберите Paste Layer Style/Вставить стиль слоя.

Copy and Paste the Layer Style

7. Стили для Heart Confetti

Шаг 1

Сделайте видимыми оба слоя Gold.

Show the Gold Layers

Шаг 2

Дважды кликните по слою Gold и укажите ему стиль слоя Drop Shadow/Тень:

Drop Shadow

Шаг 3

Копируйте стиль слоя и вставьте его слоя Gold copy.

Copy and Paste the Layer Style

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

Шаг 1

Поместите слой Gold под слой Pink copy, чтобы добавить динамики эффекту. Теперь кликните по иконке link/связь между слоем и его маской, чтобы разорвать связь между ними.

Unlink Layer Masks

Шаг 2

Кликните по иконке слоя и нажмите Ctrl-T, чтобы войти в режим свободного трансформирования. Переместите и масштабируйте слой.

Adjust the Textures

Шаг 3

Нажмите Enter, чтобы утвердить изменения.

Accept the Changes

9. Разбрасываем конфетти

Шаг 1

Вновь разместите в нашем документе текстуру Gift_Wrapping_Paper6. Расположите ее поверх остальных слоев и переименуйте в Top Confetti.

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

Add the Top Confetti

Шаг 2

Кликните правой кнопкой по слою Top Confetti и выберите Convert to Smart Object/Конвертировать в смарт-объект.

Convert to Smart Object

Шаг 3

В меню выберите Filter > Blur Gallery > Path Blur/Фильтр>Галерея размытия>Размытие контура. Нарисуйте контур как показано ниже и настройте параметры по своему вкусу.

Apply a Path Blur

Шаг 4

В меню выберите Filter > Blur > Gaussian Blur/Фильтр>Размытие>Размытие по Гауссу, и укажите радиус в 3.

Gaussian Blur

Шаг 5

Кликните дважды по слою Top Confetti и укажите ему стиль слоя Drop Shadow/Тень:

Drop Shadow

Это завершит наш эффект.

Applied Drop Shadow

Результат

Final Result

Автор урока Rose

Перевод — Дежурка

Смотрите также:




Комментарии

  1. Евгения
    Thumb up Thumb down 0

    Заголовок исправьте, почему в Adobe Illustrator, если работа в Adobe Photoshop