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

Створимо ілюстрацію акустікофобіі в Адобе Ілюстратор

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called Phobia Week!.
How to Draw a Mystic Moon Illustration in Procreate on iPad
21 Stylish Fashion & Fabric Add-Ons Including Embroidery Actions

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

Final product image
What You'll Be Creating

У сьогоднішньому уроці ми створимо картинку з дитиною, страждаючою від акустікофобіі - боязні шуму.

Якщо ви пошукаєте на GraphicRiver, то знайдете безліч картинок, що зображують шум, музику, зіткнення, аварію і т.д. - все, що ви зможете використати для ілюстрації цієї фобії.

Давайте почнемо створення!

1. Створимо інвалідний візок

Крок 1

Відкрийте Адобе Ілюстратор і створіть Новий документ з Шириною і Висотою 850 x 850 px.

Почнемо створювати інвалідне крісло. За допомогою Заокруглений прямокутник створіть темно-сірий заокруглений прямокутник. Встановіть колір Заливки, як показано на зображенні нижче. Додайте ще один округлений прямокутник внизу і встановіть його колір на світло-сірий. Щоб вийшов заокруглений прямокутник з дуже круглими кутами, спочатку створіть маленький заокруглений прямокутник і потім розтягніть його. Або перейдіть в Вид> Показати віджет кутів і змініть кути, перетягнувши їх всередину.

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

creating the wheelchair

Крок 2

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

creating the wheelchair 2

Крок 3

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

Для правого колеса створіть вертикальну копію лівого: виділіть його і перейдіть в Трансформувати> Дзеркальне відображення, введіть Вертикальну вісь, Кут 90 градусів і натисніть Копіювати. Посуньте копію вправо.

creating the wheelchair 3

2. Створимо голову хлопчика

Крок 1

Давайте почнемо створювати голову. За допомогою Еліпсу (L) намалюйте коло. Для створення рівного кола намалюйте овал за допомогою Еліпсу (L), утримуючи клавішу Shift. На зображенні нижче ви побачите колір Заливки, який вам потрібен.

