Pack d'interfaccia
Carbon Indicatori dei tasti
16 sprite di indicatori dei tasti (realistico) per interfacce in modalità scuro — quasi nero, accento ambra d'avviso. SVG e PNG trasparente a 1x/2x/4x.

Su questo pack
Carbon Indicatori dei tasti è un set di 16 sprite di indicatori dei tasti disegnati nello stile realistico, dove una sfumatura speculare a cinque passaggi percorre una faccia di metallo spazzolato con rivetti agli angoli. Contiene tasti quadrati, larghi e premuti, quattro tasti freccia, quattro pulsanti frontali del gamepad, un dorsale e un grilletto e tre indicatori dei pulsanti del mouse.
Un gioco che supporta sia tastiera sia gamepad deve mostrarli entrambi, a dimensioni coordinate, nella stessa frase — e quasi nessuno pubblica quella grafica, così finisce disegnata a mano a fine progetto, quando non c'è più tempo.
La texture del pennello è un motivo di linee da 3px e non rumore vero: il rumore triplica il peso del PNG per una texture che nessuno vede a 1x. L'ombra è a strati invece che sfocata, così regge a 4x.
Dentro quello stile, questa è la lettura Carbon: un'interfaccia in modalità scuro su una palette quasi nero con accenti ambra d'avviso, costruita attorno a quattro squadrette agli angoli al posto di un bordo chiuso, pulsanti smussati da 152x44, barre a nucleo cavo divise in 14 segmenti e icone in bicromia su una griglia da 32px. 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.
In questo set non è disegnata nemmeno una lettera. Incorporare un font significa incorporarne la licenza, e una "E" cotta nell'immagine è sbagliata in ogni schema di comandi rimappato e in ogni lingua; qui ci sono le forme, e il tuo motore disegna il glifo sopra con il font che ha già.
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 Carbon, il che significa che questo kit e il kit di pannelli Carbon si allineano senza che nessuno dei due venga ridimensionato. Si adatta bene a interfacce realistico e di simulazione.
Download
Link diretto · senza registrazione · senza pagina d'attesaSet completo — sorgenti SVG, esportazioni PNG a 1x/2x/4x, licenza e readme
Come si usa
- Disegna l'etichetta del tasto con il tuo font, centrata sulla faccia del tasto, che sta un po' sopra il centro — è quello scostamento a far sembrare il tasto premibile.
- Scambia il tasto premuto al key-down per un effetto di pressione di un fotogramma invece di scalare lo sprite, cosa che rovina lo spessore del contorno.
- Tieni gli indicatori di gamepad e tastiera alla stessa altezza ottica dentro una riga di testo; il pulsante del pad da 44px e il tasto da 40px sono già dimensionati per coincidere.
Licenza
Creative Commons Attribuzione 4.0 — Gratis per uso commerciale. Attribuzione obbligatoria. Termini completi · Cosa significa in pratica
"Carbon Indicatori dei tasti" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/carbon-input-prompts


