Advertisement
  1. Design & Illustration
  2. Brushes

Как создать кисть-конфетти в Иллюстраторе

Scroll to top
Read Time: 6 min
This post is part of a series called Love Week.
40 Stylish Wedding Invitation Templates
How to Create a Copper Foil Texture Text Effect in Adobe Photoshop

() translation by (you can also view the original English article)

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

Кто еще любит кисти в Иллюстраторе? Их забавно создавать и играться с ними. Как один из проектов "Недели любви", я покажу вам как создать свадебную-конфетти дискретную кисть. Идеально для начинающих так как тут не используется инструмент Перо.

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

Если вы в поисках качественного готового шаблона свадебного приглашения и свадебной канцелярии, вы можете найти их на ГрафикРивере.

1. как создать основное сердечко.

Шаг 1

Создать сердечко в Иллюстраторе можно многими способами. Этот метод я предпочитаю потому, что он дает ровную форму, и знакомит с некоторыми очень удобными функциями программы.

Используя инструмент Эллипс - Ellipse Tool (L), создайте круг. С помощью Инструмента выделения - Selection Tool (V) и Alt-Сдвига продублируйте круг так, чтобы он слегка перекрывал предыдущий.

Create two overlapping circlesCreate two overlapping circlesCreate two overlapping circles

Шаг 2

Давайте объединим эти фигуры используя панель Обработка контуров- Pathfinder (Window > Pathfinder). Выделите обе формы и кликните кнопку Объединить - Unite чтобы создать из них единую форму.

Use Pathfinder to combine the shapesUse Pathfinder to combine the shapesUse Pathfinder to combine the shapes

Шаг 3

Верхняя часть сердечка уже приняла свою форму, так что настало время сделать нижнюю. У вас три опорные точки внизу формы.. Давайте удалим по одной с каждой стороны с помощью Инструмента Удаление Опорных Точек - Delete Anchor Point Tool (-). наведите мышку на точку, которую хотите удалить этим инструментом, и затем кликните.

Remove two anchor pointsRemove two anchor pointsRemove two anchor points

Шаг 4

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

С помощью инструмента Прямое Выделение Direct Selection Tool (A), кликнем на проблемную точку. Вдоль верхней части интерфейса, вы увидите параметры опорных точек. Выберите первый вариант, конвертировать выбранную опорную точку в угол - Convert selected anchor point to corner.

Flatten the bottomFlatten the bottomFlatten the bottom

Шаг 5

Держа точку выделенной, используйте Стрелочку Вниз на клавиатуре чтобы опустить точку вниз на 30 точек.

Затем с помощью инструмента Прямое Выделение Direct Selection Tool (A) кликаем на одну из боковых точек. Поместите указывающую вниз ручку на полпути между точкой и нижней частью сердечка, убедившись, что ручка по-прежнему указывает в том же направлении. Повторите то же на другой стороне. Это завершит форму сердечка.

Complete your heart shapeComplete your heart shapeComplete your heart shape

2. Как создать серию разноцветных сердечек

Шаг 1 

Я буду использовать процесс окрашивания, описанный у  Beto Garza. Он создает цветовые палитры, используя Blend ( Переход) между двумя фигурами. Я очень рекомендую вам его Урок по созданию автопортрета.

Давайте сначала продублируем оригинальное сердечко таким же способом, каким дублировали окружности. Выделите сердечко Инструментом Выделение - Selection Tool (V) и затем зажимая Alt сдвинем сердечко в сторону, так, чтобы еще осталось место для трех будущих сердечек между ними.

Duplicate the heartDuplicate the heartDuplicate the heart

Шаг 2

Выделите оба сердечка и создайте Переход (Blend) между ними, используя Object > Blend > Mark или Control-Alt-B. Таким образом, вы получите еще несколько сердечек между первыми двумя.

Чтобы гарантировано получить всего 5 сердечек, выделите наш переход и пройдите Object > Blend > Blend Options ( Параметры перехода) , и в пустом поле Specified Steps ( Количество шагов) выставите значение 3, так как мы хотим еще три фигуры между нашими двумя.

Create a BlendCreate a BlendCreate a Blend

Шаг 3

