iso castle by fool: Покадровое рисование изометрического замка.

Раскадровка процесса рисования
Давно нашел на харде очень годную вещь: gif с покадровой отрисовкой, пожалуй одного из самых известных пиксельных шедевров, изометрического замка от тов. Fool-а aka Юрия Гусева.

Оказалось, на сайте автора эта картинка также сохранилась: http://www.foolstown.com/wip/isowip.gif
Советую в любом GIF-редакторе разобрать это на кадры, можно найти очень мого отличных деталей. Сюда не стал выкладывать, получилось около 50-ти кадров.

Pixel Circle

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

В этом наборе кистей вы найдете окружности, отрисованяе одно-пиксельной линией и диаметром от 1 до 16-ти пикселей.
Плюс к этому: несколько кистей для окружностей с антиальясингом. (Их линии в нектоорых местах толщиной в два пикселя, как взять цвета и сделать анти-альясинг, догадайтесь сами.)


Ну и картинка поглазеть:

how to draw rocks tutorial

Как рисовать камни. Туториал.

Из небольшого making-of решил собрать туториал в картинках, по рисованию камней.
Не пиксель-арт.
Делался бекграунд для текущего проекта под Stencyl, о чем как нибудь расскажу подробнее.

Dithering

Туториал по дизерингу

  — Дизеринг (Dithering) (англ. dither от староанглийского didderen — дрожать.
В компьютерной графике дизеринг используется для создания иллюзии глубины цвета для изображений с относительно небольшим количеством цветов в палитре. (Материал из свободной википедии)

Итак, если сказать своими словами: дизеринг дает псевдо-цвет, за счет чередующихся пикселей двух реальных цветов. Допустим у нас есть черно-белый монитор и ,соответственно, только два цвета   —  черный и белый. Чтобы получить иллюзию серого, разместим пиксели черного и белого в шахматном порядке.

Готово! Вы великолепны.

Зачем это было нужно?
Вспомним Gameboy, с его 4-мя оттенками серого или NES с его 54-мя цветами. С такими суровыми ограничениями, дизеринг был очень хорошим приемом.

На кой это нужно сейчас?
Для приадния олдскульного шарма и трушности в пиксель-арте.
Дизеринг   — ,это как минимум,хороший тон. Если игнорировать данный прием, ваш арт будет смотреться незавершенным. (К слову, стоит добавить что дизеринг в пиксель-арте далеко не везде обоснован, и часто заменятся отрисовкой фактуры материала или просто игнорируется)

Вот культовая вещь. Здесь просто дофига дизеринга и всего Два цвета.

Как сделать также круто:

Pixel art color palette. Part2

Часть1 находится здесь

Вторая часть сугубо материальной статьи о цветовых палитрах в пиксель-арте. Сегодня речь пойдет о далеких временах, золотом веке консолей, местами напоминающий век каменный.
Суть статьи   —  если кому приспичит делать пикесель-арт аутентично, используя настоящие цвета определенной игровой консоли или старого компьютера, то эти цвета есть в таблице поста.
Плюс к этому небольшое описание цветовых палитр консолей, их ограничений и особенностей.

3-bit RGB

Стандарт Телетекста с 1976-го года. Прямолинейно и беспощадно - только три бита на определение цвета в пространстве RGB
[Красный (есть/нет)]+[Зеленый (есть/нет)]+[Синий (есть/нет)]
Легко подсчитать, что из сочетаний красного синего и зеленого по типу есть/нет, выйдет всего восемь цветов.
Также, эта цветовая палитра использовалась на TRS-80 Color Computer,Oric и BBC Micro.

4-bit RGBi ZX Spectrum

Восемь цветов было слишком уныло, так что добавив еще один бит к трехбитовой RGB-палитре и поместив в него информацию об интенсивности цвета, получили "16"-ти цветовую палитру (на самом деле 15-ти цветовую, у каждого из 8-ми стандартных цветов был свой темный оттенок со срезанной на половину интенсивностью цвета, однако у черного цвета, понятно, второй оттенок был тоже черный)
Эта модель использовалась в ZX Spectrum, а также на TI 99/4A, Commodore 128 и в IBM-овском видеочипе Color Graphics Adapter.

Thomson computers

На ранних моделях этого популярного во франции компьютера была 16-ти цветовая палитра, где к стандартным трех-битовым восьми цветам, добавлялся бит Saturation.

Pixel art color palette. Part1

С новым годом, пиксель-артисты.
У меня для вас приготовлен подарок.

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

пиксельная палитра объектов для игр

Очень полезно завести такой личный файлик, каждому, стремящемуся к уникальному узнаваемому стилю.
К тому же, это облегчает работу.

На днях опубликую и вторую часть, пока праздники и я решил отдохнуть от пиксель-арта  —   доделываю подборку трушных old-school палитр консолей. NES Atari etc.
Продолжение здесь