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

Створіть ілюстрацію Candy Gumball Machine в Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

Зовнішній вигляд і простота машини, що виготовляється на гумбах, є повсюдним у дизайні.  Звичайно, ви виросли навколо них у магазинах, ресторанах або торгових центрах.  Незважаючи на те, що глобусові машини, як правило, є найбільш знаковими, ми зосереджуємось на дизайні схожих на шкатулках, які, як часто бачимо, містять більше, ніж просто гамболи.  Запустити Adobe Illustrator CC і давайте потрапити до нього!

1. Налаштуйте базу машини

Крок 1

Створити новий документ. Шахта має розміри 6,67 "х 7,75", хоч що-небудь у цьому майданчику повинно бути достатньо місця для вашого дизайну. Почнемо з бази машини gumball:

  1. Використовуйте інструмент Rectangle Tool (M), щоб намалювати прямокутник, який охоплює 2/3 ширини монтажної області. Трохи витягніть поворотні кути всередину трохи, щоб округлити кути прямокутника. Якщо ви не використовуєте Illustrator CC, використовуйте Інструмент закруглення прямокутника з пробною версією та помилкою, щоб отримати потрібний радіус.
  2. За допомогою інструмента прямого виділення (A) перемістіть опорні точки в нижньому лівому куті, щоб простір між ними було витягнуто вправо.
  3. Перемістіть шлях з лівого боку округлої прямокутності так, щоб він був нахилений всередину, у напрямку вправо.
  4. Нарешті, візьміть кути опорних точок трохи вгору, щоб крива ходила в кінці (див. Верхній лівий кут трапеції).

Крок 2

  1. Намалюйте вертикальний прямокутник, на якому перетинається половина трапеції.
  2. Виберіть обидві форми та натисніть «Мінус фронт» на панелі «Пастерище». Розгорніть форму під об'єктом.
  3. Копіювати (Control-C) та вставити (Control-V) нову форму і відбити її на вертикальній осі.  Вирівняйте дві форми і об'єднайте їх у Pathfinder.
  4. Змініть колір заливки на яскраво-червоний.

2. Відтворити базу

Крок 1

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

Три форми градієнта були намальовані нижче за допомогою Pen Tool (P).  Перша і найбільша частина фігур охоплює нижню правий бік основи машини.  Після нанесення інструмента «Перо» використовуйте інструмент «Градієнт» (G), щоб застосувати лінійний градієнт, який переходить від темно-червоного до червоного. Концентруйте темний колір градієнта в нижньому правому куті.  Зробіть це на панелі "Градієнт".

Обережно намалюйте дві форми на обидві сторони від основної форми, щоб відливати тіні з обох боків машини.

Крок 1

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

Крок 3

Більшість фігур машини gumball матимуть додаткове лінійне мистецтво, розташоване над ними.  Почнемо робити це зараз:

  1. Скопіюйте та вставте трапецію, намальовану у Розділі 1, Крок 2, і встановіть колір Fill у значення Null і колір обведення в Black.  На панелі "Обведення" встановіть обидва оболонки та кут до округлення, а вага обведення до 2тп.
  2. Використовуючи інструмент «Перо», на верхній частині основи машини витягніть довгу прямокутну форму, яка згорнеться з боків.  Ця форма буде тримати скляний контейнер, який тримає гамбочки.  Намалюйте другу форму під першим (виділено нижче), що злегка вирівняється посередині.
  3. Нарешті, на нижній частині гамбал-машини намалюйте викривлену прямокутну форму.  Я виявив, що найпростіше простежити нижній край і сторони трапеції, перш ніж малювати верхню криву форми.   Відрегулюйте будь-які криві за допомогою інструмента прямого виділення.

Крок 4

Виділіть всі чотири фігури, намальовані у попередній формі, Group (Control-G) разом і встановіть режим Blending Mode на "Soft Light" на панелі "Прозорість". Скопіюйте та вставте групу, встановіть режим накладання на Нормальний, кольоровий обведення до нуля та колір заповнити на чорний.  Розмістіть нову групу під своїм колегою на панелі "Шари".

