Як створити векторні іконки суші в Адобе Ілюстратор
() translation by (you can also view the original English article)

У цьому підручнику ми дізнаємося про різні типи суші та про те, як їх намалювати. Ми навчимося багатьом новим методам, наприклад: як створити та використати дискретні пензлі Рису і Ікри, та як намалювати милі, реалістичні водорості, а також лосося та тунця. Ви збережете собі багато нових графічних стилів, що допоможуть вам протягом усього уроку. Якщо ви захоплені деякими векторними Макі, Урамакі, Нигірі і Темакі суші, давайте почнемо розважатися!
Якщо вам хочеться більше іконок їжі або векторних іконок взагалі, то Envato Market задовільнить вас великою кількістю дизайнів на ваш вибір.
Активи уроку
Для завершення уроку вам знадобляться такі ресурси:
- Світло-коричнева дерев’яна текстура - Безкоштовний вектор, створений на Freepik
1. Почнемо новий проект
Запустіть Ілюстратор і перейдіть до Файл > Створити, щоб відкрити пустий документ. Введіть ім'я для файлу, налаштуйте розміри а потім виберіть Пікселі як Одиниці і Колірний режим як RGB. Переконайтеся, що немає галочки вирівняти нові об'єкти по піксельній сітці.
Потім перейдіть в меню Редагування > Параметри > Загальні і встановіть Приріст клавіатурою на 1 рх, та перейдіть до Одиниць виміру, щоб переконатися, що вони встановлені, як на наступному малюнку. Я завжди працюю з цими налаштуваннями, і вони допоможуть вам протягом усього процесу малювання.

2. Малюємо Макі Суші
Крок 1
Макі суші - це згорнуте суші з норі назовні і рисом зсередини.
Перше, що потрібно зробити - це намалювати коло розміром 77 х 77 px за допомогою інструмента Еліпс (L). Поки коло лишається вибраним, перейдіть до Ефект > Деформувати та трансформувати > Огрубіння та застосуйте наведені нижче налаштування.

Крок 2
Виділивши коло, перейдіть в меню Об'єкт і виберіть Розгорнути вигляд, щоб розібрати ефект Огрубіння. Розгрупуйте (Shift-Ctrl-G), якщо необхідно. Заповніть отриману «форму роллу» світло-коричневим і надайте їй 2 pt Обведення.
Ми будемо використовувати цю «форму роллу», щоб пізніше створити ще один шматок суші в цьому уроці, тому зробіть її копію перед продовженням.

Крок 3
Поки «форма роллу», все ще обрана, натисніть Додати нове обведення у панелі Вигляд та перетягніть цей атрибут донизу. Оберіть 5 pt Обведення, і після цього перейдіть в меню Ефект > Контур > Зсунути контур та застосуйте Зсув радіусом 2 px.

Крок 4
Якщо «форма роллу», все ще вибрана, натисніть Додати нову заливку на панелі Вигляд та перетягніть цей атрибут над попереднім обведенням. Виділіть вказаний колір, після чого перейдіть в Ефект > Контур > Зсунути контур та застосуйте Зсув 3 px. Далі перейдіть до меню Ефект > Деформувати та трансформувати > Огрубіння та застосуйте наведені нижче налаштування.

3. Створимо дискретний пензль Рису
Крок 1
Візьміть інструмент Еліпс (L) і намалюйте маленький овал розміром 9 x 12 px; потім намалюйте на ньому менший овал. Використайте вказані кольори, щоб розфарбувати їх, після чого, тримаючи обидва обраними, перейдіть до пункту Об'єкт > Перехід > Параметри переходу. Виберіть Задано кроків 10 та натисніть OK, а потім поверніться до Об'єкт > Перехід > Зробити (Alt-Ctrl-B).

Крок 2
Використайте інструмент Еліпс (L) ще раз, щоб намалювати овал 9 x 15 px; а потім намалюйте ще один менший овал. Використайте вказані кольори, щоб заповнити овали, а потім застосуйте до них перехід, як і раніше.

