XGM pixelated: Глава Вторая, проще некуда!

АА или сглаживание

Как бы там ни было с ламповостью пикселей, но все же самое важное - получить в итоге приятную картинку. Никому не понравится готовый рисунок, четко выполненный по всем канонам и правилам тгу-пиксель-агта, но выглядящий, как кусок вялого кала. Потому придумали АА или сглаживание, поверьте, дофига полезная штука!
Что же это такое... Уйдя в астрал и философию, можно догадаться, что это про смягчение угловатостей.
Как это примерно осуществляется.
А теперь в цвете.
В сложных палитрах.
Суть в том, что мы, если проще, смешиваем два "конфликтующих" цвета, после чего, аккуратно наносим его на стыке, любым способом, только, чтобы это выглядело достойно, ???, профит.
И да, это также важно не только делать на границах спрайта и фона, но и во время шейдинга, колоринга. Попозже поговорим о конфликтах дизера и АА.

Палитра

"Ну да, я уже знаю, че это" - скажете вы. Однако нет, к сожалению, все намного сложней, чем кажется. Конечно, можно сделать говнопалитру, но эффекта творение не произведет. Что отличает новичка от полного днища - так это палитра. Со временем у вас будет складываться некая "копилка" цветов и палитр, самых ламповых и милых.
Задумаемся, для чего нужна палитра. Для колоринга с учетом тени, света и прочих деталей. Ну так вот, раз мы затронули свет и тень, то тогда придется заглянуть в живопись.
» Свет и тень
Свет
Это такой участок поверхности, на который падает свет. Неожиданно! Однако не стоит путать с бликом, т.к. на них обоих падает свет, но блик всегда светлей, чем свет.
Тень
Черт возьми, неужели это та часть тела, которая не освещена?
Полутень
Собственно переход от света к тени, плавность зависит от формы/фактуры.
Рефлект ((Рефлекс) я хз, меня учили говорить рефлект)
Освещенная часть затемненной поверхности окружением. Т.е. если у нас есть шар, освещенный сверху, а он лежит на белого цвета поверхности, то у самого низа затемненной видимой нами части будет немного осветленная часть.
Блик
Наиболее яркий участок поверхности. Наносится только на те типы поверхности, который могут бликовать (металлы, кристаллические материалы т.е. стекло или лед итп)
А теперь распределим яркость по убыванию:
Блик > свет > полутень > рефлект > тень
» Холодно и тепло
В общем так вышло, что все цвета разосрались на 2 части: теплые и холодные.
Теплые:
красный, желтый, оранжевый
Холодные:
синий, фиолетовый, зеленый
Ну и да, не стоит забывать про сопутствующие оттенки, которых более девяти тысяч.
» Относительность в цвете
Таки все складывается совсем непросто. Среди холодных цветов можно выделить те, что будут теплее, это можно установить по близости к группе основных теплых цветов. Примерное представление вам может дать картиночка. Представлено 3 цвета: полночно-синий, кирпичный и тициановый.
Тициановый цвет теплей кирпичного, теплей полночно-синего.
Кирпичный теплей полночно-синего, но холодней тицианового. Вот так вот.
» Освещение
Здесь уже реально сложно. Если вы собрались рисовать пейзажик или бэкграунд, то придется выбирать.
Всегда, когда вы рисуете, придется определяться с тем, что у вас будет теплым, а что холодным. Т.е. либо тень теплая и свет холодный, либо тень холодная, а свет теплый.
Зачастую дневное освещение холодное, тень теплая. Реже наоборот. Но вообще это зависит от самой композиции. Свет от источников освещение (лампы, свечи, фонари) всегда теплый.
Но в пиксель-арте все будет попроще. Достаточно в палитре лишь обозначать все тени холодными, а свет теплым.
Возможно, у вас уже взорвался мозг, но это не беда. Перейдем к тому, какие же палитры по идее должны получиться.
Важно:
  1. Делать палитры пересекающимися, т.е. линейка красных цветов пересекается в линейке оранжевых итд
  1. Советую делать темные цвета холодными, светлые - теплыми, так будет проще.
  1. Темные цвета стремятся к темно-синим оттенкам, светлые - ярко-желтым.
На примере, как вы видите, есть палитра из двух цветов. Вот так вот делать не надо, накажут, обосрут и затроллят (очень опасно).

Вы молодец

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

Просмотров: 3 955

» Лучшие комментарии


Барин #1 - 7 лет назад -4
Опасно.
Diaboliko #2 - 7 лет назад 0
Не догнал в каком порядке перечислены цвета
Представлено 3 цвета: кирпичный, тициановый и полночно-синий.
Но это фигня по сравнению с непониманием значения "теплого" цвета.
Jaffa #3 - 7 лет назад -2
слишком мутно уж написано.. первая и вторая части на троечку с минусом.
Андреич #4 - 7 лет назад 3
Также не стесняйтесь постить в комментариях свой пиксельный опыт относительно этой статьи, услышите в ответ критику и троллинг.
FlameSword #5 - 7 лет назад 1
Андреич #6 - 7 лет назад 1
FlameSword, узнаваем..)
пресак как-нибудь почётче бы выделить..)
Deviance #7 - 6 лет назад 0
FlameSword, палитра очень широкая, попробуй ее сузить. Не хватает контрастов. Штаны на свету слишком бледные. Старайся избегать нейтральных цветов на свету.
retrospider #8 - 6 лет назад 0
FlameSword, конечно лучше, чем я) лишний раз убеждаюсь, что все мои жалкие потуги в области пикселей полный кал)
Статья кстати отличная. Я как всегда в восторге
retrospider #9 - 6 лет назад (отредактировано ) 2
На черном фоне плохо видна птичка
прикреплены файлы
SomeFire #10 - 6 лет назад 0
Вот что сваял первым делом.
Потом решил несколько увеличить разрешение картинки.
Что делать с лицом и одеждой? Как их детализировать?
прикреплены файлы
retrospider #11 - 6 лет назад (отредактировано ) 0
прикреплены файлы
Fakov #12 - 6 лет назад (отредактировано ) 0
как мог старался
xgm.ru/files/545/82760/comments/188021/inter1.png
xgm.ru/files/545/82760/comments/188021/Heroe.png
xgm.ru/files/545/82760/comments/188021/full_train2.png
xgm.ru/files/545/82760/comments/188021/trainYardPlat.png
просто космический факап. okayface.
прикреплены файлы