Рисуем плоскую иллюстрацию замка с эффектом объёма в Illustrator

Рисуем плоскую иллюстрацию замка с эффектом объёма в Illustrator




В сегодняшнем уроке мы с вами будем рисовать плоскую иллюстрацию замка с эффектом объёма в программе Adobe Illustrator. Это несложный урок, в рамках которого мы будем работать с основными инструментами, палитрой обработки контура и эффектом перехода. Это чистая 2D работа, в том смысле, что мы даже не пользуемся законами перспективы. Очень интересный эффект при формате «все в одну линию».

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

1 Шаг

Нажмите Ctrl + N чтобы создать новый документ. Укажите ему размер  в 800×800 px. Настройте остальные параметры как показано ниже.

1 Шаг

Инструментом Rectangle/Прямоугольник (M) растяните как показано ниже фигуру цвета #FBC78F. Теперь нарисуйте еще один прямоугольник цвета #FFEBD9.

2 Шаг

Инструментом Pen/Перо (P) нарисуйте городской рельеф, используя цвет #F0DBAB.

Рисуем башню


1 Шаг

Начните с вертикального прямоугольника (#FBB03B). Затем нарисуйте еще один выше предыдущего. Инструментом Pen/Перо (P) создайте фигуру, которая соединит два прямоугольника. Выделите все три фигуры и кликните по иконке Unite/Объединить в палитре Pathfinder/Обработка контура.

2 Шаг

Снова инструментом Rectangle/Прямоугольник (M) рисуем два узких прямоугольника. Выделите их и основную фигуру и нажмите на иконку Minus Front/Минус верхний в палитре Pathfinder/Обработка контура.

3 Шаг

Создайте копию нашей башни (Ctrl + C > Ctrl + F) и укажите копии цвет #F7931E, затем пошлите ее на задний план (Ctrl+[). Инструментом Direct Selection/Прямое выделение (A) выделите крайние правые точки и переместите их вправо.

Инструментом Rectangle/Прямоугольник (M) создайте еще один проем вверху башни.

4 Шаг

Рисуем окна при помощи прямоугольников (#1B1441) и сбоку (#1B1464) башни. Также пририсуйте небольшие балкончики впереди (#F7931E) и сбоку (#EB7D14). Теперь при помощи инструмента Direct Selection/Прямое выделение (A) выделите и скруглите верхние точки окон при помощи фукнции Live Corners/Живые углы.

5 Шаг

Добавим объема окнам. Создайте две копии окна (Ctrl  + C > Ctrl + F) и переместите верхнюю чуть правее. Выделите обе копии и используйте функцию Minus Front/Минус верхний. Получившейся фигуре укажите цвета #1B1464. Сделайте то же и для бокового окна, но используйте цвет #1B1441.

6 Шаг

Немного объема добавим и башне. Инструментом Rectangle/Прямоугольник (M) дорисуйте прямоугольники цветов #F7931E и #FBB03B.

7 Шаг

Рисуем верхнюю башню, используя прямоугольники цветов #F15A24 и #C74413. Дублируйте окна и поместите копии на прямоугольники. Пошлите всю конструкцию на задний план (Ctrl + [)

8 Шаг

Рисуем сверху два прямоугольника цвета #FBB03B и #F7931E. Затем рисуем еще один прямоугольник сверху (#7D44A0).

9 Шаг

Подвиньте верхние точки ближе друг к другу и инструментом Pen/Перо (P) пририсуйте фигуру как показано ниже (#662D91).

10 Шаг

Рисуем флагшток из прямоугольника (#F7931E) и маленький квадратик сверху (#7D44A0). Флаг (#F15A24) рисуем инструментом Pen/Перо (P).

11 Шаг

Теперь рисуем стены и ворота замка. Начнем с прямоугольника (#F15A24). Теперь нарисуйте по краям сверху два одинаковых квадрата и создайте между ними переход в 6 шагов при помощи инструмента Blend/Переход.

Вычтите их из прямоугольника при помощи функции Minus Front/Минус верхний в палитре Pathfinder/Обработка контура.

12 Шаг

Рисуем дверь как окна в замке. Используйте цвет #1B1464. Также добавьте оконца.

Нарисуйте тонкий прямоугольник (#CE4100) в нижней части стены, затем сделайте такой же контур для двери. Для этого дублируйте дверь (Ctrl+C > Ctrl+F) и укажите ей параллельный контур в 4 px (Effect > Path > Offset Path/Эффект>Контур>Создать параллельный контур). Пошлите его назад (Ctrl+[). Удалите лишние части при помощи инструмента Shape Builder/Создание фигур (Shift + M).

13 Шаг

Рисуем несколько кирпичиков при помощи прямоугольников (#CE4100). Добавляем маленькие балкончики под окнами в стене (#FBB03B). Сгруппируйте весь замок (Ctrl + G) и поместите его на фон.

14 Шаг

Нарисуйте дорожку к замку (#FBAF5D) инструментом Pen/Перо (P). Сначала нарисуйте прямые углы, а затем скруглите их при помощи функции Live Corners/Живые углы и инструмента Direct Selection/Прямое выделение (A).

Результат

источник

Статьи по теме




Узнать больше интересного:

 

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *