Як створити відкриту консервну банку зі шматками риби в Adobe Illustrator
Опанувати Adobe Illustrator може бути дещо складно, особливо після того, як ви звикли до робочого процесу таких програм, як Photoshop. Відмінності між використанням шару та створенням об'єктів і форм можуть бути справді дивними на перший погляд.
У наступному посібнику ви дізнаєтеся, як створити відкриту консервну банку з шматочками риби в Adobe Illustrator. Для початку ви дізнаєтеся, як створювати основні фігури за допомогою базових інструментів (інструменти «Прямокутник», «Еліпс», «Перо…») разом із технікою побудови векторної форми («Зміщений контур», «Обробка контурів», «Відсічна маска…»). Далі ви дізнаєтеся, як додавати колір, затінення та відблиски для своїх форм за допомогою лінійного градієнта, низки ефектів і палітри прозорості. Нарешті, ви дізнаєтеся, як створити простий фон і додати ледь помітну тінь для консервної банки.
Остаточний результат
Давайте подивимося, що ви будете створювати в цьому уроці.
Створіть відкриту консервну банку зі шматочками риби в Illustrator
Створіть новий документ
1 Запустіть Illustrator, а потім натисніть (Ctrl + N ), щоб створити новий документ. У спадному меню «Одиниці» виберіть пікселі, введіть 940 у поле ширини та 770 у поле висоти, а потім натисніть кнопку «Додатково ». Виберіть «RGB », «Екран» (72 ppi) і переконайтеся, що прапорець «Вирівняти нові об’єкти за піксельною сіткою» знято, перш ніж натиснути « ОК».
Створіть корпус банки
2 Почніть із малювання прямокутника 545 на 314 пікселів за допомогою інструмента «Прямокутник» (M). Залиште прямокутник виділеним і перейдіть до Ефект > Стилізація > Круглі кути … Введіть радіус 105 пікселів і натисніть OK.
3 Скопіюйте (Ctrl +C, Ctrl +F) прямокутник із заокругленнями, створений на попередньому кроці, і перейдіть до «Об’єкт» > «Розгорнути вигляд» … Заповніть новий прямокутник із заокругленнями R=130, G=102, B=63, а потім перемістіть його на 30 пікселів вниз і сховайте за жовтим округленим прямокутником (Ctrl +ліва квадратна дужка ).
4 Виберіть жовтий округлений прямокутник і перейдіть до Об’єкт > Трансформувати > Масштаб … Позначте Неоднорідний, введіть 94 у горизонтальному полі та введіть 83 у вертикальному полі, потім натисніть Копіювати. Замініть існуючий колір обведення нового округленого прямокутника на червоний, а потім перемістіть його на 19 пікселів вниз. Тепер повторно виділіть жовтий і червоний округлені прямокутники, потім перейдіть до «Об’єкт» > «Розгорнути зовнішній вигляд» і зробіть копію (Ctrl +C, Ctrl +F) отриманих об’єктів. Залиште вибраними копії та відкрийте палітру Обробки контурів ( Вікно > Обробка контурів), а потім клацніть на кнопці Мінус фронт. Потім заповніть отриманий об’єкт лінійним градієнтом, як показано на третьому зображенні, а потім заповніть червоний округлений прямокутник R=35, G=18, B=2.
5 Виберіть інструмент Rounded Rectangle Tool, просто клацніть на монтажній області та введіть дані, як показано нижче, а потім натисніть OK. Інструментом «Пряме виділення» (A) виділіть дві нижні опорні точки округленого прямокутника та видаліть їх. Потім скористайтеся інструментом «Перетворити опорну точку» (Shift +C), щоб видалити дві нижні ручки (зробіть їх нульовою довжиною) двох нижніх опорних точок отриманого об’єкта. Заповніть новий об’єкт R=108, G=82, B=36 і встановіть режим змішування отриманої форми на Множення, а потім розмістіть його в позиції, як ви бачите на другому зображенні.
6 За допомогою Pen Tool (P) створіть вигнутий контур, як показано нижче. Після того, як ваш контур буде намальовано, заповніть його порожнім і додайте обведення 1px ( R=193, G=133, B=84 ), а потім застосуйте Профіль ширини 4 для отриманого контуру. Тепер повторно виділіть два щойно створених об’єкти та згрупуйте їх (Ctrl +G ), потім перейдіть до «Об’єкт» > «Трансформувати» > «Перемістити» … У діалоговому вікні «Переміщення» введіть 27 пікселів у полі «Горизонталь» і натисніть «Копіювати », а потім натисніть (Ctrl +D) десять разів, щоб отримати результати, як на третьому зображенні.
7 Тепер дотримуйтеся послідовності зображень і повторіть той самий процес, що й крок 5, щоб намалювати об’єкт, як ви бачите на третьому зображенні нижче. Коли ваш контур буде намальовано, заповніть його R=108, G=82, B=36 і додайте обведення 1px ( R=193, G=133, B=84 ), а потім помістіть отриману фігуру в положення, як показано на четверте зображення. Переконайтеся, що нову форму все ще вибрано, і перейдіть до «Об’єкт» > «Трансформувати» > «Перемістити» … У діалоговому вікні «Переміщення» введіть 27 пікселів у полі «Горизонталь» і натисніть «Копіювати », а потім натисніть (Ctrl +D) десять разів, щоб отримати результати, як на п’ятому зображенні. Нарешті виділіть усі фігури, створені на цьому кроці, а потім встановіть для них режим змішування М’яке світло.
Створіть шматки риби
8 Виберіть інструмент «Перо» (P) і створіть об’єкт, як показано нижче. Коли ваш об’єкт буде намальовано, заповніть його лінійним градієнтом, як ви бачите на другому зображенні.
9 Продовжуйте за допомогою Pen Tool (P), створіть три об'єкти, а потім заповніть їх, як показано на зображеннях нижче. Потім зробіть копію (Ctrl +C, Ctrl +F) трьох щойно створених фігур, потім видаліть заливку копій і додайте для них обведення 2px ( R=99, G=94, B=84 ). Потім застосуйте Профіль ширини 2 для отриманих об’єктів. Нарешті знову виберіть лівий новостворений об’єкт і замініть його існуючий колір обведення на R=131, G=92, B=53.
10 Тепер дотримуйтеся послідовності зображень і створіть фігури, подібні до тих, що зображені нижче.
11 Зосередьтеся в першу чергу на шматку риби. Виберіть дві фігури, створені на кроці 10 цього шматка риби, і згрупуйте їх (Ctrl +G ). Далі виберіть фігуру, створену на кроці 9 цього шматка риби, і зробіть її копію, а потім перенесіть копію на передній план (Ctrl +Shift +права квадратна дужка ). Залиште цю копію виділеною, утримуйте Shift і клацніть нову групу, створену на цьому кроці, а потім перейдіть до Об’єкт > Відсічна маска > Зробити (Ctrl +7).
12 Подібним чином повторіть той самий процес, що й попередній крок, для решти двох шматків риби. У підсумку вони повинні виглядати, як на зображенні.
13 Виберіть три фігури, створені на кроці 9, дублюйте (Ctrl +C, Ctrl +F) їх один раз і перенесіть копії на передній план, а потім замініть їх існуючий колір на R=38, G=38, B=37. Залиште отримані фігури виділеними та перейдіть до Ефект > Текстура > Текстуризатор … Дотримуйтеся даних, як показано на другому зображенні, і натисніть OK. Потім застосуйте розтушовування розміром 10 пікселів до отриманих форм, а потім встановіть для них режим змішування Color Dodge і зменшіть Opacity до 40%.
14 Спочатку виберіть і згрупуйте (Ctrl +G) усі фігури шматка риби. Аналогічно повторіть той самий процес для решти двох шматків риби. Тепер виберіть три щойно створені групи та встановіть режим змішування на Жорстке світло.
15 Ми почнемо робити відблиски на шматках риби, щоб надати їм більш реалістичного вигляду. Спочатку виберіть Pen Tool (P) і створіть вигнутий контур, як показано нижче. Після того, як ваш контур буде намальовано, заповніть його жодним і додайте обведення 3px (застосуйте лінійний градієнт у межах обведення), а потім застосуйте Профіль ширини 2 для отриманого контуру. Далі створіть інші вигнуті шляхи, як ви бачите на третьому зображенні. Заповніть ці контури порожнім і додайте обведення 3px (R=223, G=204, B=177 ), а потім застосуйте Профіль ширини 2 для отриманих контурів. Тепер знову виділіть три щойно створені контури та перейдіть до Ефект > Стилізація > Розтушовування … Введіть радіус 2 пікселів і натиснітьГаразд, потім зменшіть непрозорість отриманих контурів до 50%.
16 Тепер дотримуйтеся послідовності зображень і намалюйте деталі, подібні до тих, що зображені нижче.
17 Виберіть фігуру, створену на кроці 8, зробіть її копію (Ctrl +C, Ctrl +F) і перенесіть копію на передній план, а потім замініть її існуючий колір на новий лінійний градієнт, як ви бачите на другому зображенні. Далі встановіть режим змішування отриманої фігури на Освітлення кольору та зменшіть Непрозорість до 20%.
Створіть кришку банки
18 Перш ніж продовжити, виберіть жовтий округлений прямокутник і перенесіть його на передній план. Залиште цей округлений прямокутник виділеним і перейдіть до Об’єкт > Шлях > Зсув контуру … Введіть зміщення -10px і натисніть OK, а потім замініть існуючий колір обведення нового прямокутника на зелений. Скопіюйте (Ctrl +C, Ctrl +F) жовтий прямокутник, потім, утримуючи Shift, клацніть зелений прямокутник. Далі відкрийте палітру Обробки контурів ( Вікно > Обробка контурів) і клацніть кнопку «Мінус фронт », а потім заповніть отриманий об’єкт лінійним градієнтом, як ви бачите на другому зображенні.
19 Перш ніж продовжити, виберіть жовтий округлений прямокутник і перенесіть його на передній план. Залиште цей округлений прямокутник виділеним і перейдіть до Об’єкт > Шлях > Зсув контуру … Введіть зміщення -7px і натисніть OK, а потім замініть існуючий колір обведення нового прямокутника на пурпуровий. Тепер виберіть інструмент Прямокутник (M) і створіть прямокутник розміром 288 на 340 пікселів. Переконайтеся, що новий прямокутник усе ще вибрано, утримуючи Shift, клацніть жовтий округлений прямокутник, відпустіть Shift і знову клацніть жовтий округлений прямокутник (щоб зафіксувати його положення). Потім відкрийте палітру вирівнювання (Window / Align ), клацніть наНатисніть кнопку «Горизонтальне вирівнювання зліва », а потім натисніть кнопку «Вирівняти по вертикалі знизу ». Потім виберіть праву нижню опорну точку зеленого прямокутника та перемістіть її на 116 пікселів ліворуч.
20 Перш ніж продовжити, виберіть зелений об’єкт, створений на кроці 19, і зробіть його копію (Ctrl +C, Ctrl +F ), а потім сховайте цю копію (Ctrl +3 ). Тепер виділіть зелений об’єкт і пурпуровий заокруглений прямокутник, потім відкрийте палітру Обробки контурів ( Вікно > Обробка контурів) і натисніть кнопку Мінус фронт. Потім заповніть отриманий об’єкт лінійним градієнтом, як показано на третьому зображенні.
21 Виберіть фігуру, створену на кроці 20, і перейдіть до Object > Path > Offset Path … Введіть зміщення -5px і натисніть OK. Потім видаліть заливку отриманої форми, а потім додайте обведення 1px ( R=220, G=201, B=181 ). Тепер знову виділіть форму, створену на кроці 20, і перейдіть до Ефект > Текстура > Зернистість … Дотримуйтесь даних, як показано на другому зображенні, а потім натисніть OK.
22 Продовжуйте малювати прямокутник розміром 390 на 166 пікселів за допомогою Rectangle Tool (M). Залиште прямокутник виділеним і перейдіть до Ефект > Стилізація > Круглі кути … Введіть радіус 45 пікселів і натисніть OK. Переконайтеся, що новий прямокутник усе ще вибрано, утримуючи Shift, клацніть на більшому жовтому прямокутнику з округленими кутами, відпустіть Shift, а потім знову клацніть на більшому жовтому прямокутнику з округленими кутами (щоб зафіксувати його положення). Далі відкрийте палітру «Вирівнювання» (« Вікно/Вирівнювання »), натисніть кнопку «Горизонтальне вирівнювання по центру », а потім клацніть «Вирівнювання по вертикалі по центру».кнопку. Нарешті виділіть менший жовтий прямокутник і перемістіть його на 5 пікселів вниз.
23 Виберіть менший жовтий прямокутник, створений на кроці 22, і перейдіть до Object > Expand Appearance, потім перейдіть до Object > Path > Offset Path … Введіть зміщення -10px і натисніть OK. Тепер повторно виділіть два невеликих прямокутника та відкрийте палітру Обробки контурів ( Вікно > Обробка контурів ), а потім натисніть кнопку Мінус фронт.
24 Натисніть (Ctrl + Alt +3 ), щоб показати зелений об’єкт, прихований у кроці 20, а потім перемістіть його на передній план (Ctrl + Shift + права квадратна дужка ). Не вибирайте зелений об’єкт, утримуйте клавішу Shift і клацніть на об’єкті, створеному на кроці 23, а потім клацніть на кнопці «Мінус фронт» на панелі «Обробка контурів ». Далі заповніть отриманий об’єкт лінійним градієнтом, як ви бачите на третьому зображенні нижче. На цьому етапі ваша консервна банка повинна виглядати, як на четвертому зображенні.
25 Виберіть жовтий округлений прямокутник і перенесіть його на передній план. Потім змініть товщину обведення цього прямокутника на 11 пікселів, а потім замініть його існуючий колір обведення на лінійний градієнт поперек обведення.
26 Знову виділіть об’єкт, створений на кроці 25, і перейдіть до Object > Path > Offset Path … Введіть значення Offset -7px і натисніть OK. Потім замініть існуючий колір обведення нового об’єкта на R=0, G=0, B=6, а потім змініть його товщину обведення на 3px. Нарешті застосуйте ефект Розмиття за Гауссом розміром 2 пікселя до отриманого об’єкта, а потім сховайте його за об’єктом, створеним на кроці 25.
27 Знову виділіть об’єкт, створений на кроці 25, і зробіть його копію (Ctrl +C, Ctrl +F ). Далі замініть існуючий колір обведення нового об’єкта на R=150, G=66, B=6 і змініть його товщину обведення на 3 пікселя, а потім застосуйте ефект розмиття за Гауссом на 1 піксель для отриманого об’єкта.
28 За допомогою Pen Tool (P) створіть об’єкт, а потім заповніть його лінійним градієнтом, як показано на зображеннях нижче. Переконайтеся, що нова форма все ще вибрана, і перейдіть до Ефект > Стилізація > Тінь … Дотримуйтеся даних, як на третьому зображенні, і натисніть OK. Далі зробіть копію форми з ефектом тіні, застосованим на цьому кроці, потім відкрийте палітру «Вигляд» (« Вікно» > «Вигляд») і натисніть на розділ «Тінь ». У діалоговому вікні «Тінь» дотримуйтеся даних, як показано на четвертому зображенні, і натисніть «ОК».
29 За допомогою Pen Tool (P) створіть об’єкт, як показано нижче, потім заповніть його R=155, G=120, B=81 і застосуйте ефект розмиття за Гауссом 3px до отриманої форми. Продовжуйте за допомогою Pen Tool (P) створити три об’єкти, як ви бачите на третьому зображенні. Після того, як ваші об’єкти намальовані, заповніть два жовті контури жодним і додайте обведення 2px ( R=155, G=120, B=81 ), а потім заповніть бірюзовий об’єкт R=247, G=240, B=224. Потім виберіть три щойно створені об’єкти та застосуйте до них ефект розмиття за Гауссом розміром 2 пікселя. Нарешті повторно виділіть і згрупуйте (Ctrl +G) чотири об’єкти, створені на цьому кроці.
30 Виберіть форму, створену на кроці 28, скопіюйте її один раз і перенесіть копію на передній план. Залиште цю копію виділеною та відкрийте палітру «Вигляд» (« Вікно» > «Вигляд »), а потім видаліть розділ «Тінь ». Переконайтеся, що нова фігура все ще виділена, утримуючи Shift, клацніть групу, створену на кроці 29, а потім перейдіть до Об’єкт > Відсічна маска > Зробити (Ctrl +7).
31 За допомогою Pen Tool (P) створіть шлях, як показано нижче. Після того, як ваш контур буде намальовано, заповніть його порожнім і додайте обведення 10 пікселів (застосуйте лінійний градієнт поперек обведення). Зробіть копію щойно створеного контуру, потім змініть товщину обведення цієї копії на 4 пікселя та замініть наявний колір обведення на R=200, G=179, B=156. Потім застосуйте ефект розтушовування розміром 2 пікселя до отриманого контуру та перемістіть його на 1 піксель вгору, а потім перемістіть на 2 пікселі праворуч. Нарешті виберіть два контури, створені на цьому кроці, і сховайте їх за об’єктом, створеним на кроці 30.
32 Щоб надати більш реалістичний вигляд, я додам тінь для двох контурів, створених у кроці 31. Тепер виберіть контур, створений на кроці 31, зробіть його копію, а потім перемістіть цю копію на передній план. Далі замініть існуючий колір обведення копії на R=0, G=0, B=0. Далі виберіть нижню опорну точку отриманого контуру та видаліть її. Потім застосуйте ефект розмиття за Гауссом на 5 пікселів до отриманого контуру та надішліть його назад.
Створіть фон
33 Виберіть інструмент Прямокутник (M) і створіть прямокутник 940 на 767 пікселів. Далі заповніть цей прямокутник радіальним градієнтом, як показано нижче. Нарешті помістіть усі об’єкти консервної банки на щойно створений фон.
34 Виберіть форму, створену на кроці 3, скопіюйте її один раз і перенесіть копію на передній план. Видаліть заливку копії та додайте обведення 1px (жовтий колір). Тепер виберіть дві опорні точки, виділені чорним кольором, і натисніть кнопку «Вирізати контур у вибраних опорних точках» на панелі властивостей. Це робить об’єкт двома шляхами. Виберіть і видаліть верхній шлях. Тепер виберіть контур, що залишився, замініть його існуючий колір обведення на R=0, G=0, B=0 і змініть товщину обведення на 2px. Потім застосуйте профіль ширини 1 і ефект розмиття за Гауссом 2 пікселя для отриманого контуру, а потім надішліть його назад.
35 Знову виберіть фігуру, створену на кроці 3, і перейдіть до Ефект > Стилізація > Тінь … Дотримуйтесь даних, як показано нижче, і натисніть OK. На даний момент ми закінчили з консервною банкою.
Остаточний результат
Ось як виглядає готовий дизайн. Сподіваюся, вам сподобається цей посібник.
Щиро вітаю! Ви закінчили урок. Сподіваюся, ви знайшли для себе деякі корисні речі в цьому посібнику. Зображення остаточного результату наведено нижче. Насолоджуйтесь!
Висновок
Як би складно це не виглядало, я впевнений, що якщо ви будете слідувати моїм інструкціям, ви знайдете багато допомоги, використовуючи свої навички та зображення для створення власного твору! Ще раз Дякуємо за використання нашого підручника. Ми будемо раді відповісти на будь-які ваші запитання. Ви можете просто залишити відгук або коментар нижче.
Завантажте вихідні файли результатів
- Завантажити вихідний файл .ai (.zip, 3,22 МБ)