Узнайте больше об Объектных и Дискретных Кистях в процессе рисования абстрактных деревьев...

В этом уроке я открою основные свойства Объектных и Дискретных Кистей в Иллюстраторе, как создавать и применять их.

Мы применим абстрактный подход и создадим деревья целиком , используя Объектные и Дискретные Кисти, сделанные из простых форм. К концу этого урока вы будете иметь лучшее понимание этих кистей, настроек и индивидуальных параметров, которые могут быть применены к каждой кисти. Вот почему Объектные и Дискретные Кисти такие многофункциональные, давайте же начнем урок.

1. Начнем новый проект.

Запускаем Иллюстратор и идем Файл > Новый чтобы открыть пустой документ. Впишите название и выставьте размер, затем установите Пиксели как единицы измерения, и RGB как цветовую схему. Затем, идем Редактирование > Установки > Основные и выставляем Клавиатурные Инкременты значение 1 пиксель, затем идем в Единицы измерения и производительность дисплея и выставляем Единицы измерения как показано. Я обычно работаю с этими настройками и они помогут вам на протяжении процесса рисования.

2. Создаем первую Объектную кисть

Шаг 1

Объектные кисти являются самыми распространенными, на мой взгляд, и они очень отличаются от других типов кистей, потому что они берут базовый символ и растягивают его вдоль пути, который был создан. Это может быть проста прямая линия, или любой другой открытый путь или обводка объекта. Форма Объектной кисти ( Базовый символ) может быть создана путем изменения базовой формы, но также можно создать более сложные кисти.

Так как это урок для начинающих, мы создадим простую объектную кисть, начиная с треугольника. Так что возьмем Инструмент Звезда и нарисуем треугольник по указанным размерам и затем повернем на 90 градусов используя Панель Трансформирования. Далее берем инструмент удаление опорной точки (-) и нажимаем на три точки как указано, чтобы удалить их.

Шаг 2

Используя Инструмент Прямое Выделение (А) чтобы выбрать только указанные точки, и затем пройдите Объект > Трансформация > Перемещение, напечатайте 150 пикселей в поле Горизонтальное и нажмите ОК.

Шаг 3

До того как сохранить кисть, выберите цвет заливки Черный. Теперь можно перетащить ее в Панель Кисти и выбрать Новая Объектная Кисть. В открывшемся окне напишите название, выберите Направление и выставьте Цвет - Оттенки Нажмите ОК и теперь мы можете найти свою кисть в Панели Кисти наряду с кистями по умолчанию.

3. Использовать Объектную Кисть для создания дерева

Шаг 1

Возьмите Инструмент Карандаш (N) и нарисуйте волнистый путь на вашей монтажной области, которая в этом случае 600 х 500 пикселей, так что убедитесь что путь достаточно длинный, как на рисунке. Вы можете поменять настройки карандаша двойным нажатием на него на панели Инструменты или вы также можете использовать Инструмент Перо для этого.

Шаг 2

Далее, выберите Объектную Кисть, сохраненную в Панели Кистей и примените ее к этому пути. Толщину обводки оставьте 1 пиксель, но двойным кликом в панели Оформление откройте Настройки Обводки и установите ширину 65%.

Шаг 3

Также используя Инструмент Карандаш нарисуйте три новых пути как веточки. Примените к ним ту же Объектную кисть, затем откройте Настройки Обводки и выставьте ширину 30%. В зависимости от того, насколько тонкой вы хотите сделать свою кисть, вы можете регулировать ширину по вашему желанию.

Шаг 4

Нарисуйте другие два пути и примените к ним ту же Объектную кисть, и задайте ширину 20% чтобы получить более тонкие ветки.

Шаг 5

Выделите все пути и затем выберите Разобрать оформление и Разгруппировать(Shift-Control-G) дважды в меню объектов. В результате этого обводка превратится в объекты и теперь вы можете залить их очень темным оттенком коричневого. Дерево готово.

Шаг 6

