Advertisement
  1. Design & Illustration
  2. Illustration

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

Scroll to top
Read Time: 5 min

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

Final product imageFinal product imageFinal 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 documentSet up new documentSet up new document

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

Крок 1

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

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

Create a milk Create a milk Create a milk

Крок 2

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

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

adding the rectangle topadding the rectangle topadding the rectangle top

Крок 3

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

Adding more details in the milkAdding more details in the milkAdding more details in the milk

Крок 4

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

Create new faces of the milkCreate new faces of the milkCreate new faces of the milk

Крок 5

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

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

Adding a lid in the milkAdding a lid in the milkAdding a lid in the milk

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

Крок 1

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

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

Creating new shapes for a coffee makerCreating new shapes for a coffee makerCreating new shapes for a coffee maker

Крок 2

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

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

Adding shapes with the Pen ToolAdding shapes with the Pen ToolAdding shapes with the Pen Tool

Крок 3

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

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

Duplicating the base coffee makerDuplicating the base coffee makerDuplicating the base coffee maker

Крок 4

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

Adding more details in the coffee makerAdding more details in the coffee makerAdding more details in the coffee maker

Крок 5

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

Adding the nozzle and handleAdding the nozzle and handleAdding 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 makerDrawing with the Pen Tool the lid of the coffee makerDrawing with the Pen Tool the lid of the coffee maker

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

Крок 1

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

Creating un rectangle for the cup coffeeCreating un rectangle for the cup coffeeCreating un rectangle for the cup coffee

Крок 2

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

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

Duplicating the shape and adding highlightsDuplicating the shape and adding highlightsDuplicating the shape and adding highlights

Крок 3

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

Adding a handle in the cupAdding a handle in the cupAdding a handle in the cup

Крок 4

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

Adding a little of shadowsAdding a little of shadowsAdding a little of shadows

Крок 5

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

Creating a logo of coffee grainCreating a logo of coffee grainCreating 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 shipsNow creating the cookie with chocolate shipsNow creating the cookie with chocolate ships

Крок 2

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

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

Another cookieAnother cookieAnother cookie

Крок 3

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

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

Placing the cookies with the cup and add shadowsPlacing the cookies with the cup and add shadowsPlacing the cookies with the cup and add shadows

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

Крок 1

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

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

Creating with rectangles the bag coffeeCreating with rectangles the bag coffeeCreating with rectangles the bag coffee

Крок 2

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

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

adding detailsadding detailsadding details

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

Крок 1

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

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

Join all the elements of the sceneJoin all the elements of the sceneJoin all the elements of the scene

Крок 2

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

Creating a semi ellipse in the backgroundCreating a semi ellipse in the backgroundCreating a semi ellipse in the background

Крок 3

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

Other details in the ellipseOther details in the ellipseOther details in the ellipse

Крок 4

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

Adding a steam on the coffeeAdding a steam on the coffeeAdding a steam on the coffee

Крок 5

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

Adding a rectangle finalAdding a rectangle finalAdding a rectangle final

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

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

Coffee and Cookie Illustration Adobe Illustrator Tutorial Coffee and Cookie Illustration Adobe Illustrator Tutorial Coffee and Cookie Illustration Adobe Illustrator Tutorial
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.