Текстуры

Byte Бесшовные текстуры

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

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

Об этом паке

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

Это векторно нарисованные поверхности, а не фотографические PBR-сканы, и об этом стоит сказать прямо: они не сойдут за фотореалистичный материал под физической камерой. Они хороши для стилизованной работы, фонов 2D, заливок интерфейса и всего, что должно оставаться читаемым при масштабировании или перекраске, — то есть для случаев, где фотоскан всё равно неподходящий инструмент.

Контур шагает единицами по 4px, а затенение — дизеринг Байера вместо градиента, поэтому набор переживает масштабирование целым множителем — единственный способ масштабировать пиксель-арт, не превратив его в кашу.

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

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

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

Загрузка

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

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

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

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

  1. Настройте материал на повтор по обеим осям в исходном размере; плитка нарисована квадратной, поэтому шов вносит неравномерный масштаб, а не рисунок.
  2. Пропустите файл -height через узел normal-from-height вместо использования его напрямую как карты нормалей — это высота в градациях серого, а не RGB-нормаль.
  3. Если нужен вариант, перекрашивайте тоном, а не правкой SVG; оттенки подобраны так, чтобы пережить сдвиг тона без исчезновения шва или зерна.

Лицензия

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

Строка упоминания для копирования
"Byte Бесшовные текстуры" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/3d/textures/byte-textures