Создаём милый школьный паттерн в Adobe Illustrator

Создаём милый школьный паттерн в Adobe Illustrator




Благодаря этому уроку вы создадите школьный бесшовный узор с милыми животными и школьными предметами! Мы будем видоизменять различные простые фигуры при помощи Инструмента «Создание фигур», Эффектов деформации и других полезных функций Adobe Illustrator. Затем мы соберём наши элементы в  сплошной узор, который можно использовать в любом дизайне, в качестве принта для материала или как фон для вашего вебсайта или блога.

Рекомендуем посмотреть

Возьмите Инструмент «Эллипс» (L) и создайте основу головы из белого овала 115 х 85 пикселей. 

При помощи Инструмента «Прямое выделение» (А) сдвиньте опорные указатели боковых точек вверх, сделав фигуру слегка сжатой и плоской сверху.

make a head from ellipse

Давайте добавим черты лица. Создайте тёмно-фиолетовый круг 8 х 8 пикселей для глаза. Выделите его Инструментом «Выделение», удерживайте Alt-Shift и перетащите его на противоположную сторону, чтобы получился второй глаз.

Затем создайте пару розовых кругов 12 х 6 пикселей для румянца на щеках. Используйте те же эллипсы для формирования бровей. Измените цвет заливки на серый и слегка поверните фигуры, чтобы придать кролику удивлённый, дружелюбный вид.

Создайте эллипс побольше для носа и поместите его в центр лица. Инструментом «Пипетка» (I) возьмите цвет глаз.

Чтобы идеально выровнять всё, мы можем сгруппировать (Control-G) каждую пару элементов, выделить их вместе с головой и кликнуть «Горизонтальное выравнивание по центру» на панели Выравнивания. В  нижней части панели выберите либо «Выровнять относительно ключевого объекта», либо «относительно монтажной области».

add facial features

Теперь добавим рот. Создайте круг 12 х 12 пикселей с тёмно-фиолетовой Обводкой и без Заливки. Инструментом «Ножницы» (С) кликните на обеих боковых опорных точках, разделив фигуру. Удалите верхнюю половину круга.

Удерживая Alt-Shift, перетащите полукруг вправо, создав копию.

Мы можем настроить толщину линий на панели Обводки. Установите Толщину на 2 и Концы на Скруглённые.

Соедините рот с носом, добавив короткую вертикальную линию толщиной 2.

form a mouth from a circle

Давайте наденем на кролика пару круглых забавных очков. Создайте большой круг 55 х 55 пикселей с лиловой обводкой и Толщиной обводки 3.

Скопируйте (перетащите, удерживая Alt-Shift) её на противоположную сторону и соедините круги маленькой дугой. Мы можем скопировать дугообразную линию с группы рта и перевернуть её.

add glasses

Теперь перейдём к ушам. Создайте светло-серый эллипс 22 х 75 пикселей. Выделите его верхние и нижние опорные точки Инструментом «Прямое выделение» (А) и Преобразуйте выделенные опорные точки в угол на панели управление сверху.

Затем выделите обе боковые опорные точки и перетащите их слегка вверх, чтобы сделать верх фигуры шире.

make an ear from the ellipse 1

Дважды кликните на Инструменте «Вращение» (R) и установите Угол на 20 градусов. Теперь Скопируйте (Control-C) фигуру и Вставьте её на Передний план  (Control-F). Сделайте фигуру меньше и заполните её розовым цветом, изображающим внутреннюю часть уха.

make an ear from the ellipse 2

Сгруппируйте (Control-G) обе части уха, дважды кликните на Инструменте «Зеркальное отражение» (О) и выберите Вертикальную ось. Нажмите «Копировать» для создания второго уха.

use the reflect tool

