7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

Как создать простой текст из свадебных конфетти в Фотошопе?

Scroll to top
Read Time: 6 mins
This post is part of a series called Love Week.
How to Create a Love-Themed Icon Pack in Adobe Illustrator
49 Stylish Wedding Invitation Templates

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

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

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

Автора урока на создание данного эффекта вдохновили различные стили слоя на сайте GraphicRiver. 

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

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

  • шрифт InterFace Regular
  • текстура стены 
  • текстура розовой бумаги
  • текстура подарочной бумаги (изображение #6)   
  • векторные кисти сердечки

1.  Как создать фон и добавить текст?

Шаг 1

Создайте новый документ размером 950 x 800 пикселей. Откройте текстуру Стены и переместите её на наш рабочий документ. Расположите текстуру стены поверх слоя с задним фоном.

Примените масштабирование к текстуре стены и назовите данный слой  "Текстура заднего фона" (BG Texture).

Add the Background TextureAdd the Background TextureAdd the Background Texture

Шаг 2

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

Add a Levels Adjustment LayerAdd a Levels Adjustment LayerAdd a Levels Adjustment Layer

Шаг 3 

Затем преобразуйте корректирующий слой "Уровни" (Levels) в обтравочную маску к слою «Текстура заднего фона» (BG Texture). В настройках поменяйте значение Гамма (Gamma) на 1.95.

Levels SettingsLevels SettingsLevels Settings

Шаг 4

Напечатайте текст заглавными буквами (All Caps), используя шрифт InterFace Regular.

Установите размер шрифта на 250 pt, значение Треккинг (Tracking) 100. Если вы создаёте несколько строк текста, то установите расстояние между строками (Leading) 250

Create the TextCreate the TextCreate the Text

2. Как добавить текстуры и маску слоя?

Шаг 1

Расположите слой с текстурой Розовой бумаги поверх всех остальных слоёв. При необходимости примените масштабирование. Назовите данный слой  "Розовая текстура" (Pink). 

Add the Pink TextureAdd the Pink TextureAdd the Pink Texture

Шаг 2

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

Add a Layer MaskAdd a Layer MaskAdd a Layer Mask

Шаг 3

Дублируйте слой "Розовая текстура" (Pink).

Duplicate the LayerDuplicate the LayerDuplicate the Layer

Шаг 4

Таким же образом добавьте в наш документ текстуру подарочной бумаги. Назовите слой с подарочной бумагой "Золотая текстура" (Gold).

Add the Gold TextureAdd the Gold TextureAdd the Gold Texture

3. Как создать кисти с эффектом конфетти?

Шаг 1

Выберите инструмент Кисть (Brush Tool) и активируйте панель с настройками кисти. Установите жёсткую круглую кисть со следующими настройками:

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

Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

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

Shape DynamicsShape DynamicsShape Dynamics

Шаг 2

Кликните по иконке "Создать новую кисть" (Create new brush icon), расположенной в нижнем правом углу Панели кисти (Brush panel). Назовите новую кисть "Круглые конфетти" и нажмите OK.  

Round Confetti Brush TipRound Confetti Brush TipRound Confetti Brush Tip

Шаг 3

Откройте векторные кисти с сердечками. Выберите кисть s24 и установите для неё следующие настройки:

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

Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

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

Shape DynamicsShape DynamicsShape Dynamics

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

ScatteringScatteringScattering

Сохраните новую кисть и назовите её "Конфетти-сердечки".

Heart Confetti Brush TipHeart Confetti Brush TipHeart Confetti Brush Tip

Шаг 4

Возьмите твёрдую квадратную кисть размером 24 пикселя и установите следующие настройки:

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

Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

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

Shape DynamicsShape DynamicsShape Dynamics

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

ScatteringScatteringScattering

Сохраните новую кисть и назовите её  "Верхние конфетти".

Top Confetti Brush TipTop Confetti Brush TipTop Confetti Brush Tip

4. Как сделать обводку рабочего контура?

Шаг 1

Щёлкните правой кнопкой мыши по текстовому слою и в появившемся окне выберите "Создать рабочий контур" (Create Work Path). Далее отключите видимость текстового слоя, нажав на маленькую иконку глаза, расположенную в левой части панели слоёв.

Create Work PathCreate Work PathCreate Work Path

Шаг 2

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

Далее перейдите на маску слоя  "Золотая текстура" (Gold) и нажмите клавишу Return

Stroke the Path with the Heart Confetti TipStroke the Path with the Heart Confetti TipStroke the Path with the Heart Confetti Tip

Шаг 3

Перейдите на копию слоя  "Золотая текстура" и снова нажмите клавишу Return, чтобы повторно выполнить обводку рабочего контура.

Stroke the Second Gold LayerStroke the Second Gold LayerStroke the Second Gold Layer

Шаг 4

Отключите видимость обоих слоёв "Золотая текстура".

Hide the Gold LayersHide the Gold LayersHide the Gold Layers

5. Как создать обводку рабочего контура при помощи пера?

Шаг 1

Далее мы добавим ещё один рабочий контур при помощи инструмента Перо (Pen Tool). Для начала активируйте инструмент Перо (Pen Tool) и выберите режим "Контур" (Paths). 

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

Create Straight LinesCreate Straight LinesCreate Straight Lines

Шаг 2

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

Separate PathsSeparate PathsSeparate Paths

Шаг 3

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

Create CurvesCreate CurvesCreate Curves

Шаг 4

Для редактирования контуров используйте инструмент "Выделение узла" (Direct Selection Tool).

Modify the Work PathModify the Work PathModify the Work Path

Шаг 5

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

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

Stroke the Pink LayersStroke the Pink LayersStroke the Pink Layers

Как добавить стиль слоя круглым конфетти?

Дважды кликните по слою "Розовая текстура" и примените следующие настройки стиля:

Шаг 1

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

  • Цвет (Color): #edcdd2

При желании вы можете подобрать другие цвета и режимы наложения.

Color OverlayColor OverlayColor Overlay

Шаг 2

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

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

Шаг 3

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

Copy and Paste the Layer StyleCopy and Paste the Layer StyleCopy and Paste the Layer Style

7. Как добавить стили слоя конфетти-сердечкам?

Шаг 1

Включите видимость обоих слоёв "Золотая текстура".

Show the Gold LayersShow the Gold LayersShow the Gold Layers

Шаг 2

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

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

Шаг 3

Скопируйте и примените стиль слоя "Тень" для копии слоя "Золотая текстура".

Copy and Paste the Layer StyleCopy and Paste the Layer StyleCopy and Paste the Layer Style

8. Как переместить текстуру внутри маски?

Шаг 1

Расположите слой "Золотая текстура" (Gold) ниже копии слоя "Розовая текстура" (Pink copy). Чтобы перемещать маску отдельно от слоя, необходимо развязать слои. Для этого щёлкните по небольшой иконке связи, расположенной между слоем и его маской. 

Unlink Layer MasksUnlink Layer MasksUnlink Layer Masks

Шаг 2

В панели слоёв перейдите на слой "Золотая текстура" и нажмите  клавиши Command-T. Таким образом вы активируете инструмент Свободная Трансформация (Free Transform Tool). Далее перемещайте и масштабируйте текстуру до тех пор, пока не получите желаемый результат. 

Adjust the TexturesAdjust the TexturesAdjust the Textures

Шаг 3

Нажмите клавишу Return, чтобы подтвердить трансформацию. 

Accept the ChangesAccept the ChangesAccept the Changes

9. Как создать эффект размытия для конфетти?

Шаг 1

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

Далее удерживая клавишу Option, кликните по иконке «Добавить слой-маску». На маске слоя при помощи кисти "Верхние конфетти" нарисуйте несколько разбросанных конфетти вокруг текста. 

Add the Top ConfettiAdd the Top ConfettiAdd the Top Confetti

Шаг 2

Щёлкните правой кнопкой мыши по слою "Верхние конфетти" и из появившегося меню выберите опцию "Преобразовать в смарт-объект" (Convert to Smart Object).

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

Шаг 3

Далее идём в меню Фильтр - Галлерея размытия - Размытие контура (Filter - Blur Gallery - Path Gallery). С помощью инструмента Перо (Pen Tool) создайте контур, как на скриншоте ниже. Для фильтра подберите те настройки, которые вам больше нравятся.

Apply a Path BlurApply a Path BlurApply a Path Blur

Шаг 4

Затем идём в меню Фильтр - Размытие - Размытие по Гауссу. В настройках установите радиус размытия (Radius) на 3.

Gaussian BlurGaussian BlurGaussian Blur

Шаг 5

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

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

И вот мы получаем финальный результат. 

Applied Drop ShadowApplied Drop ShadowApplied Drop Shadow

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

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

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

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

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

Final ResultFinal ResultFinal Result
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.