Крок 3
Перетягніть перше зерно рису, яке темніше, на панель Пензлі та оберіть Дискретний пензль. Залиште налаштування такими, якими вони є на цей момент, просто введіть "Рис 1" як ім'я пензлю і натисніть ОК. Повторіть те ж саме з другим зерном рису та назвіть пензль "Рис 2".
На наступному зображенні ви можете побачити справжній розмір рисових зерен у 100% перегляді. Вони дуже маленькі. Ми використаємо дві різні зерна рису, щоб в кінці отримати більш реалістичний результат.

4. Намалюємо заповнення рисом
Крок 1
Тепер давайте створимо нові пензлі для використання. Візьміть інструмент Олівець (N) та намалюйте випадковий шлях на роллові макі-суші. Наша мета полягає в тому, щоб покрити коричневу ділянку по центру, настільки пропорційно, наскільки можливо, не заходячи за межі. Зберігайте свій шлях на коричневій ділянці та пам'ятайте, що ви можете перемістити будь-які опорні точки коли завгодно за допомогою інструмента Часткове виділення (A).
Обведіть цей шлях Дискретним пензлем Рис 1. Колір обведення не важливий, а Ширина обведення 1 pt. Далі відкрийте вікно Параметри обведення та змініть параметри, як показано нижче. Нам потрібно більше рису, тож продовжимо.

Крок 2
Поки шлях все ще обрано, натисніть Додати нове обведення на панелі «Вигляд». Використайте Дискретний пензль Рис 1 ще раз і змініть Ширину обведення на 1 pt. Далі відкрийте вікно Параметри обведення та змініть параметри.

Крок 3
Поки шлях все ще обрано, натисніть Додати нове обведення на панелі Вигляд. Цього разу використайте Дискретний пензль Рис 2 і змініть Ширину обведення на 1 pt. Далі відкрийте вікно Параметри обведення та змініть параметри. Після завершення натисніть значок Створити стиль графіки внизу панелі Стилі графіки щоб зберегти його для подальшого використання. Ви можете змінити назву на "Графічний стиль суші - рис".

Крок 4
Ваше заповнення рисом з першої ж спроби не буде мати ідеальний вигляд, але не хвилюйтеся - все це можна виправити в Ілюстраторі. Якщо ваш рис проходить по краях або у вас є порожні ділянки, ви можете обрати інструмент Часткове виділення (A) та окремо перемістити будь-які з опорних точок. Зробіть всі необхідні корегування, доки результат вас не задовільнить.

5. Малюємо заповнення Макі Суші
Крок 1
Почнемо з шматочка тунця. Візьміть Перо (P) і намалюйте фігуру, подібну тій, що знаходиться над рисом.

Крок 2
Далі намалюйте на тунці три шляхи, як показано нижче. Оберіть Обведення 10 pt і Профіль ширини 1 на панелі Обведення. Зменшіть Непрозорість до 25%.

Крок 3
Поки три шляхи все ще виділені, додайте другу Заливку над першою. Виберіть Обведення 4 pt та Профіль ширини 2 і залишіть той же рожевий колір. Встановіть Режим змішування на Розсіяне світло.

Крок 4
Поки три шляхи все ще виділені, додайте другу Заливку над першою. Виберіть Обведення 2 pt, Профіль ширини 2 і залишіть той же рожевий колір. Зменшіть Непрозорість до 50%.
По завершенню натисніть значок Створити стиль графіки, щоб зберегти його для подальшого використання. Ви можете змінити назву на "Графічний стиль Деталізований тунець".

Крок 5
На правому боці тунця намалюйте білу форму і зменште її Непрозорість до 15%. Це створить блиск.
Потім намалюйте більш тонку білу форму та зменште Непрозорість на 18% у цей раз.

Крок 6
Виберіть частину тунця, а потім Копіювати та Вставити в місці (Shift-Ctrl-V), щоб отримати його копію та видалити існуючу градієнтну заливку. Тепер виділіть цю копію разом з двома білими фігурами та трьома шляхами та перейдіть до меню Об'єкт > Відсічна маска > Зробити (Ctrl-7).

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

Крок 8
Тепер візьміть два зерна рису та зробіть стільки копій, скільки забажаєте. Обертаючи їх, встановіть їх навколо заливки і трохи над нею. Застосуйте команду Група (Control-G) до всіх зерен рису, а потім перейдіть до Ефект > Стилізувати > Тінь та застосуйте показані налаштування.
Макі-суші тепер готові.