Когда вы посмотрите на группу Переход в панели слоев, вы заметите, что внутри группы есть три элемента пути (строка, в которой находится переход) и две оригинальных фигуры. Теперь вы можете выбрать две оригинальные фигуры и менять их цвет, пока вы не получите градиент в цветах, которые вы хотите использовать для вашего конфетти. Я выбрал пастельный розовый (#f2a7cb) и индиго (#2e3192).

Create the colours you wishCreate the colours you wishCreate the colours you wish

3. Как расположить сердечки

Шаг 1

До того, как мы расположим сердечки в форе круга, давайте освободим их от Перехода. Выберите Переход в панели слоев и нажмите Объект > Разобрать (Object > Expand). Это превратит Переход в группу из пяти фигур.

А теперь давайте разгруппируем фигуры, оставив их выделенными и пройдем Объект- Разгруппировать (Object > Ungroup). Теперь в панели слоев вы увидите что фигуры разгруппированы.

Ungrouping the heartsUngrouping the heartsUngrouping the hearts

Шаг 2

Используя Инструмент выделение - Selection Tool (V), составьте из сердечек круг... Он не должен быть идеальным так как впоследствии будет искажен.

Put the hearts in a circlePut the hearts in a circlePut the hearts in a circle

Шаг 3

Затем, используя инструмент свободное трансформирование Free Transform Tool (E), поверните каждое сердечко. Эффект этой кисти в случайном расположении конфетти, так что расположение сердечек под разными углами играет главную роль.

Rotate the heartsRotate the heartsRotate the hearts

Шаг 4

Давайте изменим размер сердечек чтобы они были более случайны. Инструментом выделение Selection Tool (V) выберем несколько сердечек. Затем пройдем Объект > Трансформирование > Масштабирование ( Object > Transform > Scale). Я уменьшил размер на 50 %.

Reduce the sizeReduce the sizeReduce the size

Затем я уменьшил размер остальных сердечек на 40 %, так что получилось небольшая вариация.

Reduce the sizeReduce the sizeReduce the size

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

The heart arrangementThe heart arrangementThe heart arrangement

4. Как создать Дискретную Кисть

Шаг 1

Начнем создавать кисть. Выберите все - Select All (Control-A) и затем откройте панель Кисти -  Brushes panel (Window > Brushes). Кликните Создать новую кисть ( New Brush) на нижней части панели. 

The Brushes panelThe Brushes panelThe Brushes panel

Шаг 2

Появится всплывающее окно с выбором какую кисть вы хотите создать; выберите Дискретная Кисть (Scatter Brush) и кликните ОК. Теперь открылось окно Меню Настроек Дискретной Кисти (Scatter Brush Options).

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

  • Случайный (Random): Они все выставлены на случайный, потому что мы не хотим единообразный внешний вид у разбросанного конфетти. При выборе этой опции, вы сможете выбирать параметры значений.
  • Размер (Size): Так как я создал сердечки достаточно большими, я выставил маленькое значение размера и небольшие его вариации. Причина этому то, что на конфетти мы не будем смотреть в перспективе.
  • Расстояние (Spacing): Это значение выставите так низко, насколько с небольшой вариацией. Это потому, что конфетти немного наезжают друг на друга.
  • Разброс (Scatter): Разброс означает, насколько фигуры отклонятся с нарисованного пути... я хочу чтобы это случилось относительно аккуратно.
  • Поворот (Rotation): Необходимо чтобы фигуры упали в различных положениях... поэтому поворот выставляется в обоих наибольших значениях.

Когда закончите. нажмите ОК.

Scatter Brush OptionsScatter Brush OptionsScatter Brush Options

Шаг 3

Вы можете применить вашу кисть-конфетти к любому пути по вашему желанию... вот она на прямой линии.

5. Как создать простую рамку.

Шаг 1

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

Используя инструмент Эллипс - Ellipse Tool (L), я нарисую круг за именами так, чтобы мы были уверены что рамка не перекроет имена. Откройте Панель Оформление  (Window > Appearance).

Add a circle around the namesAdd a circle around the namesAdd a circle around the names

Шаг 2 

Нажмите на Обводку (Stroke) где нарисована кисть, и выпадающее меню покажет вам кисти из Панели Кистей. Выберите там вашу кисть с конфетти. По умолчанию, у нее будет выставлена толщина в 1 пиксель, которую вы можете поменять кликнув на ссылку Обводка Stroke (которая приведет вас в панель настройки обводки)

Applying the brushApplying the brushApplying the brush

Шаг 3

Давайте добавим еще конфетти. С выделенной обводкой, кликните на выкатное меню в правом верхнем углу и выберите Продублировать Объект(Duplicate Item). Это удвоит все значения и настройки Обводки. Мы немного отредактируем ее кликнув на ссылку Обводка и поменяв Толщину Обводки на 0,75 пикселей.

Change the stroke weight to 075Change the stroke weight to 075Change the stroke weight to 075

Шаг 4

Теперь перетащите строку Заливка наверх панели Оформление (Appearance) и поменяйте цвет на белый. Так мы завершим нашу рамку.

White fillWhite fillWhite fill

Шаг 5 

Если вы хотите сохранить эту рамку для дальнейшего использования, откройте панель Стили графики (Graphic Styles) с выделенной рамкой и нажмите на Новый Стиль Графики (New Graphic Style). Так мы сохраним ее на будущее чтобы применять к другим формам.

Saving the Graphic StyleSaving the Graphic StyleSaving the Graphic Style

Отличная работа, все готово!

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

Finished frameFinished frameFinished frame

Делать конфетти-кисти или дискретные кисти в общем может быть очень забавным занятием. Знание настроек  этих кистей - ключ к созданию удивительных творений. Почему бы не просмотреть еще уроков по созданию дискретных кистей тут на Envato Tuts+.

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.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads