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

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

Рисуем трамвай в Adobe Illustrator

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

В этом уроке мы будем рисовать иллюстрацию трамвая в Adobe Illustrator. Все техники, которые мы используем, будут достаточно простыми, поэтому урок вполне подходит новичкам. Однако сама работа достаточно детальна, поэтому придется уделить ей время.

 

Результат

Final product image

1. Создаем новый документ

Нажмите Control-N чтобы создать новый документ. Настройте параметры как показано на картинке ниже. После этого откройте палитру Preferences/Настройки (Control-K) и укажите прирост клавиатурного шага в 1 px как показано на второй картинке.

set new document

2. Создаем фон

Шаг 1

Нарисуйте прямоугольник цвета #006482при помощи инструмента Rectangle/Прямоугольник (M). Разместите его в нижней части холста.

create a rectangle

Шаг 2

Нарисуйте схематичные дома на фоне инструментом Pen/Перо (P). Используйте цвет #00C7DB. Завершаем фон прямоугольником размером 800 x 600 px цвета #00E5DB.

using Pen Tool for create a skyscrapers

3. Рисуем трамвай

Шаг 1

Создайте прямоугольник размером 515 x 60 px (#A01127). Затем еще один — размером 170 x 20 px. Выделите две нижние точки и скруглите их в палитре Transform/Трансформировать.

Creating the car of the tram

Шаг 2

Создайте еще один прямоугольник размером 520 x 6 px (#A01127), и еще один — 515 x 100 px (#EDEEE6), а также 520 x 10 px (#A01127). Разместите их как показано ниже.

Adding more rectangles

Шаг 3

Добавляем деталей, используя инструмент Pen/Перо (P) чтобы добавить опорную точку. Выделяйте их инструментом Direct Selection/Прямое выделение и перемещайте вправо. Нарисуйте два прямоугольника и создайте нужную фигуру как показано ниже. Используйте для этого функцию Minus Front/Минус верхний в палитре Pathfinder/Обработка контура.

Add details in the front of the tram

Шаг 4

Возьмемся за двери. Нарисуйте прямоугольник размером 84 x 172 px (#A01127), и два треугольника по бокам размером 5 x 172 px (#EDEEE6).

creating the first door of the tram

Шаг 5

Рисуем окна в двери из прямоугольников размером 15 x 25 px (#445675) и 15 x 54 px. Дублируйте группу трижды, выделите все три группы и распределите их равномерно при помощи палитры Align/Выравнивание.

Align the windows of the door

Шаг 6

Дублируйте только нижние окна и поместите их ниже.

Add another windows

Шаг 7

Выделите все элементы, составляющие дверь, зажмите Alt, и перетащите все вправо, создавая копию. Затем инструментом Direct Selection/Прямое выделение (A) выделите нижние точки всех элементов, и подтяните их к нижней рамке трамвая.

Duplicating the door

Шаг 8

Рисуем остальные окна при помощи прямоугольника размером 27 x 85 px (#A01127) — это рама, основание для окон. Стекла создайте из прямоугольников размером 24 x 24 px и 24 x 47 px (#445675). В нижней части стекол нарисуйте по тонкому прямоугольнику цвета #EDEEF0.

Creating the windows of the tram

Шаг 9

Сгруппируйте получившееся окно (Control-G) и дублируйте его десять раз (Control-C > Control-F) чтобы заполнить окнами весь трамвай. Выровняйте их горизонтально в палитре Align/Выравнивание.

Duplicating the windows in the car

Шаг 10

Задние окна рисуем при помощи той же схемы и цветов, однако подгоняем размер прямоугольников. Для этого инструментом Direct Selection/Прямое выделение (A) выделите крайние точки и перетяните их под нужный размер.

Drawing the windows front and end of the tram

Шаг 11

Теперь возьмемся за крышу. Нарисуйте прямоугольник размером 515 x 32 px (#EDEEE6) и скруглите верхние углы до радиуса в 25 px в палитре Transform/Трансформирование.

Add a rectangle for the top of the tram

Шаг 12

На крыше нарисуйте прямоугольник размером 45 x 13 px (#87868A) и переместите верхние точки ближе друг к другу. Дублируйте фигуру четыре раза, разместите копии как показано ниже и выровняйте их.

Creating the bells

Шаг 13

Нарисуйте пять колес. Для этого вам понадобятся круги размером 52 x 52 px (#444242), 44 x 44 px (#9A999E) и 24 x 24 px (#444242). Используйте для их создание инструмент Ellipse/Эллипс (L). Сгруппируйте вместе все круги, размножьте колеса и поместите их как показано ниже.

Creating ellipses for the wheels

Шаг 14

Нарисуйте на средней фигуре на крыше небольшой круг (#5B5B5F), в его основании поместите скошенный прямоугольник, как показано ниже.

Adding rectangles and ellipse for the tram rails

Шаг 15

Нарисуйте детали конструкции в передней части трамвая при помощи прямоугольников цвета #5B5B5F.

Adding details in the front

Шаг 16

Рисуем фару цвета #DBCEC0инструментом Pen/Перо (P). Поместите ее на задний план (Control-[).

Creating the top lantern

Шаг 17

Под передней дверью нарисуйте прямоугольник шириной в 84 px (#444242). Затем нарисуйте прямоугольник размером 84 x 17 px (#5B5B5F) и переместите нижние точки чуть ближе друг к другу. Нарисуйте фигуру размером 17 x 2 px (#9A999E) при помощи инструмента Rounded Rectangle/Прямоугольник со скругленными углами и дублируйте ее (#444242). Пошлите копию на план дальше (Control-[) и переместите чуть правее. Сгруппируйте объекты и дублируйте трижды.

Adding rectangles under the front door

Шаг 18

Выделите все окна и дублируйте их (#5B6E91) (Control-C > Control-F). Примените к ним отступ в -2 px (Effects > Path > Offset Path/Эффект>Контур>Создать параллельный контур) и разберите оформление (Object > Expand appearance/Объект>Разобрать оформление). Теперь создайте прямоугольники разных размеров и поверните их на 45º при помощи инструмента Rotate/Поворот ®. Выделите окна и прямоугольники и удалите лишние части инструментом Shape Builder/Создание фигур (Shift-M).

Creating the highlights in the windows

Шаг 19

Теперь нарисуем тени. Начнем с колес. Нарисуйте прямоугольник (#444242), которые перекроет все колеса and, и в палитре Appearance/Оформление снизьте параметр Opacity/Непрозрачность до 45%, а также укажите режим наложения Multiply/Умножение. Выделите тень и колеса, и удалите лишние детали при помощи инструмента Shape Builder/Создание фигур (Shift-M).

Add some shadows in the wheels

Шаг 20

Нарисуйте тень на самом трамвае, нарисовав прямоугольник цвета #AA202F,а затем создав тень (копию прямоугольника, опущенную чуть ниже) цвета #641111.

Shadows in the tram

Шаг 21

Рисуем болты. Для этого инструментом Pen/Перо (P) нарисуйте контур цвета #AA202F, по которому будут расположены болты. Укажите контуру параметры как показано ниже. Создайте копию контура, пошлите ее на задний план, чуть опустите вниз, и укажите цвет #641111r.

Creating the bolts on the body

Шаг 22

Наконец нарисуйте тонкий прямоугольник (#006482), который будет проводами.

Adding the rail main

Результат

Final result

Автор урока Hector Heredia

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

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




Комментарии

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

    d2f9bf94df06d550bcc989d6ccc579eb.jpg

    Ответить

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


3 − один =

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