6. Малюємо Урамакі Суші
Крок 1
Урамакі - це згорнуте суші з норі зсередини і рисом зовні, також відоме як зовнішній суші-ролл.
Використайте інструмент Еліпс (L), щоб намалювати маленьке червоне коло. Далі намалюйте місяцеподібну форму, ліва сторона якої заповнена темно-червоним, та, наприкінець, дві маленькі білі форми.
Перетягніть всі форми на панель Пензлі та оберіть новий Дискретний пензль. Введіть назву "Ікра Дискретний пензль", залиште початкові налаштування, і натисніть ОК.

Крок 2
Оберіть копію "форми роллу", яку ви зробили на початку уроку. Замініть існуюче обведення на пензль «Ікра Дискретний пензль» і змініть Ширину Обведення на 1 pt. Далі відкрийте вікно Параметри обведення та змініть параметри на показані нижче.

Крок 3
Намалюйте довільний шлях на коричневій площині, як ви робили раніш, та оберіть Графічний Стиль Суші-Рис, який ви зберегли на панелі Стилі графіки. Зробіть додаткові корегування, якщо це необхідно.

Крок 4
Для того, щоб створити шматочок авокадо, намалюйте трикутну форму і залийте її зеленим. Намалюйте ще один трикутник поверх неї і залийте його радіальним градієнтом, як показано. Застосуйте команду Група (Control-G) до обох форм та зробіть копію. Розкладіть шматочки авокадо по рису.

Крок 5
Намалюйте форму шматочка лосося, як на наступному зображенні. Залийте показаним лінійним градієнтом.

Крок 6
Намалюйте два шляхи поверх форми лосося та оберіть раніш збережений вами Графічний стиль Деталізований тунець, у панелі Стилі графіки. Змініть рожевий колір та деякі параметри на показані нижче.
Поки обидва шляхи виділені, натисніть значок Створити стиль графіки, щоб зберегти новий стиль для подальшого використання. Ви можете змінити назву на "Графічний стиль Деталізований лосось".

Крок 7
Виділіть форму лосося, потім Копіювати та Вставити в місці (Shift-Ctrl-V), щоб зробити копію та видалити нинішню градієнтну заливку. Тепер оберіть цю копію разом з двома шляхами та перейдіть до Об'єкт > Відсічна маска > Зробити (Ctrl-7).

Крок 8
Інструментом Перо (P) намалюйте форму навколо заливки та заповніть її темним оливково-зеленим кольором. Застосуйте обведення Художнім пензлем Charcoal – Thick з Меню бібліотеки пензлів > Художній > Художній_КрейдаВугольОлівець. Змініть Ширину обведення на 0.5 pt, а потім відправте цю форму позаду заливки, але перед рисом.

Крок 9
Оберіть обидва зерна рису та зробіть стільки завгодно копій. Обертайте їх, розташовуючи навколо заповнення, та трохи над листом норі всередині, для більш реалістичного вигляду. Згрупуйте (Ctrl-G) всі рисові зерна, перейдіть в меню Ефект > Стилізувати > Тінь і застосуйте наведені нижче налаштування.
Урамакі суші тепер готові.

7. Малюємо Нігірі суші з тунцем
Крок 1
Нігірі - це притиснуті збоку суші, часто зроблені з сирого тунця і лосося.
Інструментом Прямокутник (M) створіть прямокутник розміром 44 х 118 px, заповнений світло-коричневим кольором. Після цього перейдіть в меню Ефект > Стилізувати > Заокруглені кути та застосуйте Радіус 15 px.

Крок 2
Інструментом Олівець (N) намалюйте випадковий шлях на коричневій формі та оберіть Графічний Стиль Суші-Рис, який ви зберегли на панелі Стілі графіки. За необхідності внесіть додаткові налаштування, і на цей момент частинок коричневої форми не повинно бути видно.

Крок 3
Намалюйте Пером (P) форму тунця, але не покривайте рис повністю. Використайте показаний градієнт для шматочка тунця в заповненні макі-суші. Далі оберіть п'ять шляхів на тунці і виберіть Графічний стиль Деталізований тунець, у панелі Стилі графіки.

