Как пользоваться инструментом «Просмотр референсов»
- Перетащите одно или несколько изображений. Каждое откроется в своей вкладке.
- Прокручивайте колесо или сводите пальцы, чтобы масштабировать под курсором, и перетаскивайте, чтобы двигать вид. «Вписать» и 1:1 — в один клик.
- Наведите курсор, чтобы увидеть hex, RGB и HSV под ним. Кликните, чтобы добавить цвет в собранную палитру.
- Оттенки серого помогают проверить тона, а отражение — пропорции.
- Извлеките 8, 16 или 32 доминирующих цвета, затем скопируйте палитру или экспортируйте её в .gpl или .hex.
Что вы получаете
- Собранная палитра в виде списка hex, .gpl или .hex
- Доминирующие цвета всего изображения
Советы из практики геймдева
- Вид в оттенках серого показывает, читается ли спрайт только по тону. Если формы сливаются, меняйте светлоту, а не оттенок.
- Отражение референса (и своего рисунка) — старейший приём, чтобы заметить кривые пропорции.
- Возьмите цвета из освещённой и затенённой части одного материала, чтобы увидеть, как автор оригинала сдвигал оттенок.
- Изображения хранятся только в памяти этой вкладки. При закрытии страницы они удаляются.
Сценарии использования
- Попиксельно изучать спрайты из любимых игр
- Брать цвета из концепт-арта во время рисования
- Проверять тона своих спрайтов в оттенках серого
- Собирать палитру из мудборда
Вопросы и ответы
Можно ли открыть несколько референсов?
Да. Перетащите сразу несколько файлов или добавьте их позже — каждый откроется во вкладке.
Насколько можно приблизить?
От 10% до 64×. Начиная с 6× можно включить пиксельную сетку.
Как взять цвет, не сдвигая вид?
Клик без перетаскивания берёт цвет. Перетаскивание двигает вид.
Откуда берутся извлечённые цвета?
Из перцептивной кластеризации k-means по всем пикселям изображения, с сортировкой от тёмных к светлым. Кликните по образцу, чтобы добавить его в собранную палитру.
Загружаются ли мои референсы на сервер?
Нет. Изображения открываются локально в вашем браузере и никуда не отправляются.