3. Відтворити блискучий чорний метал

Крок 1

Виберіть нижню чорну форму за допомогою інструмента прямого вибору та застосуйте лінійний градієнт, що йде від чорного до темно-сірого до чорного до темно-сірого до чорного (див. Нижче). Намалюйте дві прямокутники на верхні чорні фігури з лінійними градієнтами, що йдуть від світло-сірого з 0% непрозорості до 100% непрозорості до 0% непрозорості.

Крок 2

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

Крок 3

Цей крок закликає до п'яти прямокутників загалом, намальованих інструментом "Rectangle".  Два на кожній чорній формі (див. Нижче), що йде від світло-сірого кольору з 0% непрозорості до 100% непрозорості до 0% непрозорості.   Зверніть увагу, як градієнти розташовані на самих легких і яскравих уздовж одного й того ж місця по обидві сторони дизайну.

Намалюйте один тонкий, горизонтальний прямокутник у верхній частині другої чорної форми (останнє зображення нижче), що містить лінійний градієнт, який переходить від сірого на 0% непрозорість до білого кольору з 100% непрозорості до сірого (0%) до білого кольору (100%). до сірого (0%).

Групувати разом фігури, витягнуті на цьому кроці, і помістити їх під штриховими лініями з розділу 2, етап 3.

Крок 4

Крок 4Намалюйте ще два тонких горизонтальних прямокутника під тим, що був намальований останньою на попередньому кроці, і помістіть їх, як показано нижче.  Для того, щоб виділити градієнт на червоній базі (остаточне зображення нижче), використовуйте панель "Прозорість" світло-сірий на 0% непрозорості до 100% непрозорості до 0%. Градієнт непрозорості із загальною непрозорості зменшується до 40% або близько того.

Крок 5

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

Крок 6

Останній крок до надання базової машини gumball є декілька блискучих висвітлює на червону частину дизайну.  Намалюйте дві вертикальні прямокутники (тонкі) на лівій стороні основи машини.  Застосовуйте лінійні градієнти для кожного, що йде від білого кольору при 100% непрозорості до 0% непрозорості під кутом 90 °. Знизьте непрозорість другої форми градієнта до 40% на панелі "Прозорість".

Намалюйте два додаткові прямокутники, поруч, щоб завершити висвітлення на підставі.  Обидві форми мають лінійний градієнт, що йде від білого при 0% непрозорості до 100% непрозорості до 0% непрозорості.

Крок 7

Це не стільки крок, скільки є етапом розвитку цього розділу.  Порівняйте два дизайни з вашим власним.  Можливо, у вас просто достатньо блискучих градієнтних прямокутників, або бажаєте додати ще.  Групувати все разом, коли ваша гамбольна база машини завершена.

4. Скляний контейнер

Крок 1

Намалюйте округлений прямокутник і помістіть його за групою машин на панелі "Шари". Встановіть колір Fill для білого кольору.

Використовуючи інструмент «Перо», намалюйте дві форми тіні, які слідують за бічними краями білої коробки та кутом всередину внизу. Установіть лінійний градієнт чорним кольором на 100% непрозорості до 0% непрозорості та кутом 90 °.

Скопіюйте та вставте білу коробку, встановіть колір Fill на нульовий та колір Stroke в Black. На панелі "Обкладинка" встановіть вагу до 2pt, а кришку та кут для округлення. Встановіть режим накладання на м'яке світло на панелі прозорості.

Крок 2

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

  1. Використовуйте інструмент "Перо" для нанесення прямокутника, сторони якого нахилені вгору.  Встановіть колір заливки на чорний. Крім того, ви можете скористатись інструментом "Rectangle Tool" та нахиліть точки прив'язки, щоб відповідати зображенням нижче.
  2. Для передньої частини, використовуйте інструмент "Перо", щоб почати в нижньому лівому куті чорного прямокутника, з прямими лініями та трохи вигнутим кутом праворуч.
  3. Я вважаю, що найлегше утримувати Shift, щоб намалювати пряму горизонтальну лінію направо.
  4. Завершіть форму в центрі скляного футляра.  Правильні кути форми мають обидва кути 90 °.  Закрийте фігуру у точці прив'язки зліва.
  5. Копіювати, вставити і відобразити вставлену форму над вертикальною осі. Вирівняйте фігури та об'єднайте їх на панелі Pathfinder.

