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

Як створити ілюстрацію кави в Adobe Illustrator

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final product image
What You'll Be Creating

У цьому уроці ми створимо ілюстрацію ранкової кави з печивом і молоком за допомогою простих форм в Adobe Illustrator.

Знайдіть натхнення в ілюстраціях кави на GraphicRiver.

1. Як створити новий документ

Натисніть Control-N, щоб створити новий документ. Змініть одиниці на пікселі та встановіть ширину та висоту документа  800 x 600. Потім у Більше налаштувань оберіть RGB, екран (72 ppi) та переконайтеся, що прапорець Вирівняти нові об'єкти до піксельної сітки знято та натисніть кнопку ОК.

Перейдіть в налаштування (Control-K) і введіть 1 px для приросту клавіатурою. Натисніть OK.

Ви можете активувати панель "Інформація" (Вікно>Інформація) для того, щоб бачити розмір і положення ваших фігур. Не забудьте змінити одиниці виміру на пікселі в меню Редагування > Параметри > Одиниці виміру. Це дозволить значно збільшити швидкість роботи.

Set up new document

2. Як створити пакет молока

Крок 1

Ми почнемо малювати пакет молока, з прямокутника 100 х 208 px використавши інструмент "Прямокутник" (М) і колір заливки #ABE0FD.

