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

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

Рисуем туристический рюкзак в Adobe Illustrator

23 февраля 2018 | Опубликовано в Уроки | 1 Комментарий »

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

 

Результат

Шаг 1

Инструментом Rounded Rectangle/Прямоугольник со скругленными углами нарисуйте фигуру размером 200 x 215 px и укажите ей темно-зеленый цвет заливки.

Выделите фигуру и перетащите ее копию вверх, зажав клавиши Alt-Shift. Укажите нижней копии фигуры более темный оттенок зеленого.

Шаг 2

Выделите обе фигуры и убедитесь что они идеально выровнены. Для этого в палитре Align/Выравнивание кликните по иконке Horizontal Align Center/Горизонтальное выравнивание центров.

Шаг 3

Инструментом Rectangle/Прямоугольник (M) растяните фигуру размером 175 x 105 px более светлого зеленого цвета.

Выделите ее два верхних угла инструментом Direct Selection/Прямое выделение (A) и немного скруглите их (на 15 px) при помощи функции Live Corners/Живые углы.

Повторите ту же процедуру с нижними углами, но скруглите их сильнее — на 30 px.

Шаг 4

Скопируйте созданную в прошлом шаге фигуру (Control-C) и вставьте ее копию на задний план (Control-B). Переместите нижнюю копию чуть ниже и укажите ей более темный оттенок зеленого.

Выделите обе верхние фигуры, зажмите Alt-Shift и перетащите копии фигур вниз.

При помощи инструмента Direct Selection/Прямое выделение (A) выделите нижние углы этих фигур и скруглите их еще сильнее — на 55 px.

Шаг 5

Копируйте нижний карман вместе с тенью (Control-C) и вставьте копию на передний план (Control-F). Масштабируйте фигуры, чтобы сплющить их как показано ниже. Укажите тени чуть более светлый оттенок.

Шаг 6

Добавим шов. Выделите основную верхнюю фигуру и дублируйте ее (Control-C > Control-F) it.

Инструментом Direct Selection/Прямое выделение (A) выделите указанные ниже точки и удалите их, нажав Delete .

Укажите фигуре отсутствие заливки и обводку светло-зеленого цвета.

В палитре Stroke/Обводка укажите толщину в 3 pt, скругленные концы и пунктирную линию длиной в 5 pt с промежутками в 8 pt.

Масштабируйте шов как показано ниже и приподнимите верхние точки до нужного места инструментом Direct Selection/Прямое выделение (A).

 

Шаг 7

Таким же образом добавьте шов на нижний карман.

Шаг 8

Нарисуйте прямоугольник размером 15 x 200 px, укажите ему коричневый цвет завлики и скруглите нижние углы.

Дорисуйте прямоугольник размером 30 x 15 px без заливки и с обводкой серого цвета толщиной в 4 pt.

 

Шаг 9

Дублируйте ремешок (Control-C > Control-F) и сделайте копию тоньше и светлее. Добавьте пряжку на нижний карман.

Сгруппируйте ремешок вместе с пряжками и сгруппируйте их (Control-G). Дублируйте группу и переместите копию вправо.

Сгруппируйте обе группы ремешков и выровняйте группу по центру относительно холста.

Шаг 10

Добавим боковые карманы. Нарисуйте прямоугольник размером 30 x 80 px. Нажмите Shift-Control-[ чтобы послать его на задний план.

Скруглите в разной степени верхнюю и нижнюю левые точки ( на 7 px и 15 px), используя инструмент Direct Selection/Прямое выделение (A).

Добавьте меньшую копию этой фигуры пониже и не забудьте дорисовать тени.

Украсьте карманы горизонтальными полосками.

Шаг 11

Выделите оба кармана с тенями и оформлением, кликните дважды по инструменту Reflect/Отразить и выберите Vertical Axis/Вертикальную ось. Кликните по кнопку Copy/Копия и расположите копии карманов в правой части рюкзака.

Сгруппируйте все боковые карманы и выровняйте их по центру холста.

Шаг 12

Теперь рисуем ручку. Начнем с прямоугольника размером 65 x 50 px с коричневой обводкой толщиной в 10 pt.

Инструментом Direct Selection/Прямое выделение (A) скругляем верхние углы на 20 px.

Посылаем ручку на задний план, нажав Shift-Control-[.

Результат

Автор урока vectips

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

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




Комментарии

  1. Григорий
    Thumb up Thumb down +2

    6f95f544e3e36bba169689aba95d0302.jpg

    Ответить

Оставить ответ


восемь − = 5

Вставить изображение