Як намалювати векторний макет футболки і застосувати до нього візерунок в adobe illustrator

What You'll Be Creating

У цьому уроці ви дізнаєтеся, як використовувати інструмент Сітчастий Градієнт в Adobe Illustrator. щоб намалювати футболку в векторному форматі.

Якщо ви хочете пропустити урок, і використовувати ці футболки з різними варіантами відмінного дизайну, то ви можете придбати набір Collection of Various Soccer Jerseys на GraphicRiver!

Як намалювати векторний макет футболки і застосувати до нього візерунок в adobe illustrator
Колекція футболок Футбольних Вболівальників

1. Як Намалювати Футболку з Допомогою сітчасті Градієнта

Давайте дізнаємося як використовувати Сітчастий Градієнт (Mesh Tool), щоб намалювати фото-реалістичну футболку.

Почнемо з того, що намалюємо форму половини футболки з допомогою інструменту Перо (Р) (Pen Tool). Залийте її кольором #FDFDFD.

Створіть копію цієї фігури! Залиште її в стороні - ми використовуємо її пізніше.

Давайте почнемо використовувати Меш (сітку)! Візьміть інструмент Сітчастий Градієнт (U) і почніть створювати сітку Меша, розміщуючи на об'єкті вузли. Після цього, виберіть вузли на верхній лівій грані футболки і змініть колір на # D5D5D5.

Додайте ще кілька вузлів, як показано на зображенні нижче, і зафарбуйте нижні дві треті футболки кольором # F1F1F1.

Як намалювати векторний макет футболки і застосувати до нього візерунок в adobe illustrator

Продовжуйте роботу таким же чином, використовуючи ці кольори:

  1. #DFDFDF
  2. # B7B7B7
  3. # 7E7E7E
Як намалювати векторний макет футболки і застосувати до нього візерунок в adobe illustrator

На цьому кроці створіть ще більше тіней і складок, використовуючи ці кольори:

  1. # 7E7E7E
  2. # B4B4B4
  3. # C9C9C9
Як намалювати векторний макет футболки і застосувати до нього візерунок в adobe illustrator

І нарешті, додайте ще вузлів Меша і застосуєте ці кольори:

  1. #AAAAAA
  2. #DADADA
  3. # D1D1D1
Як намалювати векторний макет футболки і застосувати до нього візерунок в adobe illustrator

Додайте останню складу кольором #BCBCBC і тепер створіть відображену копію об'єкта, клацнувши правою кнопкою миші. і потім вибравши Трансформувати> Дзеркальне Відображення (Transform> Reflect).

Виберіть Вертикальну вісь і натисніть кнопку Копіювати. замість ОК.

Розмістіть дві копії разом, так щоб вузли заважав перебували на середній лінії. Ви можете Згрупувати обидва об'єкти (Control-G). щоб було легше працювати.

Як намалювати векторний макет футболки і застосувати до нього візерунок в adobe illustrator

Тепер давайте малювати рукава! Намалюйте контур і зберегти копію, щоб використовувати її пізніше. Продовжити використовувати Сітчастий Градієнт (U) з цими квітами:

  1. #DCDCDC
  2. # 949494
  3. #FCFCFC
Як намалювати векторний макет футболки і застосувати до нього візерунок в adobe illustrator

Додайте останні штрихи до рукаву за допомогою:

  1. # F4F4F4
  2. # 606060
  3. #FBFBFB
Як намалювати векторний макет футболки і застосувати до нього візерунок в adobe illustrator

Намалюйте внутрішню частину футболки з цими квітами:

Збережіть копію цього контуру!

Додайте ще складок з:

  1. # 898989
  2. # 919191
  3. # B7B7B7

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

Закінчите футболку, пофарбувавши комір, використавши ці кольори:

  1. # F4F4F4
  2. # D0D0D0
  3. #DDDDDD
  4. #CECECE
Як намалювати векторний макет футболки і застосувати до нього візерунок в adobe illustrator

Тепер з'єднайте елементи разом! (Створіть другий рукав як на Кроці 5).

Наша Футболка Готова!

Як намалювати векторний макет футболки і застосувати до нього візерунок в adobe illustrator

2. Як Додати Візерунок на Футболку

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

Як намалювати векторний макет футболки і застосувати до нього візерунок в adobe illustrator

Використовуйте копію контуру, який ми створили на Кроці 1. створіть відображену копію, і використовуйте кнопку З'єднання (Unite) на панелі Обробка Контурів (Pahtfinder), щоб об'єднати фігури в одну.

Як намалювати векторний макет футболки і застосувати до нього візерунок в adobe illustrator

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

Як намалювати векторний макет футболки і застосувати до нього візерунок в adobe illustrator

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

Далі, візьміть Меш нашої футболки і в панелі Прозорості (Transparency panel) змініть режим накладання на Множення (Multiply). Помістіть Меш футболки поверх елемента з візерунком і все готово!

Як намалювати векторний макет футболки і застосувати до нього візерунок в adobe illustrator

Наша футболка з малюнком готова! Ви можете застосувати до такого ж фасону будь-який інший патерн.

Як намалювати векторний макет футболки і застосувати до нього візерунок в adobe illustrator

Відмінна Робота, Ви Впоралися!

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

Як намалювати векторний макет футболки і застосувати до нього візерунок в adobe illustrator
Collection of Various Soccer Jerseys