Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Реалистичная футболка в Adobe Illustrator

16 июня 2018 | Опубликовано в Уроки | Нет комментариев »

Сегодня мы будем рисовать реалистичные футболки в Adobe Illustrator. Все эти складочки и тени на футболке мы создадим при помощи инструмента Mesh/Сетчатый градиент. В итоге у вас получится одна футболка, созданная из нескольких векторных объектов, которую вы сможете дублировать и легко выкрашивать в разные цвета. Как — вы тоже узнаете в этом уроке.

 

Результат

Mens T-Shirt Design Template


1. Рисуем шаблон футболки

Шаг 1

Для создания футболки мы используем инструмент Mesh/Сетчатый градиент!

Начнем с создания половины футболки при помощи инструмента Pen Tool (P). Укажите фигуре цвет #F3F3F3.

Создайте копию фигуры и отложите ее в сторону. Мы вернемся к ней позже.

Возьмите инструмент Mesh/Сетчатый градиент (U) и начинайте создавать новые точки, из которых формируется сетка. Перемещайте точки, чтобы создать фигуру по форме футболки. Выделите левые точки и укажите им цвет #B7B7B7.

Добавьте еще точек, выделите некоторые из них, и укажите им цвет #F4F4F4, чтобы создать складки.

mesh shirt

Шаг 2

Продолжаем добавлять цвета. Используйте следующие оттенки:

  1. #DFDFDF
  2. #E3E3E3
  3. #F7F7F7
  4. #B9B9B9

gradient mesh template

Шаг 3

Со второй копией исходной фигуры поступаем так же, только в зеркально отражении.

  1. #F3F3F3
  2. #B7B7B7
  3. #D9D9D9
  4. #EEEEEE

vector t-shirt template mockup

Шаг 4

Используем оттенки:

  1. #CFCFCF
  2. #C4C4C4
  3. #B9B9B9
  4. #E3E3E3

how to use gradient mesh

Шаг 5

Рисуем рукав.

  1. #EAEAEA
  2. #BDBDBD
  3. #B6B6B6
  4. #CFCFCF
  5. #DADADA
  6. #BDBDBD

how to draw with gradient mesh

Шаг 6

Рисуем горлышко.

  1. #E9E9E9
  2. #C0C0C0
  3. #F4F4F4

vector t-shirt

Шаг 7

Чтобы изогнуть горлышко, выбираем в меню Effect > Warp > Arc/Эффект>Деформация>Дуга. Укажите параметры как показано ниже.

Выберите в меню Object > Expand Appearance/Объект>Разобрать оформление.

t-shirt mockup template

Шаг 8

Рисуем вторую часть воротничка.

  1. #6A6A6A
  2. #979797

gradient mesh

Шаг 9

Объединяем их.

photo-realistic vector mesh

Шаг 10

Собираем футболку!

photo-realistic t-shirt mockup template

2. Как менять цвет футболки

Шаг 1

Создайте несколько копий футболки, чтобы попробовать другие цвета.

Выделите одну из копий и выберите в меню Edit > Edit Colors > Adjust Colors/Редактировать>Редактировать цвета>Коррекция цвета. Выберите режим Greyscale/Оттенки серого и примените 32% Black/Черного. Включите галочку Convert/Конвертировать.

recoloring shirts

Шаг 2

Создайте еще две копии серой футболки, которая у нас только что получилась. Выделите одну из них и снова выберите в меню Edit > Edit Colors > Adjust Colors/Редактировать>Редактировать цвета>Коррекция цвета.

На этот раз выберите режим RGB и укажите 18% Red/Красный, -30% Green/Зеленый, и -26% Blue/Синий. Также включаем опцию Convert/Конвертировать.

how to recolor a t-shirt template

Шаг 3

Выделяем еще одну копию серой рубашки и корректируем цвета следующим образом: в режиме RGB укажите 6% Red/Красного, 13% Green/Зеленого, и -60% Blue/Синего.

green t-shirt mockup

Шаг 4

Попробуем с еще одной копией. Укажите 27% Red/Красного-5% Green/Зеленого, и -41% Blue/Синего.

orange vector t-shirt template

Шаг 5

Выделите одну из копий белой футболки и укажите ей в режиме Grayscale/Оттенки серого 40% Black/Черного.

how to recolor mesh t-shirt

Шаг 6

Перекрашиваем так: -9% Red/Красного20% Green/Зеленого, и 16% Blue.

colorful vector t-shirt mockups

Шаг 7

И снова копию белой футболки делаем серой на 63% Black/Черного.

black t-shirt mesh template

Шаг 8

Перекрашиваем так: 9% Red/Красного, -9% Green/Зеленого, и -7% Blue/Синего.

set of colorful shirts

Результат

Mens T-Shirt Design Template

Автор урока Vladimir Galantsev

Перевод — Дежурка

Смотрите также:




Коментарии запрещены.