Texturas

Byte Texturas sem emendas

20 texturas de superfície repetíveis (pixel art) para interfaces em modo claro — osso frio, acento azul-petróleo de sinal. SVG e PNG transparente em 1x/2x/4x.

  • ui
  • svg
  • png transparente
  • textura
  • sem emendas
  • ladrilhamento
  • material
  • pixel
  • pixel art
  • pixel art
  • interface clara
  • quebra-cabeça
  • gerenciamento
Folha com 20 texturas de superfície repetíveis (pixel art) da família Byte, dispostos sobre um xadrez de transparência com suas medidas em pixels escritas embaixo
prévia 1600×3907a transparência aparece como xadrez

Sobre este pack

Byte Texturas sem emendas é um conjunto de 20 texturas de superfície repetíveis desenhados no estilo pixel art, em que cada canto é uma escada de pixels inteiros e nada tem antialiasing. Contém superfícies de tijolo, pedra e ladrilho, madeira, tecido e metal, terra, grama e reboco e um mapa de altura correspondente para cada superfície.

Estas são superfícies desenhadas em vetor, não digitalizações PBR fotográficas, e vale dizer isso com clareza: elas não passarão por um material fotorrealista sob uma câmera física. Servem para trabalho estilizado, fundos 2D, preenchimentos de interface e tudo que precise continuar legível ao ser escalado ou recolorido — casos em que uma digitalização fotográfica é a ferramenta errada de qualquer jeito.

O contorno avança em degraus de 4px e o sombreamento é um dithering de Bayer em vez de um degradê, então o conjunto sobrevive a uma escala por fator inteiro — o único jeito de escalar pixel art sem virar mingau.

Dentro desse estilo, esta é a leitura Byte: uma interface em modo claro sobre uma paleta osso frio com acentos azul-petróleo de sinal, construída em torno de uma moldura de borda única, botões em cápsula totalmente arredondados de 112x36, barras em faixas divididas em 10 segmentos e ícones com contorno numa grade de 24px. São essas medidas que explicam por que duas famílias podem compartilhar um estilo artístico sem serem intercambiáveis: o estilo decide como se traça uma borda, os números decidem para que serve a interface.

Todo motivo que cruza uma borda é redesenhado na borda oposta, que é toda a dificuldade de uma textura repetível e o que é fácil errar sem perceber. Cada superfície vem com um mapa de altura em escala de cinza, para que um shader possa derivar um mapa de normais na intensidade que a cena pedir, em vez de assar uma intensidade que não serve para nada.

Cada sprite vem como SVG editável e como PNG transparente em 1x, 2x e 4x, então você pode jogar os PNGs direto num motor ou abrir o vetor e mudar uma cor. Desenhado com as mesmas medidas do resto da família Byte, o que significa que este kit e o kit de painéis Byte se alinham sem que nenhum dos dois seja redimensionado. Combina bem com jogos em pixel art.

Download

Link direto · sem cadastro · sem página de espera
Baixar ZIP308 kB

Conjunto completo — fontes SVG, exportações PNG em 1x/2x/4x, licença e readme

Arquivos inclusos neste pack
ArquivoFormatoPesoDownload
Conjunto completo — fontes SVG, exportações PNG em 1x/2x/4x, licença e readmeZIP308 kB Obter →
Muro de tijolos, ladrilho sem emendas, pixel art, SVG editávelSVG56 kB Obter →

Como usar

  1. Configure o material para repetir nos dois eixos no tamanho de origem; o ladrilho foi feito quadrado, então o que introduz uma emenda é uma escala não uniforme, não o desenho.
  2. Passe o arquivo -height por um nó normal-from-height em vez de usá-lo direto como mapa de normais — é uma elevação em escala de cinza, não uma normal RGB.
  3. Se precisar de uma variante, recolora com uma tinta em vez de editar o SVG; os tons foram escolhidos para sobreviver a um deslocamento de matiz sem que a argamassa ou o granulado sumam.

Licença

Creative Commons Atribuição 4.0 — Grátis para uso comercial. Atribuição obrigatória. Termos completos · O que isso significa na prática

Linha de crédito para copiar
"Byte Texturas sem emendas" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/3d/textures/byte-textures