Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Gradient Mesh Tool
Design

Как Нарисовать Векторный Макет Футболки и Применить К нему Узор в Adobe Illustrator

by
Difficulty:BeginnerLength:ShortLanguages:

Russian (Pусский) translation by Andrey Rybin (you can also view the original English article)

Final product image
What You'll Be Creating

В этом уроке вы узнаете, как использовать инструмент Сетчатый Градиент в Adobe Illustrator, чтобы нарисовать футболку в векторном формате.

Если вы хотите пропустить урок, и использовать эти футболки с разными вариантами отличного дизайна, то вы можете приобрести набор Collection of Various Soccer Jerseys на GraphicRiver!

Collection of Various Soccer Jerseys
Коллекция Футболок Футбольных Болельщиков

1. Как Нарисовать Футболку с Помощью Сетчатого Градиента

Шаг 1

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

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

Создайте копию этой фигуры! Оставьте ее в стороне - мы используем ее позже.

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

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

see above

Шаг 2

Продолжайте работу таким же образом, используя эти цвета:

  1. #DFDFDF
  2. #B7B7B7
  3. #7E7E7E
shadow on the left side

Шаг 3

На этом шаге создайте еще больше теней и складок, используя эти цвета:

  1. #7E7E7E
  2. #B4B4B4
  3. #C9C9C9
folds on the left middle

Шаг 4

И наконец, добавьте еще узлов Меша и примените эти цвета:

  1. #AAAAAA
  2. #DADADA
  3. #D1D1D1
more folds now on the bottom

Шаг 5

Добавьте последнюю складу цветом #BCBCBC и теперь создайте отраженную копию объекта, щелкнув правой кнопкой мыши, и затем выбрав Трансформировать > Зеркальное Отражение (Transform > Reflect).

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

Расположите две копии вместе, так чтобы узлы меша находились на средней линии. Вы можете Сгруппировать оба объекта (Control-G), чтобы было легче работать.

see above

Шаг 6

Теперь давайте рисовать рукава! Нарисуйте контур и сохранить копию, чтобы использовать ее позже. Продолжить использовать Сетчатый Градиент (U) с этими цветами:

  1. #DCDCDC
  2. #949494
  3. #FCFCFC
dark on the right white on the left and create folds

Шаг 7

Добавьте последние штрихи к рукаву с помощью:

  1. #F4F4F4
  2. #606060
  3. #FBFBFB
create more folds with white highlights

Шаг 8

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

  1. #A6A6A6
  2. #676767
  3. #8D8D8D

Сохраните копию этого контура!

grey with darker on the edges

Шаг 9

Добавьте еще складок с:

  1. #898989
  2. #919191
  3. #B7B7B7
single fold in the middle

Шаг 10

Нарисуйте контру такой фигуры и сохраните копию для дальнейшего использования.

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

  1. #F4F4F4
  2. #D0D0D0
  3. #DDDDDD
  4. #CECECE
collar with dark on the edges

Шаг 11

Теперь соедините элементы вместе! (Создайте второй рукав как на Шаге 5).

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

put it together

2. Как Добавить Узор на Футболку

Шаг 1

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

see above

Шаг 2

Используйте копию контура, который мы создали на Шаге 1, создайте отраженную копию, и используйте кнопку Соединение (Unite) на панели Обработка Контуров (Pahtfinder), чтобы объединить фигуры в одну.

see above

Шаг 3

Поместите узор, который мы создали поверх белой фигуры. Выберите узор и фигуру, щелкните правой кнопкой, и выберите Создать Обтравочную Маску.

see above

Шаг 4

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

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

see above

Шаг 5

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

result

Отличная Работа, Вы Справились!

Что теперь? Вы можете попробовать пройти еще какой-то из моих уроков, которые вы можете найти в моем профиле, или посмотрите мое портфолио на GraphicRiver, в том числе и оригинальную коллекцию футболок, которые мы создавали в этом уроке.

Я надеюсь вам понравился этот урок, и я буду рад увидеть ваши результаты в комментариях!

Collection of Various Soccer Jerseys
Collection of Various Soccer Jerseys
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.