Изометрическая сетка

Глава 2. Изометрическая сетка

Вы можете думать об изометрической сетке в виде ряда квадратов, соединенных вместе, которые формируют большую площадь. На рисунке ниже показано, как обычная 2D сетка превратилась в изометрическую сетку. Нормальная сетка просто напросто крутилась бы если бы она находилась в 3D-пространстве, но так как это изометрическая сетка, то она превратилась в плоскость.

Для того, чтобы каждый отдельный квадрат на сетке, вписался в место, линии, соединяющиеся сверху и снизу, квадраты, должны быть точно такие же, как и линии. В изометрическом мире, есть два типа построения - "Тип А" и "Тип В"(см.ниже), которые используются в изометрическом строительстве.

В большинстве случаев, в изометрической сетке используется тип построения "B" для того, чтобы плитка и линии лежали ровно. Вы можете это увидеть, в приведенном ниже примере.

Правило построения линий

Глава 2. Правило изометрических линий

Все простые изометрические линии используют правило, из которого можно получить идеально четкую линию. Смотрим рисунок ниже, и понимаем, как работает это правило.

Построение заключается в том, что когда вы рисуете линию, состоящую из двух по ширине пикселей, мы поднимаем её на один пиксель вверх или вниз. Но так как, это изометрия, мы её рисуем под наклоном. Угол изометрии равен 30°, но если рисовать по этому углу, то линия искажается. Чтобы предотвратить это, все придерживаются этих цифр-26,565° Ниже вы можете увидеть линию под углом в 30°.

Для начала, все что нам потребуется, так это знать, как строить изометрическую линию. Эту простую основную вещь, должен попробовать, нарисовать каждый. Со времен, практикуясь и поглядывая на примеры, можно добиться, превосходных результатов. Ниже приведены примеры, различных вариантов изометрических линий. Также вы можете рисовать горизонтальные и вертикальные линии, тем самым нарушая выше сказанное правило, но только в том случаи, если такая линия хорошо вписывается в вашу работу.

Идеи и Анализирование

Глава 1. Идеи и анализирование.

Хороший способ начать любую изометрическую пиксельную работу, так это сделать предварительный наброски того, чего собираетесь рисовать. Записывайте любые идеи, которые вам приходят в голову, в течение дня, а после, как будете готовы создать новый  шедевр, выберите идею из своего списка. Это по-настоящему экономит время, чем если вы откроете Ms Paint и будете думать что же нарисовать. После того как вы выбрали нужную идею, следует её анализировать, прежде чем рисовать. С помощью поисковой системы, такой как Яндекс или Google, это можно выполнить. Например, давным, давно, у меня была идея, нарисовать различные миниатюрные римские деревни. У меня был в голове только один образ и не более. Я понятия не имел, какая структура таких зданий, какие цвета в них присутствуют и все прочие атрибуты. Я провел около 1-2 часов в интернете, пытаясь найти фотографии римских построек. В конце анализирования, когда я начал проектировать, все это мне очень помогло особенно, при добавлении оттенков в мою работу. Как или иначе, я так и не закончил работу над этой деревней, но я продолжаю использовать весь выше перечисленный процесс, по сей день.

Необходимые инструменты

Глава 1. Необходимые инструменты.

Это хорошо когда мы прошли некоторые скучные вещи и вполне можем подойти к тому, как нарисовать изометрический пиксель арт. Для начала нам потребуется небольшая программа, которая есть в большинстве версий Microsoft Windows. Название её MS Paint (Microsoft Paint). Помимо этой программы, можно использовать и другие такие как, Adobe Photoshop, Paint Shop Pro, Graphics Gale, Pixel Editor..список можно продолжать долго. Для новичка сойдет и обычный MS Paint. Следует учесть если ваша работа предназначена для просмотра  на веб – страницах, то желательно сохранять её в формате GIF или PNG. Растровый формат файла, например JPEG, испортит, и при этом же увеличит размер вашей работы. В процессе нашей работы, нам понадобиться ещё одна программа, Microsoft PaintBrush, которую можно будет найти, на просторах этого блога.

Базовые знания для изометрии

Глава 1. Базовые знания.

Чтобы приступить к изучению, что же такое изометрический пиксель арт и как его рисовать, нужно иметь представление о том, как работать с компьютером. Как работать с мышью, клавиатурой и тому подобное. Это может показаться глупым, если бы вы не умели пользоваться компьютером, то маловероятно, что вы бы сидели и читали этот блог, и именно этот пост, но всё же существуют люди, которые не знают,  как обращаться с техникой. Также нам не помещает базовые знания, какой нить графической программы, например, MS Paint. В этой же программе мы и будим рисовать большинство времени.

Введение в изометрию

Глава 1. Введение.

Изометрический пиксель арт, Isometric pixel art (IPA), является современным видом цифровой живописи, который был недавно утвержден, как новая форма искусства. Я уверен, что многие из нас, видели этот вид искусства, особенно в старых играх таких как «X-COM» или же «Ultima Online». Двухмерное представление трехмерного объекта является любимым и увлекательным делом для большинства людей. Скорее всего, это возможно лишь потому что, в изометрических работах есть много простых мелких деталей на которые дивно любоваться. 2D вид рисования очень простой и легче в освоении. Задача любой нарисованной работы,  чтобы она привлекала к себе хорошее внимание, и создавало положительное впечатление.

В изометрическом пиксельном искусстве изображения состоят из пикселей. Каждый пиксель имеет со всеми одинаковый размер но цвета у них могут отличаться. Конкретней, что такое пиксели, мы будем рассказывать в дальнейшем, когда коснемся инструментов, используемых для создания IPA. 

Изометрия в пиксель арт. Законы построения в изометрии.

Для начала создания изометрических шедевров, нам понадобиться любой графический растровый редактор. Ниже я предлагаю вам некоторые варианты.

Adobe Photoshop

Graphics Gale

Adobe ImageReady

Pixel Editor

Для новичков может сойти и просто Microsoft Paint. Ну в общем редакторов достаточно много и у вас проблем с этим не должно возникнуть. 

Что такое изометрия?

Изометрия-это представление объемного изображения на плоском экране, при котором размеры спроектированных деталей сохраняются по всем трём осям.

При рисовании изометрических объектов создается эффект трехмерности или грубо говоря 3D (без перспективных  искажений). В изометрии объекты не выглядят больше или меньше при приближении или удалении от наблюдателя. Обычные изометрические фигуры строятся под углом  30° к горизонтали, но в силу того что оси x и y не имеют аккуратной ровной линией используется другой угол 26.565°  к горизонтали. Образуется горизонтальная линия шириной в два пикселя и в высотой один пиксель при этом она не искажается при уменьшенном размере.

Виды построений в изометрии

Различается два основных способа построения объектов в изометрии.

Type A: Ближний угол рисуется двумя пикселями.

Type B: Ближний угол рисуется тремя пикселями.

Если вы собираетесь создавать отдельный объект не соединяя его не с чем то лучше использовать вариант «B»(если вы будете соединять то линии будут искажаться) и поэтому для соединений комбинации объектов используют вариант «A»

А какие линии то?

Эти линии довольно часто встречаются в пиксельной изометрии. С них и начинается построение.