Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Patterns

Створимо милий, грайливий візерунок в Адобе Ілюстратор

by
Difficulty:IntermediateLength:LongLanguages:

Ukrainian (українська мова) translation by LoveK (you can also view the original English article)

Final product image
What You'll Be Creating

Завдяки цьому уроку ви створите шкільний безшовний візерунок з милими тваринками та шкільними предметами! Ми будемо змінювати різні прості фігури за допомогою інструменту Створення фігур, ефектів Викривлення та інших корисних функцій Адобе Ілюстратор.  Потім ми зберемо наші елементи в грайливий суцільний візерунок, який можна використати на будь-якому зображенні, як принт для матеріалу або як фон для вашої веб-сторінки або блогу.

Ви можете створити розширену версію візерунку, додавши більше елементів, які можна знайти в Kids School Set на Envato Elements. Там вы знайдете колекцію барвистих візерунків, набір школьних предметів та портрети всіх персонажів, які ви можете застосувати в особистих та комерційних проектах!

School Kids Set on Envato Elements

Давайте почнемо створювати наш візерунок!

1. Створимо милого кролика

Крок 1

Візьміть Еліпс (L) та створіть основу голови за допомогою білого овалу 115 x 85 px.

Скористайтеся Частковим виділенням (А), щоб відсунути опорні ручки бічних точок вгору, зробивши форму трохи стиснутою та плоскою угорі.

make a head from ellipse

Крок 2

Давайте додамо риси обличчя. Створіть тёмно-фіолетове коло розміром 8 х 8 px для ока. За допомогою Виділення (V), утримуючи Alt-Shift, перетягніть його на протилежну сторону, щоб отримати друге око.

Потім створіть пару рожевих кіл 12 х 6 px для рум'янця на щоках. Скористайтеся тими ж еліпсами для формування брів. Змініть колір заливки на сірий та злегка поверніть фігури, щоб надати кролику здивований, доброзичливий вигляд.

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

Щоб ідеально вирівняти все, ми можемо згрупувати (Control-G) кожну пару елементів, виділити їх разом з головою та клікнути Горизонтальне вирівнювання, центр на панелі Вирівняти. У нижній частині панелі виберіть або Вирівняти за ключовим об'єктом, або Вирівняти за монтажною областю.

add facial features

Крок 3

Тепер додамо рот. Створіть коло 12 х 12 px з темно-фіолетовим Обведенням та без Заливки. Інструментом Ножиці (С) клацніть на обох бічних опорних точках, розділивши фігуру. Видаліть верхню половину кола.

Утримуючи Alt-Shift, перетягніть півколо вправо, створивши копію.

Ми можемо налаштувати товщину ліній на панелі Обведення. Встановіть Щільність на 2 та Кінці на Заокруглені.

З'єднайте рот з носом, додавши коротку вертикальну лінію товщиною 2 pt.

form a mouth from a circle

Крок 4

Давайте одягнемо на кролика пару круглих забавних окулярів. Створіть велике коло 55 х 55 px з ліловим обведенням та Щільністю обведення 3 pt.

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

add glasses

Крок 5

Тепер перейдемо до вух. Створіть світло-сірий еліпс 22 х 75 px. Виділіть її верхні і нижні опорні точки інструментом Часткове виділення (А) та Перетворіть виділені опорні точки на кутові в панелі керування угорі.

Потім виділіть обидві бічні опорні точки та перетягніть їх трохи вгору, щоб зробити верх фігури ширшим.

make an ear from the ellipse 1

Крок 6

Двічі клацніть на Поворот (R) та встановіть Кут на 20 градусів. Тепер Скопіюйте (Control-C) фігуру і Вставте її попереду (Control-F). Зробіть фігуру меншою та залийте її рожевим кольором, для внутрішньої частини вуха.

make an ear from the ellipse 2

Крок 7

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

use the reflect tool

Крок 8

