Pulizia di disegni al tratto con bordi irregolari


14

Quindi, qualche tempo fa ho creato questa icona da un gioco, ma guardando indietro su uno sfondo bianco invece di un canale alfa i suoi bordi sono super mossi in alcuni punti mentre è liscio in altri, il che è probabilmente dovuto al metodo I usato per selezionare determinate regioni prima di riempire il secchio. Stavo usando GIMP e mi chiedevo se ci fosse un modo possibile per risolvere facilmente questo problema (cioè rendere tutti i bordi anche invece di mossi). Forse alcuni filtri di rendering o metodi di selezione che non conosco? Ho cercato su Google e ho provato YouTube ma senza alcun risultato.

La mia immagine:

http://fc05.deviantart.net/fs71/f/2013/177/7/c/seal_of_mar_by_jacedc-d695fa3.png

(Come puoi vedere, le cose interne a forma di mezzaluna sono instabili e l'esterno del cerchio a sinistra e a destra è instabile)


3
Hai taggato come raster e dichiari di aver usato Gimp. Le app raster genereranno sempre alcuni pixel ai bordi degli archi. Se si utilizza un'applicazione vettoriale, è possibile ottenere linee più pulite.
Scott,

@Scott Beh, sono stato io a contrassegnarlo come raster (anche se è chiaramente un'immagine raster)
Ben Brocka,

Ho usato GIMP e da qualche parte lungo la linea (nessun gioco di parole intenzionale) ha finito per sembrare un'immagine raster davvero mossa. Mi chiedevo se esiste una soluzione rapida per arrotondare tutti i bordi.
Jacedc,

@BenBrocka - la domanda afferma Gimp .. quindi raster è un buon tag. non so perché sia ​​stato rimosso. Jacedc - stai chiedendo come in Gimp ??? Come ho commentato, un'app raster non offrirà molte altre soluzioni. Non esiste un pulsante "magico"
Scott,

Al fine di evitare i bordi "mossi" per le immagini future create in questo modo: assicurarsi che tutte le selezioni siano sfumate.
Michael Schumacher,

Risposte:


11

Direi che non esiste una soluzione rapida e sporca per le linee increspate, devi solo ricrearla usando i vettori. Quanto segue mi ha richiesto 3 minuti in Photoshop con effetto Cerchi e tratto:

Esempio di logo

Non ho intenzione di fare tutto per te, ma tutto ciò di cui hai bisogno sono altri due semicerchi e hai un logo basato sulla forma, che dovrebbe adattarsi perfettamente a qualsiasi dimensione. Quindi sono 6 cerchi, due semicerchi e un tratto applicato ad alcuni di essi. Nel tuo caso è molto semplice da ricreare, ma un logo dettagliato richiederebbe molto più tempo.

Ci sono vari modi per farlo, anche se nel tuo caso mi limiterei a spingere e dedicare un po 'a farlo, se sei esperto con qualsiasi software GD che crea forme, ciò non dovrebbe richiedere nemmeno mezz'ora e se non lo sei, ora è un buon momento per imparare alcune abilità riutilizzabili.

Anche Save for Web & Devices..


Va bene. Sì, non sono davvero "abile" in nessun software GD tranne GIMP che immagino non vettori. Comunque, grazie per l'aiuto.
Jacedc,

1
Photoshop ha strumenti vettoriali ma "non fa vettori" neanche nella realtà.
Scott,

1
@Dominic Sì, in Photoshop e SOLO in Photoshop. I file vettoriali reali possono essere ridimensionati ovunque.
Scott,

Cosa intendi con "crea forme"? Ha la selezione rettangolo ed ellisse (così come la selezione libera e lo "strumento tracciati"), ma a parte questo, no.
Jacedc,

3
Nota che Inkscape è adatto a questo genere di cose ed è GPL
horatio il

9

tracciato

Nel caso in cui non siamo in grado di ricreare facilmente l'originale in un'applicazione orientata al vettore, possiamo anche tracciare la bitmap su un grafico vettoriale.

L'esempio seguente è stato fatto con Inkscape dove ho importato la bitmap per tracciarla con 2 passaggi di colore:

inserisci qui la descrizione dell'immagine

Ciò non manterrà l'esatta geometria circolare della sorgente (notare le forme leggermente ondulate sopra), poiché la traccia è stata eseguita con curve di Bezier piuttosto che con cerchi o scatole. Per questo motivo tali tracce avranno sempre dimensioni di file molto maggiori rispetto ai vettori ricreati correttamente.


lisciatura

Un'altra possibilità per ridurre l'aliasing in una bitmap se non è possibile utilizzare una sostituzione grafica vettoriale è applicare una sfocatura morbida all'immagine.

Di seguito ho usato il plug-in GIMP del filtro magico di GREYC : Enhancement - Smooth (media-curvatura) con 8 iterazioni per levigare i contorni mantenendo il canale alfa:

inserisci qui la descrizione dell'immagine


Hmm. Molto bella! Dò un'occhiata a Inkscape. Grazie!
Jacedc,

Questo link potrebbe essere migliore per ottenere l'attuale plug-in G'MIC.
EdwinW,

1

Esiste un modo davvero semplice per farlo utilizzando lo strumento di selezione fuzzy per creare un percorso. C'è un breve esempio su come farlo in Fixing Jagged Image Edges with Gimp .


Il link è morto.
EdwinW,

Ho sostituito il collegamento con uno diverso che non è così dettagliato ma fornisce i passaggi necessari.
David Clarke,

Molte grazie, non sono riuscito a capire quale sarebbe stata una buona partita per ciò che era originariamente lì.
Edwin,

Fammi sapere come vai avanti - Posso provare a trovare un'opzione migliore se quella non funziona per te.
David Clarke,

0

Per i progetti più piccoli, usare semplicemente lo strumento sfocatura può fare miracoli. Sebbene ciò non si applichi a questo particolare progetto, altre persone in cerca potrebbero trovare questa soluzione opportuna.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.