Потім створіть іще один прямокутник поруч з першим; цей прямокутник матиме ширину 61 px (#84CCF4).

Create a milk

Крок 2

Тепер намалюйте прямокутник зверху (#D0EFFD) і, за допомогою інструменту "Частковий вибір" (A), виберіть верхні вузли і перемістіть їх ліворуч.

Після цього додайте новий вузол на інший прямокутник, інструментом "Перо" (P) і перемістіть його на кут. Тепер намалюйте трикутник (#73BCE8) і створіть тінь носика за допомогою інструменту "Перо" (P).

adding the rectangle top

Крок 3

Оберіть інструмент "Прямокутник" (М) і намалюйте верхівку пакета (#ABE0FD). Потім, намалюйте два невеликі прямокутники (#84CCF4) на кінцях верхівки і створіть перехід (Об'єкт > Перехід > Зробити) на 12 кроків (Об'єкт > Перехід > Параметри переходу).

Adding more details in the milk

Крок 4

Намалюйте смужку з обох сторін пакету, використовуючи два прямокутники. Потім намалюйте еліпс (#FFFFFF), використовуючи інструмент "Еліпс" (L) і прямокутник (#FFFFFF) на лицьовій стороні.

Create new faces of the milk

Крок 5

Тепер намалюйте кришку (#FFFFFF) та менший еліпс в центрі (#ABE0FD). Після цього додайте ще один еліпс (#84CCF4) і помістіть його нижче (Control-[).

Нарешті, згрупуйте всі елементи пакету молока (Control-G).

Adding a lid in the milk

3. Як створити кавоварку

Крок 1

Тепер створимо нашу кавоварку.

Створіть прямокутник 136 х 124 px (#E1E1E1) і перемістіть верхні вузли на 20 px (натисканням клавіші Shift) до центру за допомогою інструменту "Часткове виділення" (A).

Creating new shapes for a coffee maker

Крок 2

Тепер за допомогою  інструменту "Перо" (P) намалюйте першу сторону кавоварки (#CDCDCD) з права. Видаліть решту фігури інструментом "Створення фігур" (Shift-М).

Потім зробіть копію (Control-C та Control-F) та  зробіть вертикальне дзеркальне відображення (клацніть правою кнопкою миші > трансформувати > дзеркальне відображення) і змініть колір заливки на #F6F6F6.

Adding shapes with the Pen Tool

Крок 3

Намалюйте вузький прямокутник (#9A9FAD) внизу горщика і видаліть решту фігури інструментом "Створення фігур" (Shift-М). Згрупуйте все разом (Control-G).

Потім зробіть копію (Control-C > Control-F) і поверніть її на 180° з допомогою інструменту "Поворот" (R). Трішки приплюсніть групу за допомогою інструмент "Виділення" (V).

Duplicating the base coffee maker

Крок 4

Тепер створіть прямокутник між двома половинами (#616161) та всередині створіть інший прямокутник, тонше першого (#7F7F7F). Потім додайте три прямокутники (#A5A5A5) різної ширини, як показано на малюнку нижче.

Adding more details in the coffee maker

Крок 5

Використаємо інструмент "Перо" (P), щоб створити носик і ручку і розфарбуємо їх в колір #7F7F7F. Після цього намалюйте тінь на обох елементах (#616161) а рештки видаліть інструментом "Створення фігур" (Shift-М).

Adding the nozzle and handle

Крок 6

На кришці кавоварки намалюйте вузький прямокутник (#7F7F7F) а потім трикутник (#A5A5A5) за допомогою інструменту "Перо" (P).

Після цього, намалюйте трапецію (#7F7F7F) та дублюйте її (Control-C > Control-F), інвертуйте та зробіть копію (#616161). Відправте обидві під трикутник (Control-[).

Drawing with the Pen Tool the lid of the coffee maker

4. Як створити чашку

Крок 1

Створимо чашку, розпочнемо з прямокутника 123 х 133 px (#DD557B) і округлимо нижні кути інструментом "Часткове виділення" (A).

Creating un rectangle for the cup coffee

Крок 2

Тепер необхідно скопіювати фігуру (#DF6688) (Control-C > Control-F) і застосовувати зсув -8 px в меню Об'єкт > Контур > Зсув контура.

Потім змініть ширину, використовуючи інструмент "Виділення" (V) і помістіть фігуру на лівому краю чашки. Дублюйте знову (#DF6688) і повторно змініть ширину.

Duplicating the shape and adding highlights

Крок 3

Тепер створіть еліпси 26 х 26 px (#DD557B) та 38 х 38 px. Застосуйте мінус передній план за допомогою панелі "Обробка контурів" на останній еліпс.

Adding a handle in the cup

Крок 4

Створіть тінь на ручці, намалювавши прямокутник (#B33859) і відокремивши його інструментом "Створення фігур" (Shift-М). Потім відправте форму ручки назад (Control-[).

Adding a little of shadows

Крок 5

Намалюйте еліпс (#FFFFFF) в центрі чашки і проведіть інструментом "Ніж" у формі літери S. Розділіть отримані форми і злегка заокругліть їх кути. Згрупуйте фігури і трохи оберніть отриману фігуру.

Creating a logo of coffee grain

5. Як створити печиво

Крок 1

Створіть еліпс 90 x 90 px (#E5D8B0) та дублюйте його два рази (Control-C > Control-F). Перемістіть останню копію вліво і відніміть її від попередньої використавши мінус передній план за допомогою панелі "Обробка контурів". Змініть колір заливки на #DBC996.

Тепер додайте шматочки шоколаду (#9D8A7C) за допомогою інструменту "Перо" (P).

Now creating the cookie with chocolate ships

Крок 2

Давайте намалюємо іще одне печиво, за допомогою заокругленого прямокутника (#E5D8B0), інструментом "Округлений прямокутник". Як і в іншому печиві, дублюйте фігури двічі і створіть тінь.

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

Another cookie

Крок 3

Розмістіть чашку та печиво разом. Створіть тінь під круглим печивом, намалюйте еліпс (#B33859) та відніміть його форму з фігури печива, інструментом "Створення фігур" (Shift-М).

Після того, як тінь готова, помістіть її під печиво (Control-[). Нарешті, згрупуйте об'єкти разом (Control-G).

Placing the cookies with the cup and add shadows

6. Як створити пакунок кави

Крок 1

Спочатку додайте прямокутник 90 x 120 px  (#E7C5AF). Створіть інший прямокутник (#F3D6C3) вверх і перемістіть  верхні вузли праворуч.

Потім за допомогою інструменту "Перо" (P), намалюйте сторону пакунку (#E7C5AF) і внутрішню тінь (#CCAE9A).

Creating with rectangles the bag coffee

Крок 2

Після цього намалюйте верхню частину, використовуючи прямокутник (#CCAE9A). Тепер намалюйте етикетку за допомогою одного прямокутника 58 х 33 px (#FFFFFF) і ще два з кольором заливки #DEDEDE.

Нарешті, групуйте пакунок кави (Control-G).

adding details

7. Як створити міні-фон

Крок 1

По-перше, розмістіть всі об'єкти разом і потім намалюйте еліпс 320 x 320 px (#F5DE93) в центрі композиції. Видаліть нижній вузол еліпса та закрийте кути (Control-J).

Потім заокругліть нижні кути еліпса і відправте його назад (Shift-Control-[). Розтягніть півколо вгору інструментом "Виділення" (V).

Join all the elements of the scene

Крок 2

Зробіть копію півкола і змініть колір заливки на #FBF5DB. Потім змініть висоту трохи більше і відправте назад (Shift-Control-[).

Creating a semi ellipse in the background

Крок 3

Тепер додайте кілька малих крапок, використовуючи еліпси (#FBF5DB) на фоні.

Other details in the ellipse

Крок 4

Під кінець, намалюйте пару над кавою, за допомогою інструменту "Перо" (P), вибравши стиль обведення та товщину обведення 7 px.

Adding a steam on the coffee

Крок 5

Нарешті, створіть прямокутник 800 x 600 px (#F9ECBE) позаду ілюстрації.

Adding a rectangle final

Вітання! Все готово!

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

Coffee and Cookie Illustration Adobe Illustrator Tutorial
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.