Вот другой пример. Следуя предыдущим шагам, вы также можете создать более сложные деревья, как на следующем изображении. После Разбирания, вы также можете пройти Эффекты >Исказить и трансформировать и применить эффект Огрубление чтобы получилось более реалистичное дерево.

4. Создание дискретной кисти для листьев

Шаг 1

В то время как Объектная кисть берет основной символ и растягивает его вдоль пути, Дискретная кисть берет символ и разбрасывает его копии вдоль пути. В основном повторение базового символа зависит от настроек кисти.

Базовый символ Дискретной кисти в нашем случае это лист. Начнем опять с основной формы , берем Эллипс (L) и рисуем эллипс по указанным размерам. Используя Инструмент Прямое Выделение (А), выделите только верхнюю точку и пройдите Объект > Трансформирование > Перемещение, впишите значение 5 пикселей в поле Вертикальный и нажмите ОК. С выделенной верхней точкой нажмите на иконку Преобразовать опорную точку в угол в контрольной панели(3).

Наконец, выберите левую и правую опорную точки Инструментом Прямое выделение (А) и потяните вверх верхние ручки чтобы сделать их длиннее. Вы получите более круглую форму(4).

Шаг 2

Затем, возьмите Прямоугольник (М) и нарисуйте узкий прямоугольник над листиком. Выделите обе формы и нажмите Выровнять по Центру по горизонтали в панели выравнивание. Используя Прямое выделение (А) выберите только нижнюю левую точку и сдвиньте ее на 2 пикс влево используя стрелочку Влево на клавиатуре два раза. Теперь выберите нижнюю правую точку и сдвиньте ее на 2 пикс вправо.

Шаг 3

Прямоугольником (М) нарисуйте еще один прямоугольник, используя размеры как на картинке. Поверните на 45 градусов и сдвиньте к левой части листа(1) затем сделайте две копии и расположите их над первой(2). Возьмите второй Прямоугольник и поверните на -45 градусов и передвиньте к правой части листа. Сделайте две копии и расположите над первой(4).

Шаг 4

Выделите листик и центральную форму, и нажмите Вычитание в меню Обработка Контуров(1). Сгруппируйте (Control-G) все прямоугольники с поворотом перед тем как продолжать. Теперь выделите новую форму листа и группу прямоугольников и нажмите Вычитание снова.

Шаг 5

Листик готов, перед сохранением задайте ему цвет заливки черный. Перетащите символ в панель Кисти и выберите Новая Дискретная кисть. В открывшемся окне впишите название, выставьте Поворот следует за путем и Колоризацию на Оттенки. Мы поработаем с остальными настройками далее. Нажмите Ок и теперь вы можете найти свою кисть Лист 1 в панели Кисти.

5. Применение Дискретной кисти для Листьев

Шаг 1

Двойным нажатием на Инструмент Карандаш (N) в панели инструментов открываем окно Предпочтения. Выставьте Точность на 10 пикс. а также увеличьте Сглаживание чтобы получить несколько опорных точек вдоль пути. Вдоль веток на правой части древа нарисуйте путь как на картинке( фиолетовым). Дорисуйте вторую половину , следуя за ветками на левой стороне (зеленым). Не объединяйте эти пути в одно, важно сохранить эти две половинки.

Шаг 2

Примените к нарисованным путям Дискретную Кисть Лист 1. Ширину обводки оставьте 1 пикс. и установите зеленый цвет для заливки.. Так как Колоризация выставлена на Оттенки, то листья подхватят цвет обводки.

Дискретная кисть хороша тем, что вы можете контролировать , каким образом базовый символ (листик) будет разбрасываться. Для этого у вас есть 4 настройки : Размер, Расстояние, Разброс и Поворот в Окне настройки Обводки. Вы можете получить к ним доступ двойным кликом по примененной кисти в панели оформление пока выбран нужный путь. Я уменьшил размер листьев до 12%, но в зависимости от оригинального размера вашего листа это значение может варьироваться. Мы хотим чтобы листики располагались близко друг к другу, так что выставим значение Расстояние на минимум, который 10%. Для этого абстрактного дерева листья выровнены и не разбросаны, так как значение Разброс стоит на 0% в этот раз. Выставьте Поворот на 180 градусов только если верхушки ваших листиков смотрят внутрь (в сторону веток) Когда закончите с этими настройками, нажмите ОК и ваши листики должны будут выглядеть как на картинке ниже. Используйте те же настройки и для второго пути.

Шаг 3

Снова Карандашом (N) нарисуем два новых пути, следуя контуру уже нарисованных листьев. Применим к ним обоим Дискретную кисть Листья 1 и применим те же настройки, что и в предыдущем шаге. В этот раз выберите как цвет обводки более светлый зеленый.

Шаг 4

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

Шаг 5

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

Шаг 6

Это ваш шанс внести пару изменений. Если слои ваших листьев не идеально подогнаны, вы можете передвинуть некоторые опорные точки Инструментом Прямое выделение(А) чтобы исправить проблему. Не волнуйтесь о пересекающихся листьях, потому что позже мы решим эту проблему. Если вы довольны своим деревом, выберите все пути что вы нарисовали кистью Листья 1 и выберите Разобрать Оформление в меню Объект. В результате вместо мазков кисти вы получите группу листьев.

Шаг 7

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

Шаг 8

На следующем изображении вы можете увидеть основные области, где я передвинул листья. На этом первое абстрактное дерево готово и вы успешно использовали Объектные Кисти и Дискретные Кисти при его создании.

6. Создание второй Художественно Кисти

Шаг 1

Для начала, вам нужен треугольник того же размера, как и в самом начале. Выделив форму, пройдите Объект > Трансформирование > Отражение , отметьте галочкой Вертикальное и нажмите Копировать. Переместите новый треугольник рядом с первым как показано как картинке.

Шаг 2

Выделите два стоящих спина к спине треугольника и нажмите Добавить в панели Обработка контуров чтобы объединить их в одну форму. Используя Инструмент Прямое выделение выделите верхнюю и нижнюю точки, затем нажмите иконку Преобразовать опорные точки к точкам сглаживания в Контрольной панели. Так вы получите закругленные точки.

Шаг 3

Перед тем , как сохранить кисть, сделайте заливку формы черного цвета. Теперь перетащите форму в панель Кисти и выберите Новая Объектная Кисть.

7. Создаем вторую дискретную кисть с листьями.

Шаг 1

Используя созданную ранее ромбовую Объектную кисть вы создадите новую Дискретную кисть. Возьмите Инструмент Карандаш (N) или Перо (P) и нарисуйте волнистый путь как показано ниже и выполните обводку новой созданной Объектной Кистью.

Шаг 2

Нарисуйте еще один Волнистый путь, но короче и по центру черного лсита. Обводкой этого пути выставьте ту же Объектную кисть, но только Ширину обводки сделайте 0,1 пикс.

Шаг 3

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

Шаг 4

Перетащите черный лист в панель Кисти и выберите Новая Объектная кисть. В окне Настройки, напишите имя ( Лист 2), выставьте Поворот следует пути и Цвет поменяйте на Оттенки и затем кликните ОК. Мы поиграемся с другими настройками позже.

8. Применение второй Дискретной кисти с листьями

Шаг 1

Для начала, сделайте копию силуэта дерева. Карандашом (N) нарисуйте случайную спираль вокруг веток и примените к этому пути вторую Объектную Кисть с листьями. Так как Цвет выставлен как Оттенки,листики подхватят цвет заливки, которым является темный оттенок красного.

А теперь давайте поиграем с другими настройками и для этого, дважды кликните в панели Оформление на примененную кисть чтобы открыть окно Настройки Обводки. Выберите Случайный размер и переместите слайдеры до 20% и 30%. Я оставлю эти настройки и для других обводок, потому что я не хочу большой разницы между разными листьями. Значение Интервалы, Разброс, Поворот были выбраны случайным образом и вы можете использовать такие же, или установить свои.

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