Крок 3

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

  1. Встановіть колір заливки передньої частини на лінійний градієнт, який переходить від чорного до темно-сірого до чорного до темно-сірого до чорного.
  2. Скопіюйте та вставте обидві форми та встановіть колір Fill у нульовій частині, а колір Stroke в чорному кольорі, вага до 2pt, кришка в округлі, кут у округлий кут і режим blending в м'яке світло.
  3. Намалюйте тонкий, горизонтальний прямокутник уздовж верхнього краю передньої форми. Встановіть градієнт до білого кольору з 0% до 100% до 0% непрозорість на панелі градієнтів
  4. Намалюйте дві прямокутники над частинами темно-сірого передньої форми з таким же білого до білого градієнта, виконаними на попередньому кроці.
  5. Намалюйте дві маленькі, тонкі прямокутники біля верхнього краю з таким же градієнтом, щоб дійсно зробити підсвічування pop. Групуйте разом усі компоненти кришки машини.

Крок 4

Намалюйте тонкий, горизонтальний прямокутник біля нижньої частини "скляного" контейнера у дизайні.  Установіть колір Fill на чорний, а Opacity - на 23% на панелі "Прозорість".  Групувати разом тіні градієнтні фігури.

Крок 5

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

  1. Намалюйте довгий вертикальний прямокутник у центрі скляного футляра з лінійним градієнтом, який іде від темного сірого до середнього сірого до темно-сірого кольору.
  2. Під цією формою виділіть два ідентичних еліпси темно-сірого, використовуючи інструмент Ellipse (L).
  3. Намалюйте між ними прямокутник, щоб їхні краї були рівноцінними з боків прямокутника.
  4. Або об'єднайте три форми на панелі Pathfinder або скористайтеся інструментом Shape Builder (Shift-M), щоб об'єднати фігури.
  5. Розмістіть нову сплюснуту форму циліндра під довгим прямокутним полюсом на панелі "Шари".

Крок 6

Щоб зробити циліндр, виконайте наступні кроки:

  • Apple - лінійний градієнт, що йде від темно-сірого до середнього сірого до темно-сірого.
  • Намалюйте світло-сірий еліпс і вирівняйте його до верху циліндра.
  • Застосувати світло-сірий до середньо-сірого лінійного градієнта до еліпсу.
  • Скопіюйте та вставте циліндр і еліпс, встановіть колір Fill у значення Null і колір Stroke в Black.   На панелі "Обведення" встановіть "Шапку" та "Кут" на "Заокруглено", а "Вага до 2". Групувати разом компоненти циліндра та помістити їх під вертикальний прямокутник на панелі "Шари".

Крок 7

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

5. Створіть Gumballs

Крок 1

Ми почнемо з яскраво-червоної "камбали" у верхній частині машини. Це буде основним методом для кожного колірного гамбалу в дизайні.

  1. Намалюйте червоне коло з інструментом Ellipse.
  2. Скопіюйте та вставте кола двічі і перекрийте дві копії форми, як показано нижче.
  3. Хіт мінус фронт на панелі Pathfinder.
  4. Вирівняйте його в нижньому правому куті червоного кола. Застосуйте лінійний градієнт, який переходить від темно-червоного до червоного з більш темним кольором, сконцентрованим у нижньому правому куті.

Крок 2

  1. Вставте колі знову над червоним колом.  Встановіть колір "Заповнити" на "Нуль" та "Колір обведення" у "Чорний".  На панелі "Обведення" встановіть значення "Вага до 0,5".
  2. Вставте кола знову.  На цей раз Вага обведення буде 2 пікселів, а Режим накладання - Soft Light.
  3. Намалюйте менший колі в центрі червоної колючки з лінійним градієнтом, що проходить з червоного кольору з 100% до 0% непрозорості.
  4. Намалюйте два маленьких білих кола у верхньому лівому кутку.  Групувати компоненти gumball разом.  Помістіть гумбалл у верхній частині машини.

