Паки интерфейса

Charcoal Рамки карт

18 компонентов карт и уведомлений (рисунок от руки) для интерфейсов в режиме тёмный — дымчато-серый, акцент оранжевый уголёк. SVG и прозрачный PNG в 1x/2x/4x.

  • ui
  • svg
  • прозрачный png
  • карты
  • редкость
  • валюта
  • магазин
  • линия от руки
  • рисунок от руки
  • нарисовано от руки
  • тёмный интерфейс
  • хоррор
  • тайна
Лист с 18 компонентов карт и уведомлений (рисунок от руки) из семейства Charcoal, разложенными на шахматке прозрачности, с размерами в пикселях под каждым
превью 1600×1133прозрачность показана шахматкой

Об этом паке

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

Редкость почти всегда кодируют цветом границы, и это подводит дважды: он исчезает в градациях серого и спорит с графикой предмета, которая сама цветная. Этот набор кодирует редкость структурой.

Дрожь детерминирована, а не случайна: одна и та же коробка дрожит одинаково в каждой сборке, и именно это позволяет ей жить в системе контроля версий. Затенение — перекрёстная штриховка, потому что градиент под нарисованной линией читается как фильтр, а не как рука.

Внутри этого стиля перед вами прочтение Charcoal: интерфейс в режиме тёмный на палитре дымчато-серый с акцентами оранжевый уголёк, построенный вокруг рамки с одинарной границей, кнопок в форме вкладки в 160x52, полос с полым ядром, разделённых на 7 сегментов, и двухцветных иконок на сетке 24px. Именно эти размеры объясняют, почему два семейства могут делить художественный стиль и при этом не быть взаимозаменяемыми: стиль решает, как рисуется край, а числа решают, для чего интерфейс нужен.

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

Каждый спрайт поставляется как редактируемый SVG и как прозрачный PNG в 1x, 2x и 4x, так что PNG можно закинуть прямо в движок или открыть вектор и поменять цвет. Нарисовано в тех же размерах, что и остальное семейство Charcoal, а значит этот набор и набор панелей Charcoal совпадают без масштабирования любого из них. Хорошо подходит для тетрадных и книжно-иллюстрированных игр.

Загрузка

Прямая ссылка · без регистрации · без страницы ожидания
Скачать ZIP725 kB

Полный комплект — исходники SVG, экспорт PNG в 1x/2x/4x, лицензия и readme

Файлы, входящие в этот пак
ФайлФорматВесЗагрузка
Полный комплект — исходники SVG, экспорт PNG в 1x/2x/4x, лицензия и readmeZIP725 kB Получить →
Рамка карты предмета, обычная редкость, рисунок от руки, редактируемый SVGSVG3.3 kB Получить →

Как использовать

  1. Применяйте nine-slice к рамкам карт только по прямым краям; угловые уголки и полоса короны должны оставаться в фиксированных углах, иначе сигнал редкости растянется.
  2. Поместите иконку предмета в утопленную область, а название — на две полосы подписей ниже; рамка рассчитана на иконку в пропорции 1:1.
  3. Используйте значок как оверлей, закреплённый в правом верхнем углу кнопки инвентаря или меню, а число рисуйте своим шрифтом.

Лицензия

Creative Commons «С указанием авторства» 4.0 — Бесплатно для коммерческого использования. Указание авторства обязательно. Полные условия · Что это значит на практике

Строка упоминания для копирования
"Charcoal Рамки карт" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/charcoal-card-frames