Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Brushes
Design

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

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called Love Week.
50 Stylish Wedding Invitation Templates
How to Create a Copper Foil Texture Text Effect in Adobe Photoshop

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

Final product image
What You'll Be Creating

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

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

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

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

Шаг 1

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

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

Create two overlapping circles

Шаг 2

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

Use Pathfinder to combine the shapes

Шаг 3

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

Remove two anchor points

Шаг 4

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

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

Flatten the bottom

Шаг 5

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

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

Complete your heart shape

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

Шаг 1 

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

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

Duplicate the heart

Шаг 2

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

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

Create a Blend

Шаг 3

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

Create the colours you wish

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

Шаг 1

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

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

Ungrouping the hearts

Шаг 2

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

Put the hearts in a circle

Шаг 3

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

Rotate the hearts

Шаг 4

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

Reduce the size

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

Reduce the size

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

The heart arrangement

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

Шаг 1

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

The Brushes panel

Шаг 2

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

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

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

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

Scatter Brush Options

Шаг 3

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

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

Шаг 1

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

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

Add a circle around the names

Шаг 2 

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

Applying the brush

Шаг 3

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

Change the stroke weight to 075

Шаг 4

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

White fill

Шаг 5 

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

Saving the Graphic Style

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

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

Finished frame

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

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.