Emblemi

Emblemi Byte

26 stemmi, insegne e gradi (pixel art) per interfacce in modalità chiaro — osso freddo, accento petrolio di segnale. SVG e PNG trasparente a 1x/2x/4x.

  • ui
  • svg
  • png trasparente
  • emblema
  • stemma
  • insegna
  • fazione
  • gilda
  • logo
  • pixel
  • pixel art
  • pixel art
  • interfaccia chiara
  • puzzle
  • gestionale
Foglio con 26 stemmi, insegne e gradi (pixel art) della famiglia Byte, disposti su una scacchiera di trasparenza con le misure in pixel scritte sotto
anteprima 1600×4179la trasparenza è mostrata a scacchiera

Su questo pack

Emblemi Byte è un set di 26 stemmi, insegne e gradi disegnati nello stile pixel art, dove ogni angolo è una scala di pixel interi e nulla è antialiasato. Contiene sette supporti araldici, una targa nominativa, una spilla, una corona aperta e una chiusa, due supporti alati, un sigillo astratto, una fascia di servizio, cinque gradi contabili, tre gradi a stella, due medaglie e un nastro di servizio.

Un emblema di fazione deve appartenere al gioco in cui sta, ed è esattamente ciò che un emblema finito non può fare: metti una testa di lupo su uno stemma di gilda e lo stemma appartiene a quel disegnatore invece che al giocatore. Per questo la maggior parte del set è un supporto e non un simbolo finito — scudo, sigillo, losanga, stendardo e supporto alato arrivano con un campo vuoto dimensionato per un'icona che hai già.

Il contorno avanza a scatti di 4px e l'ombreggiatura è un dithering di Bayer invece di una sfumatura, quindi il set sopravvive a una scalatura per fattore intero — l'unico modo in cui il pixel art può essere scalato senza ridursi in poltiglia.

Dentro quello stile, questa è la lettura Byte: un'interfaccia in modalità chiaro su una palette osso freddo con accenti petrolio di segnale, costruita attorno a una cornice a bordo singolo, pulsanti a pillola completamente arrotondati da 112x36, barre a fasce divise in 10 segmenti e icone con contorno su una griglia da 24px. Sono quelle misure a spiegare perché due famiglie possono condividere uno stile artistico senza essere intercambiabili: lo stile decide come si traccia un bordo, i numeri decidono a cosa serve l'interfaccia.

I sette supporti sono uno scudo, un sigillo rotondo, una losanga, un esagono, un arco, uno stendardo appeso e un guidone: abbastanza perché due fazioni nella stessa griglia non debbano condividere una sagoma. Il grado si conta invece di colorarsi: da uno a cinque gradi, più una serie di stelle separata, così il livello sopravvive a uno screenshot in scala di grigi e non entra in conflitto con il colore della fazione con cui l’emblema è tinto. In tutto il set non è disegnata alcuna lettera: incorporare un font è un problema di licenza e un’iniziale cotta nell’immagine è sbagliata per ogni studio tranne uno, quindi i supporti danno la cornice e il tuo motore stampa il simbolo. La corona arriva aperta e chiusa: il vuoto è ciò che fa leggere l’aperta come corona in miniatura, e la chiusa è l’anello che serve a un sigillo.

Ogni sprite arriva come SVG modificabile e come PNG trasparente a 1x, 2x e 4x, così puoi buttare i PNG dritti in un motore oppure aprire il vettoriale e cambiare un colore. Disegnato con le stesse misure del resto della famiglia Byte, il che significa che questo kit e il kit di pannelli Byte si allineano senza che nessuno dei due venga ridimensionato. Si adatta bene a giochi in pixel art.

Download

Link diretto · senza registrazione · senza pagina d'attesa
Scarica ZIP107 kB

Set completo — sorgenti SVG, esportazioni PNG a 1x/2x/4x, licenza e readme

File inclusi in questo pack
FileFormatoPesoDownload
Set completo — sorgenti SVG, esportazioni PNG a 1x/2x/4x, licenza e readmeZIP107 kB Ottieni →
Stemma a scudo, pixel art, SVG modificabileSVG476 B Ottieni →

Come si usa

  1. Inserisci la tua icona nel campo vuoto di un supporto a circa il 60 % della larghezza del campo; i campi sono disegnati con quel margine perché il simbolo non tocchi il bordo interno.
  2. Tinta un intero emblema cambiando i due valori del corpo nell'SVG invece dell'accento: l'accento porta il bordo del campo e i gradi, e appiattirlo cancella il segnale strutturale del livello.
  3. Usa i gradi per numero e non per colore: da uno a cinque gradi per il livello, o da una a tre stelle se serve una seconda serie. Gli sprite dei gradi crescono in altezza con il livello perché lo spessore della banda resti costante: ancorali al bordo superiore e la pila cresce verso il basso.
  4. Per un selettore di fazione, il sigillo rotondo e la losanga condividono lo stesso ingombro, così due fazioni possono usare supporti diversi nella stessa cella senza alcun layout dedicato.

Licenza

Creative Commons Attribuzione 4.0 — Gratis per uso commerciale. Attribuzione obbligatoria. Termini completi · Cosa significa in pratica

Riga di credito da copiare
"Emblemi Byte" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/emblems/byte-emblems