Yuryol

Тайлы для игры

Оценить эту запись
4) Для тайлов пола в первую очередь определяемся с цветами. Нам нужны:
- основной цвет
- тень основного цвета
- блик
- цвет для контура плитки пола
- тень контура

Легче всего подбирать варианты цвета при помощи цветовой шкалы HSV (тон, насыщенность, яркость). Сам цвет мы сначала подберем в цветовом круге чисто на свой вкус. Я хочу чуть зеленоватый пол для мистичности и ядовитости

[img]http://ipic.su/img/img7/fs/9.1534888735.png[/img]

Тон (шкала H) мы больше не трогаем. А вот насыщенность лучше подкрутить. Для пола лучше всего выкрутить ее вниз, чтобы не резало глаза.

[img]http://ipic.su/img/img7/fs/11.1534888755.png[/img]

Так как мы стеснены временем можем вообще насыщенность больше не трогать и остальные цвета подберем тупо шкалой яркости.
- тень (на картинке она под цифрой 2, ао сновной цвет под цифрой 1) сделаем менее яркой основного цвета на 4
- контур цифра 3) на 4 темнее тени
- тень контура (цифра 4) еще на пять темнее самого контура. Плюс я еще не выдержал и изменил тон с зеленого до фиолетового
- блик (цифра 5) сделаем ярче основного цвета на 6 и изменим тон для контраста.

[img]http://ipic.su/img/img7/fs/8.1534888710.png[/img]

Ну и наконец рисуем сам пол - заливаем холст основным цветом а цветом для контура от балды рисуем плитки пола

[URL="http://ipic.su/img/img7/fs/12.1534888772.png"]http://ipic.su/img/img7/fs/12.1534888772.png[/URL]

Тенью рисуем "выбоины" в центре плитки пола

[img]http://ipic.su/img/img7/fs/13.1534888785.png[/img]

Ставим блики в левых-нижних углах каждой плитки

[URL="http://ipic.su/img/img7/fs/14.1534888800.png"]http://ipic.su/img/img7/fs/14.1534888800.png[/URL]

В месте стыковок плит ставим тени контуров

[URL="http://ipic.su/img/img7/fs/15.1534888814.png"]http://ipic.su/img/img7/fs/15.1534888814.png[/URL]

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

[URL="http://ipic.su/img/img7/fs/16.1534888828.png"]http://ipic.su/img/img7/fs/16.1534888828.png[/URL]

Пол готов! Не сказать, что круто, но и не совсем плохо

[img]http://ipic.su/img/img7/fs/17.1534888844.png[/img]

4) Подобным способом находим палитру и для стен. Единственное отличие - так как стены мы хотим сделать более объемным нежели пол, то кроме смены яркость мы также активно меняем тон. Начиная с основного фиолетового цвета мы постепенно приходим к красному а потому и к оранжевому.

[img]http://ipic.su/img/img7/fs/18.1534888929.png[/img]

Кирпичи у нас более узкие но более объемные. Поэтому контуры рисуем сразу тремя темными цветами, ближе к низу делая вертикальные линии толстенными

[img]http://ipic.su/img/img7/fs/19.1534888859.png[/img]

А затем делаем их еще более жирными и при этом добавляем слева снизу много теней, с справа сверху блики. Главное здесь не стараться, а просто лепить наугад

[URL="http://ipic.su/img/img7/fs/20.1534888872.png"]http://ipic.su/img/img7/fs/20.1534888872.png[/URL]

По краям добавляем жирные контуры для объема

[URL="http://ipic.su/img/img7/fs/21.1534888947.png"]http://ipic.su/img/img7/fs/21.1534888947.png[/URL]

А снизу добавляем подобие "плинтусов" - светлые горизонтальные линии и темнота под ними.

[img]http://ipic.su/img/img7/fs/22.1534888961.png[/img]

Итого у нас вышла такая стенка.

[img]http://ipic.su/img/img7/fs/23.1534888975.png[/img]

А вот всё вместе с пока халтурным водоемом и проходом.

[img]http://ipic.su/img/img7/fs/25.1534891781.png[/img]

Итого ушло около полтора часов. Надеюсь, следующая локация и враги с боссом будут пилиться еще быстрее

[url=http://ipic.su/img/img7/fs/RiRRRiRiRiRi.1534888108.gif]гифка[/url]

Отправить "Тайлы для игры" в Digg Отправить "Тайлы для игры" в del.icio.us Отправить "Тайлы для игры" в StumbleUpon Отправить "Тайлы для игры" в Google Отправить "Тайлы для игры" в VKontakte Отправить "Тайлы для игры" в Facebook

Обновлено 14.10.2018 в 02:09 Yuryol

Метки: Нет Добавить / редактировать метки
Категории
Без категории

Комментарии

  1. Аватар для ZoWW
    Если интересно... Всю работу с подборкой палитры очень удобно делать в программе ColorImpact. Программа не только облегчает работу, но и, как ни удивительно, может помочь с выбором оттенков, подходящих к выбранному основному цвету так, чтобы это не резало глаз. Программка стоит $40? но она того стоит, если с подобной работой приходится иметь дело очень часто.
  2. Аватар для Kuixian
    Очень круто. особенно стены вызывают восхищение *_*
  3. Аватар для Yuryol
    Цитата Сообщение от ZoWW
    Если интересно... Всю работу с подборкой палитры очень удобно делать в программе ColorImpact. Программа не только облегчает работу, но и, как ни удивительно, может помочь с выбором оттенков, подходящих к выбранному основному цвету так, чтобы это не резало глаз. Программка стоит $40? но она того стоит, если с подобной работой приходится иметь дело очень часто.
    Интересно, спасибо.
    Правда хотелось бы сначала самому изучить тему цвета как своими попытками, так и теорией, а потому наверное нескоро до нее доберусь

    Очень круто. особенно стены вызывают восхищение *_*
    Спасибо! старалсо, хоть и торопилсо
  4. Аватар для Imaginatium
    Все классно и на уровне))))