Урок по пикселарту

Обучающий материал
Буквой A обозначен альтернативный дизеринг, который можно получить, используя шаблон в прямоугольнике.
Так же иногда его можно использовать как антиалиасинг, то есть сглаживание шириной в 1 пиксель.

Помимо классического дизеринга существуют еще и другие разновидности.

Примеры:

Пример стилизованного дизеринга: http://www.pixeljoint.com/pixelart/15015.htm
Тоже стилизованный: http://www.pixeljoint.com/pixelart/47767.htm
Классический дизеринг: http://www.pixeljoint.com/pixelart/25388.htm
Еще: http://www.pixeljoint.com/pixelart/59981.htm
Тоже хорошая картинка: http://www.pixeljoint.com/pixelart/68346.htm


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


3.Немного практических советов.
1)Допустим мы нарисовали лайнарт будущего спрайта.
2)Раскрасили. Выглядит не очень интересно.
3) - 4)Увеличим контраст цветов. Вроде получше.*
3.5)По желанию делаем дизеринг
5)Черная обводка плохо выглядит. Лучше взять самый темный цвет нашего спрайта и сделать обводку им.
5.5)А можно вообще ее убрать.
6)Добавляем антиалиасинга**
6.5)По желанию делаем рефлексы света
7)Делаем цвета поинтереснее***. 

*Накосячил с пунктами 3) - 4)
**Для игровых спрайтов на внешней стороне антиалиасинг не надо делать
***Для этого делаем цвета посерее(смещаем значения RGB к их среднему арифметическому). У тех цветов, которые светлее среднего, увеличиваем значение красного, то есть делаем их теплее, а которые темнее среднего - увеличиваем значение синего, тем самым, делая их холоднее. Картинка в тему: http://i992.photobucket.com/albums/af45/oooonek/Decorated%20images/color-edit.gif

Конец :)

23 комментария

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

"расческой" типа как тут: http://www.pixeljoint.com/pixelart/47561.htm ?

ручной АА очень даже используется

ну вот тут есть: http://www.pixeljoint.com/pixelart/31235.htm на лошади и на водопаде немного
естественно такой контраст, который на моей картинке, не сгладишь дизерингом по нормальному

Яблочко в шаге 5 приятнее, чем итоговое. «Лучшее — враг хорошего», или типа того.

возможно
в принципе третья часть не является планом "как сделать хорошую картинку", скорее просто как отдельные советы что можно сделать, чтобы было лучше

Это яблоко? Думал, что это вишня или черешня.

задумывалось как яблоко :)
я особо с ним не заморачивался, хотел побыстрее все нарисовать

http://gamin.me/blog/indie-fishki/7164#comment-45086

"Антиалясинг" режет глаза. Есть устоявшаяся транскрипция "антиалиасинг", не надо своих терминов придумывать.

исправил

Если ещё и картинки будешь выкладывать так, чтобы они не масштабировались, не заставляли себя кликать и не мылились, то цены твоему посту не будет. :)

без клика не получится, изображения большеватые
завтра сделаю, чтобы не мыльными были превьюшки

Все изображения кроме яблока умещаются без масштабирования (некоторые просто перекомпоновать нужно). А с яблоком можно и поменьше сделать, не убудет.

сделал картинки большими
яблоко сделал с нормальным превью

Я-то думаю, чо яблоко такое кошмарное. А оно размылено!

Хорошая статья. Небольшая и ёмкая. Так сказать, без лишних прелюдий.

Спасибо за статью, теперь буду знать, что означают эти сложные слова))

очень хотелось бы пообщаться с человеком, который зарабатывает что-то пикселартом, оставьте координаты, счастливчики.
сам всё бросил, почти 2 года назад, есть опыт небольшой

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

Заработок пиксель-артом? Хах, а команды по созданию игр, а девиант, работы с которого отрывают с руками?

Написать комментарий