Урок № 10

Isometric art

И
зометрическая иллюстрация основывается
на так называемой изометрической проек-
ции, которая используется для представле-
ния трехмерного объекта в двух измерениях.
Очень часто изометрию сравнивают с перспекти-
вой.

МАТЕРИАЛЫ К УРОКУ ПРИКРЕПЛЕНЫ К ДАННОМУ PDF-ФАЙЛУ.

Для доступа к материалам урок необходимо открыть в программе
Adobe Acrobat Reader.

2
 Isometric art

Чтобы было проще понять их различия, следует

взглянуть на рисунок 1. На нем показано два объекта,
где первый нарисован в изометрической проекции, а
второй – в перспективной проекции.

Рисунок 1
Если провести направляющие линии, можно уви-
деть, что у первого объекта они параллельны, а у второ-
го – сходятся в одной точке (рис. 2). В этом и заключает-
ся разница между двумя этими проекциями.

Рисунок 2

3
Урок № 10

Изометрическая проекция не имеет перспективы.

Объекты, находящиеся далеко от зрителя, имеют тот
же размер, что и близлежащие. Именно этого правила
следует придерживаться при создании изометрических
изображений.
Для создания простого объекта можно использо-
вать изометрический куб. Рисуем куб, как показано на
рисунке 3.

Рисунок 3

С помощью направляющих можно создавать целые

сцены для компьютерных игр.
Давайте нарисуем элемент игры в изометриче-
ской проекции. За основу возьмем изображение, при-
веденное на рисунке 4 на странице 5.
Создаем новый проект. Импортируем из референ-
сов, архив папки с которыми прикреплен к уроку, изо-
бражение с трафаретом, размещаем его под слоем, на
котором будет рисовать. Это поможет провести ровные
линии, что значительно облегчит процесс создания изо-
метрии.

4
 Isometric art

Рисунок 4

5
Урок № 10

Рисуем основную форму – куб (рис. 5). Отключаем

видимость нижнего слоя с трафаретом. Как видим, у
нас получился идеально ровный объект (рис. 6).

Рисунок 5

Рисунок 6

6
 Isometric art

Теперь с помощью инструмента Path, руководству-

ясь направляющими на трафарете, обводим часть куба,
которая будет выглядеть «вырезанной» (рис. 7).
Обязательно прорисовываем еще один путь внутри
ранее созданного, чтобы добавить объемность элементу
(рис. 8).

Рисунок 7

Рисунок 8

7
Урок № 10

Отключим отображение трафарета. На рисунке 9

можно увидеть, что ближний к нам угол вырезан из об-
щей формы куба.
Давайте возьмем куб как основу для нашего изоме-
трического изображения. Создаем новый слой и немно-
го искривляем грани куба, чтобы придать вид неровно-
сти почвы (рис. 10).

Рисунок 9 Рисунок 10

Пришло время закрасить куб. Для этого следует

продумать, как будет падать свет на сцену. Закрашивая
изометрическую фигуру, необходимо следовать прави-
лу изометрического освещения, приведенному на ри-
сунке 11 (см. стр. 9).
Следуя этому правилу, закрашиваем куб, изменяя
оттенок для каждой стороны. Справа должен быть ори-
гинальный цвет, слева – затененный, а сверху – самый
светлый (см. рис. 12 на стр. 9).
8
 Isometric art

Рисунок 11

Рисунок 12

9
Урок № 10

Добавим на куб другие элементы. Например, нари-

суем сверху деревья. Создаем их с помощью инструмен-
та Path и закрашиваем, используя несколько оттенков
(рис. 13-14).

Рисунок 13-14

Также добавим небольшую палатку возле деревьев

и закрасим ее, добавив тень (рис. 15-16).

Рисунок 15-16

10
 Isometric art

Дорисуем вырезанный угол куба – водоем. Закра-

шиваем водоем, используя несколько оттенков синего
цвета. Обратите внимание, для внутренней части куба
изменится размещение освещенной и затемненной сто-
рон (рис. 17).

Рисунок 17

11
Урок № 10

Чтобы водоем выглядел интересней, добавим к нему

какого-то морского жителя, например, кальмара. Закра-
шиваем созданный объект черным цветом (рис. 18-19).

Рисунок 18-19

Создаем новый слой, которому задаем Opacity=50.

Выбираем на палитре белый цвет, и с помощью инстру-
мента Path рисуем на поверхности воды небольшие вол-
ны (см. рис. 20 на стр. 13).

12
 Isometric art

Рисунок 20

13
Урок № 10

Перейдем к детализации изометрического изобра-

жения. Например, добавим к почве песчинки и камни
(рис. 21).

Рисунок 21

Для этого воспользуемся инструментом Pencil, вы-

брав стандартный вид кисти, или же другой подходя-
щий вариант из палитры Brushes (рис. 22).

Рисунок 22

14
 Isometric art

Детализируем почву и кальмара, используя инстру-

мент Path, разные кисти и оттенки (рис. 23).

Рисунок 23

15
Урок № 10

Создаем новый слой и уменьшаем его Opacity. Об-

водим верхнюю и правую часть водоема с помощью
Path. Затем немного высветляем ее, залив белым цветом
(рис. 24).

Рисунок 24

16
 Isometric art

Добавляем еще один слой, на нем создаем тень для

палатки, деревьев и других элементов (рис. 25).

Рисунок 25

17
Урок № 10

С помощью Pencil детализируем траву, используя

разные кисти (рис. 26-27).

Рисунок 26

Рисунок 27

18
 Isometric art

Таким образом, мы создали красочное изоме-

трическое изображения с хорошей детализацией
(рис. 28)!

Рисунок 28

19
Урок № 10

В свободное время вы можете нарисовать еще бо-

лее удивительные сцены! Это могут быть целые города
или различные фантастические элементы (рис. 29-31).

Рисунок 29

Рисунок 30

20
 Isometric art

Рисунок 31

21
Урок № 10
Isometric art

© Компьютерная Академия ШАГ

www.itstep.org

Все права на охраняемые авторским правом фото-, аудио- и видеопроизведения,

фрагменты которых использованы в материале, принадлежат их законным владель-
цам. Фрагменты произведений используются в иллюстративных целях в объёме,
оправданном поставленной задачей, в рамках учебного процесса и в учебных целях,
в соответствии со ст. 1274 ч. 4 ГК РФ и ст. 21 и 23 Закона Украины «Про авторське
право і суміжні права». Объём и способ цитируемых произведений соответствует
принятым нормам, не наносит ущерба нормальному использованию объектов
авторского права и не ущемляет законные интересы автора и правообладателей.
Цитируемые фрагменты произведений на момент использования не могут быть
заменены альтернативными, не охраняемыми авторским правом аналогами, и
как таковые соответствуют критериям добросовестного использования и честного
использования.
Все права защищены. Полное или частичное копирование материалов запрещено.
Согласование использования произведений или их фрагментов производится
с авторами и правообладателями. Согласованное использование материалов
возможно только при указании источника.
Ответственность за несанкционированное копирование и коммерческое исполь-
зование материалов определяется действующим законодательством Украины.