Крок 4
Щоб додати трохи блиску, створіть білу форму на правій частині тунця та зменшіть Непрозорість до 15%. Потім намалюйте більш тонку білу форму та зменште Непрозорість до 18%.

Крок 5
Виберіть форму тунця, а потім Скопіюйте та Вставте в місці (Shift-Ctrl-V), щоб зробити копію та видалити існуючу градієнтну заливку. Тепер виділіть цю копію разом з п'ятьма шляхами та двома білими формами та перейдіть до Об'єкт > Відсічна маска > Зробити (Ctrl-7).
Нігірі суші з тунцем тепер готове.

8. Малюємо Нігірі суші з лососем
Крок 1
Процес малювання дуже схожий. Спершу намалюйте світло-коричневий прямокутник і застосуйте ефект Заокруглені кути. Продовжіть з випадковим шляхом і оберіть Графічний стиль Суші-рис у панелі Стилі графіки.

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

Крок 3
Виберіть форму лосося, а потім застосуйте Копіювати та Вставити в місці (Shift-Ctrl-V), щоб створити його копію та видалити існуючу градієнтну заливку. Тепер виділіть цю копію разом з чотирма шляхами і двома білими фігурами та перейдіть в меню Об'єкт > Відсічна маска > Зробити (Ctrl-7).

Крок 4
Давайте створимо смугу водоростей на лососі. Спершу намалюйте показану нижче форму та залийте її лінійним градієнтом.
Поки форму водоростей все ще виділено, натисніть Додати нову заливку на панелі Вигляд. Використайте білий колір заливки, далі перейдіть в меню Ефект > Ескіз > Ретикуляція та застосуйте наведені нижче налаштування. Встановіть Режим змішування на Множення і зменшіть Непрозорість до 20%.

Крок 5
Тримаючи форму водоростей виділеною, Додайте нову заливку над іншими. Використайте для неї білий колір. Потім перейдіть в Ефект > Художній > Губка та застосуйте показані налаштування. Змініть Режим змішування на Затемнення основи і збавте Непрозорість до 75%.
Поки водорості виділені, натисніть значок Створити стиль графіки, щоб зберегти його пізніше. Ви можете змінити його назву на "Графічний стиль Водорості".

Крок 6
Візьміть інструмент Олівець (N) та створіть довільний зигзаг-шлях на правій частині водоростей. Оберіть 0.1 pt Обведення; Потім перейдіть в меню Ефект > Розмиття > Гаусове розмиття радіусом 1 px. Встановіть Режим змішування Жорстке світло та 75% Непрозорості.
Намалюйте меншу зигзагоподібну форму на лівій частині водоростей і застосуйте ті ж параметри, але зменште Непрозорість до 50%.

Крок 7
Виберіть форму морських водоростей, а потім застосуйте Копіювати та Вставити в місці (Shift-Ctrl-V), щоб зробити копію та видалити всі атрибути. Тепер виділіть цю копію разом з оригінальною формою водоростей та двома шляхами зигзага та перейдіть в меню Об'єкт > Відсічна маска > Зробити (Ctrl-7). В результаті ви отримаєте чисті краї.

9. Малюємо Темакі суші
Крок 1
Темакі - конусоподібний ролл з листом норі зовні і рисом всередині.
Почніть з ромбовидної форми. Використайте інструмент Додати опорну точку (+), щоб додати ще дві додаткові точки вгорі, а за допомогою Часткового виділення (А) спотворте верхню частину конуса, як показано на наступному зображенні. Після цього просто виберіть Графічний стиль Водорості на панелі Стилі графіки.

Крок 2
Інструментом Перо (P), намалюйте чорну форму у верхній частині конуса, щоб визначити область, де буде розміщено рис. Намалюйте випадковий шлях, охоплюючий чорну форму, і застосуйте Графічний стиль Суші-рис. Зробіть додаткові налаштування, рухаючи опорні точки, якщо рис заходить за межу конуса.
Виберіть чорну форму рису, перейдіть в меню Ефект > Стилізувати > Тінь та застосуйте показані налаштування.

