Packs de interface

Byte Molduras de carta

11 componentes de cartas e notificações (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
  • cartas
  • raridade
  • moeda
  • loja
  • pixel
  • pixel art
  • pixel art
  • interface clara
  • quebra-cabeça
  • gerenciamento
Folha com 11 componentes de cartas e notificações (pixel art) da família Byte, dispostos sobre um xadrez de transparência com suas medidas em pixels escritas embaixo
prévia 1600×728a transparência aparece como xadrez

Sobre este pack

Byte Molduras de carta é um conjunto de 11 componentes de cartas e notificações desenhados no estilo pixel art, em que cada canto é uma escada de pixels inteiros e nada tem antialiasing. Contém quatro molduras de carta por raridade, três contadores de moeda, um selo de notificação e três banners flutuantes.

A raridade quase sempre é codificada como cor de borda, e isso falha duas vezes: some em escala de cinza e compete com a arte do item, que já é colorida. Este conjunto codifica a raridade como estrutura.

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.

Cada nível acrescenta um traço contável — a comum não tem nenhum, a rara acrescenta duas cantoneiras, a épica uma linha interna e quatro cantoneiras, a lendária uma faixa com coroa. Você os distingue em miniatura, numa captura e com a cor removida. Os banners flutuantes limitam a cor a uma faixa de borda de 6px, para que o texto da mensagem fique no mesmo contraste nos três tons.

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 ZIP43 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 readmeZIP43 kB Obter →
Moldura de carta de item, raridade comum, pixel art, SVG editávelSVG2.6 kB Obter →

Como usar

  1. Aplique nine-slice às molduras de carta só nas bordas retas; as cantoneiras e a faixa da coroa precisam ficar nos cantos fixos, ou o sinal de raridade estica.
  2. Coloque o ícone do item na área rebaixada e o nome nas duas faixas de rótulo abaixo — a moldura está dimensionada para um ícone na proporção 1:1.
  3. Use o selo como sobreposição ancorada no canto superior direito de um botão de inventário ou de menu, e desenhe o número com sua própria fonte.

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 Molduras de carta" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/byte-card-frames