Packs de interface

Nightcity Molduras de carta

18 componentes de cartas e notificações (cyberpunk) para interfaces em modo escuro — azul meia-noite, acento magenta intenso. SVG e PNG transparente em 1x/2x/4x.

  • ui
  • svg
  • png transparente
  • cartas
  • raridade
  • moeda
  • loja
  • cyberpunk
  • cyberpunk
  • cyberpunk
  • ficção científica
  • neon
  • hud
Folha com 18 componentes de cartas e notificações (cyberpunk) da família Nightcity, dispostos sobre um xadrez de transparência com suas medidas em pixels escritas embaixo
prévia 1600×1133a transparência aparece como xadrez

Sobre este pack

Nightcity Molduras de carta é um conjunto de 18 componentes de cartas e notificações desenhados no estilo cyberpunk, em que cada moldura tem seu próprio contorno assimétrico — um entalhe num canto, um trilho ao longo de uma borda. Contém quatro molduras de carta por raridade, um verso de carta e um espaço vazio, uma moldura de carta em paisagem, três contadores de moeda, uma etiqueta de preço comum e uma de promoção, uma placa de recompensa e um contador de baralho, um distintivo de aviso e três faixas de notificação.

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.

A silhueta é composta e não escalada: cada um dos quatro cantos e cada uma das quatro bordas recebe o próprio tratamento, então não há duas molduras do conjunto que compartilhem contorno. O brilho de neon é uma pilha de traços em opacidade decrescente, não um filtro de desfoque — alguns rasterizadores SVG aplicam filtros de outro jeito e transformam o halo numa mancha em 4x.

Dentro desse estilo, esta é a leitura Nightcity: uma interface em modo escuro sobre uma paleta azul meia-noite com acentos magenta intenso, construída em torno de uma moldura de borda única, botões chanfrados de 176x44, barras de núcleo oco divididas em 16 segmentos e ícones em duas cores numa grade de 32px. 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.

O verso da carta não traz nenhuma marca de raridade, e isso é proposital: se uma carta virada para baixo revela sua raridade é uma regra do seu jogo, não uma que este kit deva presumir. A moldura em paisagem é um arquivo separado e não a vertical girada, porque girá-la levaria os cantos marcados para as bordas erradas. Cada nível acrescenta um traço contável

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 Nightcity, o que significa que este kit e o kit de painéis Nightcity se alinham sem que nenhum dos dois seja redimensionado. Combina bem com interfaces cyberpunk, de ficção científica e de futuro próximo.

Download

Link direto · sem cadastro · sem página de espera
Baixar ZIP194 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 readmeZIP194 kB Obter →
Moldura de carta de item, raridade comum, cyberpunk, SVG editávelSVG3.0 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
"Nightcity Molduras de carta" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/nightcity-card-frames