Крок 3
Олівцем (N) намалюйте випадковий зигзаг-шлях на лівому боці конуса, надайте йому 0,2 pt Обведення та застосуйте Гаусове розмиття 2 px. Застосуйте Режим змішування Жорстке світло та 60% Непрозорості.

Крок 4
Намалюйте чорну форму на правій стороні конуса, як на наступному зображенні; потім перейдіть в Ефект > Стилізувати > Розтушування та застосуйте Радіус 7 px, щоб створити стриманий відтінок.

Крок 5
Виберіть форму конусу, а потім Копіювати та Вставити в місці (Shift-Ctrl-V), щоб зробити копію та видалити всі наявні атрибути. Тепер виділіть цю копію разом з оригінальною формою конуса та всім іншим, окрім рису, і перейдіть в Об'єкт > Відсічна маска > Зробити (Ctrl-7). В результаті ви отримаєте чисті краї.

Крок 6
Ікра лосося майже така сама, як і невеличка ікра в Урамакі суші, але більша за розміром. Розмножте і додайте декілька посеред рису. Після цього виберіть лише ікру внизу та по сторонам та застосуйте Ефект Тінь.

Крок 7
Для прикраси, намалюйте дві зелені форми та розташовуйте їх між ікрою. Зробіть копію шматочків авокадо з Урамакі суші і розмістіть його за ікрою лосося.
Темакі суші тепер готові.

10. Малюємо соєвий соус та палички для їжі
Крок 1
Застосуйте інструмент Еліпс (L), щоб намалювати біле коло 104 x 104 px. Після цього намалюйте менше коло в центрі та заповніть його радіальним градієнтом.

Крок 2
Намалюйте ще менше коло у центрі, залийте його показаним радіальним градієнтом. Щоб додати блиску, намалюйте півколо на лівій частині соєвого соусу та заповніть її лінійним градієнтом, показаним нижче.

Крок 3
Щоб намалювати палички для їжі створіть довгу трикутну форму, заокруглу зверху. Продовжте з більш тонкою формою зліва. Тепер оберіть обидві форми і перейдіть до пункту Об'єкт > Перехід > Параметри переходу. Виберіть Задано кроків 10, натисніть ОК, а потім поверніться до Об'єкт > Перехід > Зробити (Alt-Ctrl-B).

Крок 4
Намалюйте іншу тонку форму на правій стороні палички та заповніть її світло-коричневим кольором. Перейдіть в меню Ефект > Стилізувати > Розтушування і застосуйте Радіус 2 px.

11. Додамо тіні
Крок 1
Повернемося до Макі-суші і оберемо лише "форму роллу". Застосуйте Копіювати та Вставити в місці (Shift-Ctrl-V), а потім розмістіть копію позаду всього, перейшовши в пункт Об'єкт > Упорядкувати > На задній план (Shift-Control-[). Видаліть всі існуючі атрибути та виберіть будь-яку заливку; потім перейдіть в меню Ефект > Стилізувати > Тінь та застосуйте наведені нижче налаштування.
Повторіть те ж саме для Урамакі суші, щоб створити тінь.

Крок 2
Повернемося до Нігірі суші з лососем. Оберіть лише форму лосося, далі Копіювати та Вставити в місці (Shift-Ctrl-V), щоб створити копію. Відправте копію позаду всього, перейшовши в меню Об'єкт > Упорядкувати > На задній план (Shift-Control- [), після цього застосуйте Ефект Тінь.
Повторіть те саме для Нігірі суші з тунцем, використавши форму тунця, щоб створити тінь.

Крок 3
Те ж саме стосується й Темакі суші. Зробіть копію позаду форми конуса, замінивши існуючі атрибути на будь-який колір заливки, а потім застосуйте Ефект Тінь.

Крок 4
Згрупуйте (Ctrl-G) всі форми, які складають паличку для їжі, а потім застосуйте Ефект Тінь. Зробіть копію палички, щоб ви отримали пару, і розмістіть їх на своєму артборді.

Крок 5
Щоб додати тінь для чаші з соусом, оберіть перше біле коло та застосуйте Ефект Тінь, з показаними налаштуваннями. Сгрупуйте (Ctrl-G) всі форми і назвіть групу "соєвий соус".

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