Приєднайте вуха до верху голови та Відправте їх позаду (Shift-Control-[).

Ось він! Наш кролик готовий!

Our bunny is ready

2. Малюємо кошеня 

Крок 1

Давайте використаємо основу голови кролика і його обличчя, щоб створити миле кошеня! Додайте короткі штрихи розміром 2 pt поверх очей, щоб сформувати вії.

create a kittens face

Крок 2

Візьміть Еліпс (L) та зробіть кілька смужок на лобі. Створіть овал 15 х 45 px в центрі верхнього краю голови та додайте два маленьких овали по обидва боки голови.

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

use the shape builder tool

Крок 3

Тепер зробимо вуха!

  1. Візьміть Багатокутник (ви можете знайти його в тому ж випадному меню, де і Прямокутник (М) та клацніть  на будь-якій ділянці монтажної області, щоб відкрити вікно параметрів. Встановіть кількість Сторін на 3. Створіть трикутник 65 х 60 px.
  2. Виділіть верхній кут трикутника за допомогою Часткового виділення (А) та перетягніть його вправо.
  3. Візьміть Перетворення опорних точок (Shift-C) і зробіть верх вуха округлим. Натисніть на верхню опорну точку та перетягніть ручки назовні, зробивши кут плавним.
make an ear from a triangle 1

Крок 4

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

make an ear from a triangle 2

Крок 5

Поверніть вухо, приєднайте його до лівої сторони голови і Надішліть його позаду (Shift-Control-[). Використовуйте Дзеркальне відображення (О), щоб відобразити групу вуха по Вертикальній осі та приєднати її до протилежної сторони голови.

attach the ears to the head

Крок 6

Завершіть створення кошеняти, додавши круглі окуляри.

Finish up with the kitty

3. Створимо милу собаку породи шиба

Крок 1

Почніть створення голови з оранжевого еліпса  розміром 125 х 90 px. Виділіть її бічні опорні точки інструментом Часткове виділення (А) та зруште їх трохи вниз. Зробіть опорні ручки коротшими, щоб зробити сторони голови більш загостреними.

Додайте риси обличчя, скопіювавши їх у кролика, але в цей раз зробіть брови білими.

make a head from the ellipse

Крок 2

Візьміть Відрізок лінії (\) або Перо (Р), утримуйте Shift і створіть горизонтальну лінію. Перейдіть в Ефект> Деформувати та трансформувати>Зигзаг і встановіть наступні параметри:

  • Розмір - 10 px
  • Складок на сегмент - 3
  • Пункти на Згладжувати

Натисніть ОК і перейдіть у Об'єкт> Розгорнути вигляд, щоб застосувати ефект.

make a smooth zig zag line

Крок 3

Застосуйте Часткове виділення (А), щоб випрямити кінці лінії, прогнувши опорні точки вниз.

Розташуйте створену лінію поперек обличчя, як показано на зображенні внизу, і вирівняйте її по відношенню до голови, використовуючи голову як Ключовий об'єкт. Для цього виділіть лінію разом з головою і клацніть один раз на голові. Потім клацніть на Горизонтальне вирівнювання центр на панелі Вирівняти.

align the shapes to the center

Крок 4

Виділивши обидві фігури, клацніть Поділити в панелі Обробка контурів, щоб розділити фігуру. Залийте нижню частину білим кольором.

use divide in the pathfinder panel

Крок 5

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

Розберіть вигляд, щоб застосувати ефект.

make an ear from a triangle 1

Крок 6

Виділіть фігуру Частковим виділенням (А) і зробіть кути округленими. Ми можемо зробити це або вручну, зсунувши маркер кола Динамічних кутів, або встановивиши Радіус кута на 10 px в панелі керування угорі.

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

make an ear from a triangle 1

Крок 7

Приєднайте вухо до голови і застосуйте Інструмент Дзеркальне відображення (О), щоб створити дзеркальну копію. Наш шиба-іну готовий! Відмінна робота!

Our shiba dog is finished

4. Створюємо милого єнота

Крок 1

Ми можемо зробити голову цього персонажа схожою на голову собаки, але з більш гострими боками.

Інший спосіб створити голову - відкрити цей урок «Як створити набір плоских іконок з тваринами в Адобе Ілюстратор» і перейти до Частини 3, Кроку 1 для відтворення голови єнота.

Або ви можете отримати весь набір Іконок тварин в плоскому стилі на Envato Elements і застосувати іконку з єнотом як основу.

Застосуйте обличчя кролика.

make a raccoons face

Крок 2

Давайте зробимо смужки. Створіть темно-блакитний еліпс 83 х 75 px, поверніть його і розташуйте на лівій стороні обличчя, як показано на зображенні внизу. Застосуйте Дзеркальне відображення (О), щоб відобразити фігуру по Вертикальній осі, створивши копію.

Виділіть еліпси разом з головою та скористайтеся Створенням фігур (Shift-M), утримуючи клавішу Alt, щоб видалити непотрібні частини.

create the stripes from ovals

Крок 3

Тепер у нас є всі чотири персонажа! Давайте додамо ще кілька об'єктів, щоб зробити візерунок різноманітнішим.

all four characters

5. Створимо кольоровий барабан

Крок 1

Давайте створимо верхній і нижній краї барабана з пари рожевих прямокутника 98 х 9 px з Радіусом Кута 2 px.

Додайте прямокутники як показано нижче і поєднайте їх великим світло-рожевим прямокутником, що зображує вигляд барабана збоку.

make a drum from rectangles

Крок 2

Створіть горизонтальну лінію з жовтим обведенням за допомогою Пера (Р) або Відрізка лінії (\).

Перейдіть до меню Ефект> Деформувати і трансформувати> Зигзаг та встановіть наступні параметри:

  • Розмір - 26 px
  • Складок на сегмент - 4
  • Пункти > Кут

Натисніть ОК і перейдіть у Об'єкт> Розгорнути вигляд. Застосуйте інструмент Вилучити опорну точку (-), щоб видалити нижню точку справа для симетричності фігури.

make a zig zag line

Крок 3

Виділіть створену фігуру, клацніть правою кнопкою миші і З'єднайте для замикання контуру. Натисніть Shift-X, щоб перемкнути заливку і обведення.

Нарешті, помістіть створені трикутники поверх основи барабана. Змініть розмір і вирівняйте, щоб трикутники вписалися в барабан.

add triangles to the drum

Крок 4

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

add drumsticks

6. Малюємо шкільнийблокнот, крейду і яблуко

Крок 1

Перейдемо до наступного шкільного об'єкту. Візьміть Прямокутник (М) та створіть жовтий прямокутник 75 х 110  px. Скопіюйте (Control-C> Control-F) його і зробіть верхню копію трохи меншою (75 x 98 px). Залийте нову форму рожевим кольором.

make a notebook from rectangles

Крок 2

Давайте додамо спіраль. Створіть два сірих прямокутника 12 х 6 px та розташуйте їх на лівій стороні зошита. Виділіть прямокутники та перейдіть до Об'єкт> Перехід>Зробити.

Тепер, коли Група Переходу створена, ми можемо змінити налаштування, перейшовши в Об'єкт> Перехід> Параметри переходу, і встановити Інтервали на Задано кроків 7.

add a spiral using blend tool

Крок 3

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

Скопіюйте (Control-C) жовту основу прямокутника і Вставте її Позаду (Control-B). Виділіть її верхню і нижню праві опорні точки Частковим виділенням (А) і зруште точки вниз. Залийте копію темно-жовтим кольором, щоб зробити об'єкт більш тривимірним.

design the cover of the notebook

Крок 4

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

Скопіюйте крейду кілька разів і змініть кольори.

make a crayon from rectangles

Крок 5

Давайте створимо яблуко з червоного кола 55 х 55 px. Виділіть його верхню опорну точку та застосуйте інструмент Перетворення опорних точкок (Shift-C) для обертання ручок на 45 градусів, щоб створити серцевидний верх яблука. Зробіть його більш плавним за допомогою функції Динамічних кутів.

Завершіть створення яблука, додавши ще кілька деталей, таких як листок і відблиск, за допомогою Еліпсу (L).

make an apple from a circle

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

Крок 1

Тепер, коли всі наші елементи готові, ми можемо виділити їх і перейти в Об'єкт> Візерунок> Зробити. Після відкриття панелі Параметри візерунка встановіть наступні параметри:

  • Вид мозаїки > Сітка
  • Ширина - 450 px
  • Висота - 450 px
  • Копії5 x 5

Чи можемо почати поширювати наші об'єкти всередині синьої коробки, тримаючи всю решту об'єктів за межами коробки і додаючи їх один за іншим, щоб зробити візерунок більш збалансованим.

Функція Копії допомагає нам побачити всю картинку, спроектувавши напівпрозорі копії в просторі коробки, щоб ми могли вирівняти елементи і заповнити всі порожні простори.

make a pattern with pattern tool 1

Крок 2

Додайте решту елементів, розмістивши їх серед персонажів і обертаючи об'єкти.

Залийте порожні прогалини загальними елементами, такими як кола, листя, каплевидні фігури, створивши їх або за допомогою Олівця (N), або Об'єктного пензля.

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

make a pattern with pattern tool 2

Крок 3

Почніть з створення кола розміром приблизно 20 х 20 px. Виділіть його ліву опорну точку і перетягнітьїї далі вліво. Перетворіть виділену опорну точку в кутову в панелі керування угорі.

Потім перетягніть фігуру на панель Пензлів (Вікно> Пензлі). Виберіть Об'єктний пензль в меню і залиште всі параметри за замовчуванням. Тепер можете вибрати пензль в панелі Пензлі і застосувати інструмент Пензль (В) для малювання простих квіткових елементів або завитків.

Ми можемо змінити розмір завитків, змінюючи Щільність на панелі управління зверху або на панелі Обведення.

make an art brush

Крок 4

Після того як налаштуєте візерунок на свій смак, натисніть Готово у верхній частині артборду. Тепер ми можемо знайти наш візерунок на панелі Зразків і в будь-який момент відредагувати його за необхідності, натиснувши на кнопку Редагувати візерунок в нижній частині панелі.

Давайте створимо рожевий прямокутник 850 х 850 px. Скопіюйте його та застосуйте візерунок до верхньої копії, клацнувши на панелі Зразків.

Готово!

apply the created pattern

Крок 5

Я застосувала більше шкільнихпредметів для Набору для школярів, щоб зробити візерунок більш детальним і ігровим. Ми також можемо змінити кольори елементів і фону, підлаштувавши їх під будь-який дизайн.

design variations

Вітаю! Наш суцільний дитячий шкільний візерунок готовий!

Відмінна робота! Наш узор готовий! Сподіваюся,вам сподобалося слідувати цьому уроку, і ви знайшли для себе нові техніки та поради, які допоможуть вам намалювати більше милих мультяшних персонажів і створити нові суцільні візерунки в різних тематиках!

the pattern is finished

Ви можете легко отримати Набір для школярів на Envato Elements. Там ви знайдете розширену версію нашого візерунка в різних комбінаціях кольорів, а також набір додаткових елементів і портрети всіх персонажів для використання в ваших особистих або комерційних проектах.

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.