Крок 3

Щоб створити кілька кольорів, я виявив, що найпростіше скопіювати та вставити кілька лапок, а також змінити червону та темно-червону оригінальну гамбургер, перейшовши в меню Edit> Edit Colors> Recolor Artwork.   Це дозволяє вам змінювати два кольори в кожній гумбалі без необхідності турбуватись з кожним окремим градієнтом.

Крок 4

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

Використовуйте інструмент "Перо" для того, щоб малювати виділені форми у скляному футлярі з лінійним градієнтом, який переходить від крему або білого кольору до 0% до 100%.

6. Намалюйте контейнерний лоток

Крок 1

Стилізований лоток і монетичний механізм досить прості в дизайні.

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

Крок 2

  1. Намалюйте прямокутник на менший округлений прямокутник.
  2. Використовуйте інструмент Shape Builder для вибору нижньої половини округлого прямокутника.   Видалити решту накладеного прямокутника.
  3. Застосувати лінійний градієнт, що йде від чорного до сірого до чорного до сірого до чорного знову.
  4. Скопіюйте та вставте всі три форми та змініть колір "Заповнити" на "Нуль", "Обведення до 2т", "Чорний" та "Закруглені кути" та "Шапки".  Встановіть Режим змішування на "М'яке світло" на панелі "Прозорість".

Крок 3

  1. Намалюйте тонкий, горизонтальний прямокутник з лінійним градієнтом, який іде від білих від 0% до 100% до 0% до 100% до 0% Непрозорість.
  2. Повторіть сам лоток.
  3. Намалюйте тонкий вертикальний прямокутник з лінійним градієнтом, який іде від білого від 0 до 100% до 0%.
  4. Намалюйте невеликий сірий прямокутник, встановлений на 50% непрозорість на панелі прозорості.
  5. Використовуйте інструмент "Перо", щоб витягти викривлену фігуру в нижній частині лотка для гамбургерів. Установіть колір Fill для чорного та непрозорість до 50%.

Крок 4

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

  1. Намалюйте округлений прямокутник, ширина якого відповідає лотку гамбургла.
  2. Застосувати той же блискучий металевий чорний лінійний градієнт, який раніше використовувався.   Скопіюйте та вставте округлений прямокутник, встановіть колір Fill на нульовий та Stroke to Black, 2pt вага, закруглені кути та шапки та Blend Mode в Soft Light.
  3. Намалюйте маленький чорний округлий прямокутник у центрі іншої форми.
  4. Намалюйте другий, навіть менший закруглений прямокутник із блакитним металевим чорним градієнтом.
  5. Намалюйте тонкі прямокутники з градієнтами підсвічування вздовж верхнього краю поворотного механізму.
  6. Я виділив п'ять виділених градієнтних фігур, переважно на вершині та лівому боці кожної форми, подібно до того, що було зроблено з інших металевих чорних компонентів конструкції gumball машини.

7. Завершіть дизайн

Крок 1

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

Намалюйте менший закруглений прямокутник того самого кольору та помістіть його над білим прямокутником, намальованим у розділі 4, стадія 1, щоб зробити скляний футляр прозорим.

Крок 2

Скопіюйте та вставте машину gumball без внутрішніх компонентів, розгорніть всі форми під об'єктом та об'єднайте їх на панелі Pathfinder.   Встановіть колір Fill на нульовій і ударній до 2-4p ваги, кришка закруглена, кут до округлення та режим накладання на м'яке світло.  Вирівняйте його за допомогою машини для викрутки.

Велика робота, ти готовий!

Це був тривалий процес, але ваш машина для гомілки готова до бізнесу!  Які кольори ви використовували?  Уявіть собі цілий парк торгових автоматів з цукерковими кольорами.  Показати нам свою версію цього дизайну в коментарях нижче!

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.