Потім перейдіть в Ефект> Викривлення> Роздування. Введіть опції, зазначені нижче. Розберіть цю фігуру (Об'єкт>Розібрати вигляд).

creating the head

Крок 2

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

creating the eye

Крок 3

Тепер закінчимо очі. виділивши ліве око, візьміть інструмент Дзеркальне відображення (О). Утримуючи клавішу Alt, клацнітьпо центру  голови. У новому діалоговому вікні виберіть Вертикально, Кут 90 градусів і натисніть Копіювати. Для правого ока видаліть один з вертикальних округлених прямокутників, щоб не створювати точну симетрію сліз на обох очах.

creating the tears

Крок 4

Давайте додамо брови. Cтворіть заокруглений прямокутник і злегка поверніть його вліво. Помістіть ліву брову над лівим оком. Утримуючи ліву брову виділеною, візьміть Дзеркальне відображення (О) і, утримуючи клавішу Alt, клацніть між двома очима. У новому діалоговому вікні виберіть Вертикально, Кут 90 градусів і натисніть Копіювати. Тепер у вас є дві брови.

creating the eyebrows

Крок 5

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

creating the mouth

Крок 6

Щоб намалювати волосся, спочатку створітькопію фігури (Control-C, Control-B) і потім посуньте її вгору. тепер переверніть її і змініть колір, як показано на зображенні нижче. Потім створітьще одну копію і злегка поверніть її вправо.

Намалюйте кілька овалів різних розмірів і орієнтацій на передньому плані для волосся хлопчика, як показано на зображенні.

creating the hair

Крок 7

Тепер давайте створимо шию. За допомогою Прямокутника (М) намалюйте маленький прямокутник під головою, виділивши його, перейдіть в Ефект> Викривлення> Дуга вниз і введіть наступні параметри:

creating the neck

3. Створимо тіло хлопчика

Крок 1

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

Потім намалюйте лінію на округленими прямокутникуза допомогою Відрізка лінії (/). Не забудьте видалити колір заливки і налаштувати колір обведення для лінії. Колір і товщина лінії не мають значення. Тепер виділіть заокруглений прямокутник і лінію і натисніть на кнопку Розділити в панелі Обробки контурів. Після цього клацніть правою кнопкою миші і натисніть Розгрупувати. Ваш заокруглений прямокутник буде розділений на дві частини в тому місці, де ви помістили лінію.

Нарешті, виділіть нижню частину заокругленого прямокутника і змініть його колір на сірий.

creating the body

Крок 2

Давайте додамо лівий рукав.  Створіть копію темно-фіолетової фігури тіла, зробіть її меншою і вужчою і приєднайте її горизонтально до тіла. Щоб створити руки, ми почнемо з дуги.

Для початку вам знадобиться такий же колір заливки, як і лице хлопчика: за допомогою Піпетки (I) виберіть колір заливки. Потім натисніть Shift-X і колір заливки зміниться на колір обведення.

Після цього відзначте галочкою Заокруглені кінці на панелі Обведення і зробіть Товщину цього обведення дуже товстою (близько 30-40 px). Тепер за допомогою інструменту Дуга намалюйте ліву руку хлопчика. Посуньте покажчики опорних точок за допомогою Часткового виділення (А) для досягнення потрібного результату.

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

creating the left arm

Крок 3

Зробіть копію лівої руки з рукавом, перейшовши в Трансформувати> Дзеркальне відображення. Посуньте створену руку вправо.

creating the right arm

Крок 4

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

creating the legs

Крок 5

Щоб створити взуття, намалюйте овал. Інструментом Часткове виділення (А) посуньте нижню опорну точку вгору. У вас вийде фігура, схожа на буханку хліба. Виділіть її та створіть копію позаду (Control-C> Control-B). Посуньте цю копію злегка вниз і застосуєте білий колір заливки. Тут вам теж не знадобиться колір обведення. Це буде взуття хлопчика.

creating the foot

Крок 6

Приєднайте взуття до ноги. Створіть її копію і помістіть її на іншу ногу.

placing the foot and creating another one

4. Як створити фон

Крок 1

Для фону створіть фіолетово-сірий квадрат 850 px Ширини і Висоти за допомогою інструменту Прямокутник (М). Натисніть на монтажній області, а потім введіть Ширину і Висоту.

creating the background

Крок 2

Помістіть фон позаду хлопчика і крісла.

placing the boy

Крок 3

Додайте коло навколо хлопчика з майже білим кольором обведення і без заливки (тут ви знову можете застосувати Shift-X для зміни кольору заливки на колір обведення. Для створення рівного кола намалюйте овал за допомогою Еліпсу (L), утримуючи клавішу Shift.

Помістіть це коло в середині фону. Для цього відкрийте панель Вирівняти (Вікно> Вирівняти). Встановіть Вирівняти по: Вирівняти щодо монтажної області (відкрийте допоміжне меню і перейдіть в Показати налаштування, якщо ви не бачите Вирівнювання по:»), переконайтеся, що ваші фігури виділені, і натисніть на кнопки Горизонтальне вирівнювання по центру і Вертикальне вирівнювання по центру. В кінці ваше коло повинне бути в середині фону. Ви також можете змінити положення хлопчика.

Потім створіть ще три копії кола (Control-C> Control-B) і змініть їх діаметри. Щоб симетрично змінити діаметри, виділіть копію і, утримуючи клавіші Alt і Shift, перетягніть коло всередину або назовні.

creating the background circles

Крок 4

Щоб вирізати деякі частини кола, візьміть Ножиці (З) і клацніть на штрихах кіл. Після цього можете просто виділити частини кола між двома виділеними точками області, і видалити їх, натиснувши на клавішу Delete.

cutting the circles

5. Створимо джерела шуму

Крок 1

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

Поверх цієї фігури помістіть прямокутник, який перекриває заокруглений прямокутник. Потім потрібно вирізати його: виділіть обидві фігури і скористайтеся кнопкою Мінус передній план в панелі Обробки контурів - у вас вийде фігура як на картинці нижче.

creating the loudspeaker

Крок 2

Потім за допомогою Прямокутнику (М) створіть прямокутник. Виділіть верхню праву опорну точку прямокутника інструментом Часткове виділення (А) і зруште її вгору, кілька разів натиснувши на клавішу Стрілка вгору. Краще порахувати, скільки разів ви натиснете на цю кнопку.

Якщо ви натиснете на клавішу Стрілка вниз стільки ж раз, скільки натиснули на Стрілку вгору, у вас вийде симетричний трапецоід. В кінці створіть вертикальний округлений прямокутник і приєднайте його до великої сторони трапеціоїда.

creating the loudspeaker 2

Крок 3

Тепер розмістіть еліпс позаду гучномовця. Щоб додати ручку гучномовця, створіть маленький прямокутник іприєднайте його до гучномовцю. Нарешті, покажіть виходить звук, додавши кілька прямих ліній інструментом Відрізок лінії (\).

creating the loudspeaker 3

Крок 4

Щоб створити музичну ноту, спочатку створіть прямокутник Прямокутником (М). потім за допомою Часткового виділення (А) виділіть верхню і нижню опорні точки прямокутника і посуньте їх вгору за допомогою клавіші Стрілка вгору.

Тепер додайте вертикальну лінію і приєднайте її до лівої сторони зміненого прямокутника за допомогою інструменту Відрізок лінії (\). Щоб вийшла пряма лінія, утримуйте Shift під час проведення лінії. Скопіюйте цю (Control-C, Control-V) і приєднайте її до правого боку зміненого прямокутника.

В кінці створіть два овали, злегка поверніть їх вліво і приєднайте їх до двох вертикальних ліній, як показано нижче.

creating the music note

Крок 5

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

creating the second music note

Крок 6

Давайте створимо сердитого, кричащу людину.

Спочатку створіть округлений прямокутник. Це буде обличчя. Потім створіть два маленьких округлених прямокутника позаду великого і розмістіть їх на тих місцях, де розташовуються вуха. Щоб вийшло волосся, створіть копію обличчя позаду (Control-C> Control-B) і злегка посуньте її вгору. Для очей створіть два кола. Зробіть дві брови за допомогою двох ліній, злегка повернених в різних напрямках. Нарешті, зробіть кричащий рот за допомогою овалу.

creating the angry person

Крок 7

В кінці ми створимо машину. Спочатку створіть два округлених прямокутника - один більше іншого. Помістіть прямокутник поменше всередині великого. Після цього виділіть ці дві фігури і перейдіть в Ефект> Викривлення> Дуга і введіть представлені параметри. Розберіть фігури (Об'єкт> Розібрати вигляд). Це буде верх машини.

Потім приєднайте два округлених прямокутника до нижньої частини створених фігур - спочатку прямокутник побільше і потім внизу прямокутник тонший. Щоб додати колеса, створіть два вертикальних округлених прямокутника з дуже заокругленими кутами (щоб зробити їх такими, створіть маленький округлений прямокутник і потім розтягніть його). Розмістіть ці два колеса позаду горизонтальних заокруглених прямокутників.

Для фар додайте два заокруглених прямокутника і помістіть їх на великий заокруглений прямокутник. для вікнадодайте кілька ліній (за допомогою інструменту Відрізок лінії (\)) всередині маленького деформованого заокругленого прямокутника для створення ілюзії відбитого скла.

creating the car

Крок 8

Тепер помістіть створені деталі джерел шуму навколо кіл так, як вам подобається. Переконайтеся, що кожен об'єкт згруповано (виділіть об'єкт, натисніть правою кнопкою миші і виберіть Згрупувати).

placing the objects on the background

Крок 9

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

adding lines and zig zags

Тссссссс ... Ви закінчили.

Вітаю із завершенням цього уроку. Сподіваюся, ви вивчили корисні інструменти, які зможете використати в своїх майбутніх творах. Також сподіваюся, що ви будете звертати увагу на тих людей, кому потрібно трохи більше допомоги, ніж нам. Якщо у вас залишилися питання, задавайте їх у коментарях нижче.

final image
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.