В следующем изображении вы можете увидеть будущую обводку.

Шаг 6

Вот она другая обводка:

Шаг 7

Наконец, последняя и с красным цветом в качестве обводки. Теперь откройте панель Стили Графики (Окно > Стили графики) и перетащите миниатюру из панели Оформление в Стили графики чтобы сохранить ее, пока путь выделен.

Шаг 8

Чтобы быстро увеличить количество листьев, Инструментом Карандаш (N) рисуем еще одну спираль вокруг веток (1). Примените к этой спирали стиль графики который вы только что сохранили выбрав его в панели Стили Графики (2). Последняя вещь, которую осталось сделать, это переместить пути за силуэт дерева, используя панель Слоев таким образом, чтобы открыть немного веток. Третье абстрактное дерево готово.

9. Создаем и используем третью Дискретную кисть.

Шаг 1

Третья кисть самая простая. Возьмите Эллипс (L) и нарисуйте круг 50 х 50 пикс. Заливку выставьте не серую, а черную с прозрачностью 50%. Таким образом у вас получится пересекающийся полупрозрачный вид. Перенесите этот круг в панель Кисти и выберите Новая Дискретная Кисть. В окне настройки напечатайте имя затем выставьте Поворот следует пути и Цвет в Оттенки, как обычно.

Шаг 2

Скопируйте дерево еще раз и нарисуйте случайную спираль вокруг веток Карандашом (N). К обводке примените Круглую Дискретную кисть, затем откройте окно Настройки и поменяйте значения Размера, Интервала и Разброса. Нет смысле поворачивать круг, так что оставьте Поворот на 0 градусов. В конечном счете, я добавил четыре обводки, используя разные оттенки фиолетового.

Шаг 3

Теперь давайте скорректируем нижнюю часть ствола, только сначала убедимся что формы, из которых состоит дерево, разгруппированы. Если сгруппированы, нажмите Shift-Control-G. Далее нарисуйте прямоугольник сверху скошенной части как на рисунке. Выделите прямоугольник вместе со стволом и нажмите Исключение в панели Обработка контуров.

Шаг 4

Повторите то же самое с оставшимися двумя деревьями.

10. Создание тени под деревьями.

Шаг 1

Урок об Объектных и дискретных кистях на этом заканчивается, но если вы хотите, можно добавить тени под деревьями, если вы дочитаете несколько добавочных шагов. Начнем с рисования трех простых эллипсов развного размера и зальем их цветом как показано. Выделим их всех и нажмем Выровнять по центру в панели Выровнять и Распределить и затем переместим их под абстрактное фиолетовое дерево. Держа их выделенными, пройдем Объект > Переход > Параметры Перехода и выставим Заданное число шагов 20. Нажмите ОК и затем пройдите Объект > Переход > Создать (Alt-Control-B) Уменьшите прозрачность получившейся группы до 50%.

Шаг 2

Используя панель Слоев найдите и откройте группу бленда, созданную в предыдущем шаге. Выберите только средний и маленький эллипсы, затем копируйте их и вставьте на Передний План (Control-F). Перетащите эти две копии вне группы, над нею. Оставьте заливку такого же цвета, только уменьшите прозрачность до 30%.

Шаг 3

Чтобы создать тень под разноцветным деревом, просто выберите тень ( все пять форм) которые вы создали для фиолетового дерева и сделайте копию. Затем, просто замените оттенки фиолетового оттенками желтого как показано.

Шаг 4

То же самое проделайте и для первого дерева. Сделайте еще одну копию тени и расположите ее под дерево и затем замените существующий цвет оттенком зеленого.

Шаг 5

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

Поздравляю! Вы справились!

Вот и все основные моменты об Объектных и Дискретных Кистях, на этот раз. Кроме тех, что есть в библиотеке, теперь вы можете создать различные кисти и играть разнообразными формами от простых до сложных, с разными прозрачностями, цветами, настройками и шириной. Вы нашли мои объяснения полезными? Дайте мне знать.