Присоедините уши к верху головы и Отправьте их на Задний план (Shift-Control-[).

Вот он! Наш кролик готов!

Our bunny is ready

Давайте используем основу головы кролика и его лицо, чтобы создать милого котёнка! Добавьте короткие штрихи размером 2 поверх глаз для формирования ресниц.

create a kittens face

Возьмите Инструмент «Эллипс» (L) и сделайте несколько полосок на лбу. Создайте овал 15 х 45 пикселей в центре верхнего края головы и добавьте два маленьких овала по обеим сторонам головы.

Выделите все овалы и голову. Возьмите Инструмент «Создание фигур» (Shift-M), удерживайте Alt и нажмите на тех частях, которые вы хотите удалить.

use the shape builder tool

Теперь сделаем уши!

  1. Возьмите Инструмент «Многоугольник» (вы можете найти его в том же выпадающем меню, где и Инструмент «Прямоугольник» (М)) и кликните на любом участке Монтажной области, чтобы открыть окно Настроек. Установите количество Сторон на 3. Создайте треугольник 65 х 60 пикселей. 
  2. Выделите верхний угол треугольника Инструментом «Прямое выделение» (А) и перетащите его вправо.
  3. Возьмите Инструмент «Перо>»(Shift-C) и сделайте верх уха скруглённым. Кликните на верхней опорной точке и перетащите указатели наружу, сделав угол плавным.
make an ear from a triangle 1

Перетащите верхнюю точку дальше вправо, наклонив фигуру ещё больше. Скопируйте (Control-C > Control-F) фигуру и уменьшите копию. Измените цвет заливки на розовый, изображающий внутреннюю часть уха.

make an ear from a triangle 2

Поверните ухо, присоедините его к левой стороне головы и Отправьте его на Задний план (Shift-Control-[). Используйте Инструмент «Зеркальное отражение» (О), чтобы отразить группу уха по Вертикальной оси и присоединить её к противоположной стороне головы.

attach the ears to the head

Завершите создание котёнка, добавив круглые очки.

Finish up with the kitty

Начните с создания головы из оранжевого эллипса 125 х 90 пикселей. Выделите его боковые опорные точки Инструментом «Прямое выделение» (А) и сдвиньте их слегка вниз. Сделайте опорные указатели короче, чтобы сделать бока головы более заострёнными.

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

make a head from the ellipse

Возьмите Инструмент «Отрезок линии» (\) или Инструмент «Перо» (Р), удерживайте Shift и создайте горизонтальную линию. Перейдите в Эффект > Искажение и трансформирование > Зигзаг и установите следующие параметры:

  • Размер — 10 пикселей
  • Складки — 3
  • Точки — Гладкие 

Нажмите ОК и перейдите в Объект > Разобрать оформление, чтобы применить эффект.

make a smooth zig zag line

Используйте Инструмент «Прямое выделение» (А), чтобы выпрямить концы линии, прогнув опорные указатели вниз.

Поместите созданную линию поперёк лица, как показано на картинке внизу, и выровняйте её по отношению к голове, используя голову как Ключевой объект.  Для этого выделите линию вместе с головой и кликните один раз на голове. Затем кликните на «Горизонтальное выравнивание по центру» на панели Выравнивания.

align the shapes to the center

Выделив обе фигуры, кликните «Разделить» на панели Обработки контуров, чтобы разделить фигуру. Заполните нижнюю часть белым цветом.

use divide in the pathfinder panel

Давайте сформируем ухо из оранжевого треугольника 65 х 60 пикселей. Перейдите в Эффект > Деформация > Дуга, установите значение Вертикального сгиба на 20% и нажмите ОК.

Разберите оформление для применения эффекта.

make an ear from a triangle 1

Выделите фигуру Инструментом «Прямое выделение» (А) и сделайте углы скруглёнными. Мы можем сделать это либо вручную, сдвинув маркер круга Динамических углов, либо установив Угловой радиус на 10 пикселей на панели управления сверху.

Скопируйте (Control-C > Control-F) фигуру и уменьшите копию. Измените цвет её заливки на белый.

make an ear from a triangle 1

Присоедините ухо к голове и используйте Инструмент «Зеркальное отражение» (О), чтобы создать зеркальную копию. Наш шиба-ину готов! Отличная работа!

Our shiba dog is finished

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

Перейдите к Части 3, Шагу 1 для воссоздания головы енота.

Давайте сделаем полоски. Создайте тёмно-голубой эллипс 83 х 75 пикселей, поверните его и расположите на левой стороне лица, как показано на картинке внизу. Используйте Инструмент «Зеркальное отражение» (О), чтобы отразить фигуру по Вертикальной оси, создав копию.

Выделите эллипсы вместе с головой и используйте Инструмент «Создание фигур» (Shift-M), удерживая клавишу Alt, чтобы удалить ненужные части.

create the stripes from ovals

Теперь у нас есть все четыре персонажа! Давайте добавим ещё несколько объектов, чтобы сделать узор разнообразнее.

all four characters

Давайте создадим верхний и нижний края барабана из пары розовых прямоугольника 98 х 9 пикселей с Угловым радиусом 2 пикселя. 

Разместите прямоугольники как показано ниже и соедините их большим светло-розовым прямоугольником, изображающим вид барабана сбоку.

make a drum from rectangles

Создайте горизонтальную линию жёлтой обводкой при помощи Инструмента «Перо» (Р) либо «Отрезок линии» (\). 

Перейдите в Эффект > Искажение и Трансформирование > Зигзаг и установите следующие параметры:

  • Размер — 26 пикселей
  • Складки — 4
  • Точки -> Углы 

Нажмите ОК и перейдите в Объект > Разобрать оформление. Используйте Инструмент «Удалить опорную точку» (-), чтобы удалить нижнюю точку справа для симметричности фигуры.

make a zig zag line

Выделите созданную фигуру, кликните правой кнопкой мыши и Соедините для замыкания контура. Нажмите Shift-X, чтобы Переключить заливку и обводку.  

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

add triangles to the drum

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

add drumsticks

Перейдём к следующему школьному объекту. Возьмите Инструмент «Прямоугольник» (М) и создайте жёлтый прямоугольник 75 х 110 пикселей. Скопируйте (Control-C > Control-F) его и сделайте верхнюю копию немного меньше (75 x 98 пикселей). Заполните новую фигуру розовым цветом.

make a notebook from rectangles

Давайте добавим спираль. Создайте два серых прямоугольника 12 х 6 пикселей и поместите их на левой стороне тетради. Выделите прямоугольники и перейдите в Объект > Переход > Создать. 

Теперь, когда Группа перехода создана, мы можем изменить настройки, перейдя в Объект > Переход > Параметры перехода, и установить Разбивку на «Заданное число шагов», равное 7.

add a spiral using blend tool

Давайте добавим жёлтый скруглённый прямоугольник на обложку и украсим его буквами «АВС».  Примененный шрифт Bananito Font, который вы можете найти на GraphicRiver, либо заменить его любым рукописным шрифтом по своему вкусу.

Скопируйте (Control-C) жёлтую базу прямоугольника и Вставьте её на Задний план (Control-B). Выделите его верхнюю и нижнюю правые опорные точки Инструментом «Прямое выделение» (А) и сдвиньте точки вниз.  Заполните копию тёмно-жёлтым цветом, чтобы сделать объект более трёхмерным.

design the cover of the notebook

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

Скопируйте мелки несколько раз и измените цвета.

make a crayon from rectangles

Давайте создадим яблоко из красного круга 55 х 55 пикселей. Выделите его верхнюю опорную точку и используйте Инструмент «Опорная точка» (Shift-C) для вращения указателей на 45 градусов, чтобы создать сердцевидный верх яблока. Сделайте его более плавным при помощи функции «Динамические углы».

Завершите создание яблока, добавив ещё несколько деталей, таких как листок и блик, при помощи Инструмента «Эллипс» (L).

make an apple from a circle

Теперь, когда все наши элементы готовы. Мы можем выделить их и перейти в Объект > Узор > Создать. После открытия панели Настроек узора установите следующие параметры:

  • Вид мозаики -> Сетка
  • Ширина 450 пикселей
  • Высота 450 пикселей
  • Копии 5 x 5

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

Функция «Копии» помогает нам увидеть всю картинку, спроецировав полупрозрачные копии в пространстве коробки, чтобы мы могли выровнять элементы и заполнить все пустые пространства.

make a pattern with pattern tool 1

Добавьте остальные элементы, разместив их среди персонажей и вращая объекты.

Заполните пустые пробелы общими элементами, такими как круги, листья, каплевидные фигуры, создав их либо при помощи Инструмента «Карандаш»  (N), либо Объектной кистью. 

Давайте посмотрим, как создать такую кисть самостоятельно.

make a pattern with pattern tool 2

Начните с создания круга размером приблизительно 20 х 20 пикселей. Выделите его левую опорную точку и перетащите её дальше влево. Преобразуйте выделенную опорную точку в угол на панели управления сверху.

Затем перетащите фигуру на панель Кистей (Окно > Кисти). Выберите Объектную кисть в появившемся меню и оставьте все параметры по умолчанию.  Теперь можете выбрать кисть на панели Кистей и использовать Инструмент «Кисть» (В) для рисования простых цветочных элементов или завитушек.

Мы можем изменить размер завитушек, изменяя Толщину на панели управления сверху или на панели Обводки.

make an art brush

После того как настроите узор по своему вкусу, кликните «Готово» в верхней части Монтажной области. Теперь мы можем найти наш узор на панели Образцов и в любой момент отредактировать его при необходимости, нажав на кнопку «Редактировать узор» в нижней части панели.

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

Готово!

apply the created pattern

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

design variations

Отличная работа! Наш паттерн готов! Надеемся  вам понравился этот урок, и вы нашли для себя новые приёмы и советы, которые помогут вам нарисовать больше милых мультяшных персонажей и создать новые сплошные узоры в различных тематиках!

the pattern is finished




Узнать больше интересного:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *