Vai al contenuto

Generatore di contorni per sprite

Metti un contorno pulito intorno a uno sprite in un solo passaggio: da un pixel o più spesso, di qualsiasi colore, senza sfocare nulla. Le tue immagini non lasciano mai il dispositivo.

Creato sul tuo dispositivo. Le tue immagini non vengono mai caricate.

  • Mai caricati
  • Pixel-perfect
  • Tante immagini in una volta

Come funziona

Come aggiungere un contorno a uno sprite

  1. Passaggio 1: Aggiungi il tuo sprite

    Scegli, trascina o incolla uno sprite con sfondo trasparente. Va bene anche un’intera cartella.

  2. Passaggio 2: Scegli il contorno

    Imposta spessore e colore, angoli arrotondati o squadrati, all’esterno del disegno o all’interno.

  3. Passaggio 3: Scarica il PNG

    Salva uno sprite, oppure tutti quelli del gruppo con lo stesso contorno, in uno ZIP.

Contorno dello sprite

Il contorno che disegneresti a mano

  • Solo pixel interi

    Il contorno è fatto di pixel pieni di un solo colore, senza sfocatura e senza bordi morbidi.

  • Arrotondato o squadrato

    Il contorno classico che lascia aperti gli angoli in diagonale, o quello più pesante che li chiude.

  • Con lo spazio che gli serve

    La tela cresce dello spessore del contorno, così uno sprite che tocca il bordo non viene tagliato.

  • Qualsiasi colore

    Nero, bianco, una tonalità scura della tua palette o qualsiasi colore tu scelga.

In dettaglio

I contorni nella pixel art

Come viene creato il contorno

Ogni pixel vuoto che tocca il disegno prende il colore del contorno. Con gli angoli arrotondati contano solo i pixel direttamente sopra, sotto e accanto al disegno, e gli angoli in diagonale restano aperti: il contorno che i pixel artist disegnano a mano. Gli angoli squadrati contano anche le diagonali.

Il contorno è fatto di pixel interi e pieni. Un bordo morbido o un leggero bagliore già presenti nell’immagine vengono mantenuti e posti sopra il contorno, così anche la grafica con antialiasing riceve un contorno pulito.

Scegliere un contorno

  • Spessore: 1 pixel per sprite fino a circa 64 pixel; 2 o più per grafica più grande o per un effetto adesivo.
  • Colore: il nero si legge su qualsiasi sfondo. Una tonalità scura presa dalla palette dello sprite risulta più morbida e più voluta.
  • Interno: ricolora i pixel esterni del disegno stesso, così lo sprite mantiene le sue dimensioni. Usalo quando la dimensione non deve cambiare, come in un tileset o in una sprite sheet fissa.
  • Fai spazio al contorno: ingrandisce l’immagine dello spessore su ogni lato. Disattivalo per mantenere le dimensioni, accettando che uno sprite che tocca il bordo venga tagliato lì.

Dove serve un contorno

Un contorno stacca uno sprite da uno sfondo affollato, e conta soprattutto per ciò che il giocatore non deve perdere di vista: il personaggio, gli oggetti da raccogliere, i nemici.

È anche il modo consueto per mostrare che qualcosa è selezionato o si può usare: lo sprite viene disegnato con un contorno luminoso mentre il puntatore è sopra. Crea qui la copia con il contorno e alterna tra le due nel gioco.

Contorno dello sprite

Domande frequenti

Le mie immagini vengono caricate da qualche parte?

No. Tutto avviene nel tuo browser, sul tuo dispositivo. Le tue immagini non vengono mai inviate a Moriqa né a nessun altro, e non resta nulla dopo che chiudi la pagina.

Come aggiungo un contorno a uno sprite?

Aggiungi lo sprite, imposta lo spessore e il colore, e scarica il PNG. Lo sfondo deve essere trasparente perché lo strumento veda la forma dello sprite.

Perché la mia immagine è diventata più grande?

Il contorno ha bisogno di spazio. Con Fai spazio al contorno attivo, l’immagine cresce dello spessore del contorno su ogni lato, così non viene tagliato nulla.

Posso contornare un’intera sprite sheet?

Sì, purché tra i fotogrammi ci sia dello spazio vuoto. Disattiva Fai spazio al contorno perché i fotogrammi restino dove sono, oppure usa Interno.

La mia immagine non ha lo sfondo trasparente. Funzionerà?

Così com’è, no: il contorno girerebbe intorno all’intera immagine. Togli prima lo sfondo con Rimozione sfondo, poi aggiungi il contorno.

Posso contornare tanti sprite in una volta?

Sì. Aggiungine quanti vuoi: ricevono tutti lo stesso contorno e si possono scaricare insieme in uno ZIP.

Vuoi disegnare tu il contorno?

Apri l’editor di pixel art di Moriqa per disegnare e ripulire gli sprite pixel per pixel, gratis nel browser.