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

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

Рисуем замок в Adobe Illustrator

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

В этом уроке мы будем рисовать замок в 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).

Результат

Автор урока tutpad

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

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




Комментарии

  1. Бортник
    Thumb up Thumb down +2

    09137239add79a80dfcb6bbb4b631ef6.jpg

    Ответить

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


восемь − 4 =

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