Trasformare una foto in fumetto: ovviamente con Photoshop ;) agosto 26, 2007
(8 votes, average: 4.88 out of 5)
Loading ...Questo post nasce dalla gentile richiesta di un lettore del blog chiamato Marcoz; egli ha più volte chiesto come fosse possibile ottenere un effetto cartoon un po’ particolare partendo da una foto. Finalmente sono riuscito ad ottenere il risultato che cercavo e che mi ha soddisfatto non poco.. Che dire, spero che possa rendere soddisfatto anche Marcoz e chi come lui cerca un effetto cartoon davvero bello.
Dopo l’acquisto di Photoshop CS3 (ita) avevo deciso di fare i tutorial con l’ultimo gioiellino di casa Adobe, ma per questa volta, lo farò utilizzando la versione CS2 (eng); spero che questo possa rendere ancora più felice il nostro amico Marcoz 
!
PRIMA & DOPO
Ma cominciamo con il tutorial. La prima cosa che avete da fare (come sempre), è aprire la vostra foto con Photoshop tramite il comando File —> Apri (File —> Open); questa è la mia immagine:
Proseguiamo duplicando il livello: questo è possibile, cliccando sopra il livello stesso e senza rilasciare, trascinarlo fino all’icona Crea un nuovo livello (Create a New Layer):
Adesso andiamo su Filtro —> Sfocatura —> Sfocatura superficie… (Filter —> Blur —> Surface blur…), ed impostiamo nel modo migliore i seguenti parametri:
La cosa fondamentale di questo passaggio è che non è detto che i valori che ho immesso siano quelli giusti per la vostra foto, possono variare a seconda della risoluzione dell’immagine stessa. L’obiettivo è rimuovere le impurità della pelle e i piccoli difetti lasciando alcune parti, come ad esempio gli occhi, inalterate.
Proseguiamo duplicando questo livello nel modo visto precedentemente per ottenere una configurazione dei livelli che si presenta in questo modo:
Notate che la freccia rossa indica la prima duplicazione del livello base, mentre la freccia azzurra indica il livello che trasciniamo ora per creare il “Background copy 2“. Adesso togliamo l’informazione relativa al colore di quest’ultimo livello (selezionandalo), premendo SHIFT+CTRL+U, oppure andando su Immagine —> Regolazioni —> Togli saturazione (Image —> Adjustments —> Desaturate):
Bene, andiamo nella palette dei Canali (Channels), accanto a quella dei livelli; quello che vogliamo fare è ridurre la luminosità dell’immagine sfruttando i canali. Tenendo premuto CTRL, cliccate sopra il canale RGB (CTRL+CLICK). Subito una parte della foto sarà selezionata.
Invertiamo la selezione per evidenziare maggiormente le parti della ragazza, premendo SHIFT+CTRL+I, oppure andando su Selezione —> Inversa (Select —> Inverse). Ora creiamo un nuovo livello cliccando sopra l’apposita icona e selezioniamolo:
Dopo esserci assicurati di avere selezionato il nuovo livello vuoto, clicchiamo dentro la selezione con il tasto destro del mouse e scegliamo Riempi… (Fill…)
Riempiamo con il colore nero.
Ecco come si presentano immagine e livelli:
A questo punto togliamo la visibilità ai livelli Layer 1 e Background copy 2 cliccando sopra l’occhio a sinistra di ogni livello. Selezionando quindi il livello Background copy, andiamo ad applicare Filtro —> Artistico —> Effetto ritaglio… (Filter —> Artistic —> Cutout…) ed impostiamo in questo modo:
Adesso duplichiamo questo livello cliccandoci sopra e trascinandolo sull’apposita icona come visto prima, e cambiamo la modalità del livello (Blend Mode) da Normale a Luce Soffusa (Normal to Soft Light):
Ecco come si presenta il lavoro per ora:
Riattiviamo la visibilità al livello Background copy 2 (cliccando sopra la posizione dell’occhio), al quale avevamo tolto la visibilità precedentemente:
Applichiamo a questo livello il filtro: Filtro —> Artistico —> Contorni poster… (Filter —> Artistic —> Poster Edges…):
Ecco come si presenta l’immagine dopo aver applicato questo filtro:
Cambiamo la modalità del livello (Blend Mode) da Normale a Moltiplica (Normal to Multiply):
E quindi vediamo come procede l’opera:
Come potete vedere, il risultato è buono, ma l’immagine è un po’ scura; proviamo dunque a sistemarla. Andiamo su Immagine —> Regolazioni —> Livelli… (Image —> Adjustments —> Levels…) e regoliamo in questo modo:
Di seguito l’immagine migliorata:
Ok! Riattiviamo la visibilità dell’ultimo livello (Layer 1), cliccando sempre nella posizione a sinistra del livello dove c’è l’occhio. Noterete che l’immagine si scurisce un po’, ma non preoccupatevi.. Andiamo a cliccare su questo livello tenendo premuto CTRL (CTRL+CLICK) per caricare la selezione precedente:
Aggiungiamo quindi ora al livello una maschera, cliccando nell’apposito pulsante:
Lo scuro sparisce, e questo è bene, dato che ora agiremo solo sulla maschera:
Assicuratevi di aver selezionato la maschera cliccandoci sopra, poi andate su Filtro —> Effetto Pixel —> Colore mezzetinte… (Filter —> Pixelate —> Color Halftone…) ed impostate i seguenti parametri:
L’immagine cambia in questo modo:
Siamo quasi alla fine ! Resta da invertire la maschera, e per fare questo ri-assicuratevi di averla selezionata cliccandoci sopra e poi premete CTRL+I oppure andate su Immagine —> Regolazioni —> Inverti (Image —> Adjustments —> Invert); ecco quello che succede:
Come passo finale, cambiamo la modalità del livello (Blend Mode) da Normale a Sovrapponi (Normal to Overlay):
Abbiamo finito!! Questa era l’immagine iniziale:
E questa è quella finale:
Divertitevi 
!
Altri articoli che potrebbero interessarti:
Commenti»
wow!! perfetta come la volevo io!! grazieeeeeeeeee
ho appena provato ma nn m esce niente di quello che fai te
non capisco questo passo che è abb. all’inizio “Dopo esserci assicurati di avere selezionato il nuovo livello vuoto, clicchiamo dentro la selezione con il tasto destro del mouse e scegliamo Riempi… (Fill…)” dov’è fill?? non lo trovo!!
Nel menù che ti appare cliccando dentro la selezione con il tasto destro del mouse. Altra alternativa è andare su Edit —> Fill…
Se hai bisogno chiedi
Tra poco metterò online anche il video
!
ok grazie! il video sarà molto utile!!
http://flickr.com/photos/10213904@N04/1022598672/
http://flickr.com/photos/10213904@N04/1074328896/
interessante
+ o meno ho usato una procedura simile
l’unico consiglio è di lavorare molto sulle tonalità chiare dei livelli (ctrl L)
in modo che l’effetto ritaglio non crei strane sorprese con i mezzitoni
bel tutorial! complimenti! aspetto anche io il video!
a presto!
Ottimo tip e interessanti composizioni le tue, marcellopera
Il video in alta qualità è scaricabile cliccando nell’icona azzurra del floppy disk in alto nel post
Ciao
questo è proprio forte ….. me lo aggiungo su Delicious!
Ciao Carlos!Ti devo fare i complimenti,i tuoi tutorial sono chiari e precisi! Però in questo sono rimasta ferma a un punto! Nel mio Photoshop CS2 non trovo i “filtri artistici” (cutout e posteredges). Che sfiga,mi sa che questo tutorial non lo finirò XD
Ti ripeto i miei complimenti,sei grande!
@Andrea
!
Felice che ti sia piaciuto
@Sere
! Se non hai i filtri, prova a contattare il supporto Adobe. Che versione di photoshop hai?
Grazie per tutti i complimenti
Adobe photoshop cs2! Un mio amico però mi ha passato adobe photoshop cs3,quindi credo che comincerò a usare quello..Tu me lo consigli?
Se hai la possibiltà di avere il CS3, beh, te lo consiglio vivamente, è davvero spettacolare
!
Ciao
molto carino. ho visto che va di moda come foto dei profili dei blogger.
Davvero? Non lo sapevo
ma dai tutti sono ferimi ad un punto e io non so manco come faccio a scaricare sto programma per le foto….aiutooooooooooooo c’è qualcuno che aiuta un’impedita……….
Da qui puoi scaricare la versione trial: LINK
Ciao
Boia io mi son sempre divertito molto con photshop ma tante sue applicazioni mi sono ancora sconosciute, questo tuturial è servito a farmi chiarezza su due o tre cose. Complimenti davvero, continua così che può sempre tornare utile qualche trucchetto
X sere
Neanche io ho i filtri artistici, però io per trovarli basta che vado in Image ready, cliccado l’ultima casellina in fondo alla barra dei comandi
Grazie
Grande… a me è riuscito quasi bene… ma come risultato è ottimo… mi piacerebbe però poter fare degli sfondi tipo quello che hai tu nella tua foto…
Ah ma quelli sono banalità in confronto a questo
!
Hai comprato photoshop? Hahahah spero che tu stia scherzando 0.o
C’è poco da ridere. Non sto scherzando.
Per gli studenti esistono soluzioni molto vantaggiose. Qua potrai farti un’idea degli sconti enormi:
LINK
Ciao Carlos davvero ottimo il tuo Blog, con dei tutorial molto interessanti
ti verrò a leggere spesso…nel caso raro in cui non l’abbia già visto ti propongo questo video “shock” riguardo il fotoRitocco:
http://minglob.wordpress.com/2007/10/14/95/
p.s. ti ho aggiunto al mio blogroll
Interessante!
Io non uso Photoshop (sono abituato a Gimp) ma i concetti di base sono apllicabili.
Ciao
@Mingo
Quel video è davvero significativo e dimostra la potenza raggiunta dal foto ritocco negli ultimi tempi.
Complimenti per il tuo sito e grazie per l’aggiunta
@Mamozzi
The gimp è uno tra i migliori
Ciao Carlos, sei un grande!!!
Ho un problema nel voler riprodurre il tuo esempio (con una foto personale): Dopo la creazione del layer vuoto non riesco a trovare il campo “fill” cliccando col tasto destro. Sembra che questo non ci sia (uso photoshop CS2). Non e’ che avresti un suggerimento da darmi? Senza questo passaggio l’immagine che ottengo non e’ che sia il massimo…
Grazie e continua cosi’!
Molto strano.. prova ad utilizzare il menù Modifica —> Riempi (Edit —> Fill).
Fammi sapere se il menù ti funziona
ciao, si può avere lo stesso effetto fumetto usando corel paint shop pro?
Ciao, purtroppo non conosco Corel paint shop pro, ma credo che qualcosa di simile sia ottenibile.
Mi dispiace di non poterti aiutare
grazie mille !
@Emanuela
Grazie a te
ciao carlos complimenti innanzitutto!
senti la mia immagine cartoonata esce con una specie di grata.se nn sbaglio l’effetto mezzetinte che mi causa tutto cio’!che faccio?
Ps:l’effetto artistico contorni poster mi sembra molto simile?Te che ne dici?
Ciao, ma hai letto il tutorial?? C’è scritto tutto e si utilizzano sia il filtro contorni poster, sia il colore mezzetinte.
Ciao, come accio ad essere certa di aver selezionato il nuovo livello nuovo? anche se clicco con il tasto destro non mi esce la finestra x poter cliccare FILL..a me esce “proprieta’ di livello” ecc
Per essere certa di aver selezionato il livello nuovo devi cliccare sopra al livello stesso con il tasto sinistro del mouse; poi devi cliccare all’interno della selezione (cioè nell’immagine) con il tasto destro e scegliere riempi (fill). Se non ti appare fill seleziona lo strumento selezione e vedrai che funziona.
Fammi sapere se hai risolto
GRAZIEEEEEE…ci sono riuscita…io cliccavo sul livello.non sulla foto..sono proprio happy..ora riprovo a fare il puzzle
Ciao
Bene
Ciao Carlos,
complimenti per questo utilissimo tutorial.
Vorrei sapere come fare per trasformare il fumetto in bianco e nero
(in pratica vorrei arrivare ad avere un effetto simile a quello che hai nella tua foto)
grazie
Ciao, l’immagine tipo la mia è stata creata utilizzando l’opzione di ricalco dinamico di illustrator (live trace). Ho fatto un tutorial per questo, prova a vedere se ti piace e se ottieni il risultato che vuoi:
LINK
Ciao, io non ho il filtro artistico nel mio CS3 come mai?
si può mettere in qualche modo?
grazie
Ciao, io non ho il filtro artistico nel mio CS3 come mai?
si può mettere in qualche modo?
grazie
non mi prende l’indirizzo email!!!
NON è LIBERO MA HOTMAIL!!!!
Mhh, molto strano. Prova ad installare nuovamente photoshop, oppure contatta il supporto adobe.
Ciao
ma sai che nemmeno io ho il filtro artistico nel cs3? ci sono rimasta malissimo!
Ciao, ragazzi i filtri ci devono essere, altrimenti significa che c’è qualche problema
Provate a installare il software nuovamente, altrimenti contattate il supporto Adobe.
ciao carlos ,scusami io cio la versione CS3 arrivo al punto del CUTOUT ……………..ma nn ce ,come devo fare ce una alternativa per caso ?????????????? grazie
Ciao, purtroppo se vi manca qualcosa, dovete provare a reinstallare photoshop e nel caso non funzionasse ancora, contattate il supporto Adobe e chiedete a loro.
ciao carlos, ho sperimentato il tuo tutorial su una foto (esattamente un primo piano). il risultato è stato perfetto. Grazie!!!
ma volevo chiederti una cosa: come faccio a trovare i valori giusti del SURFACE BLUR su una foto diversa o che non sia un primo piano (in effetti i valori che hai messo tu mi vanno bene solo per i primi piani…)
aiutami please T_T
!!!
Ciao, per trovare i giusti settaggi devi fare qualche prova guardando l’anteprima. Valuta che su immagini più piccole i valori devono essere più bassi. Vai a occhio
Ciao
sembra stle heroes qunado isaac mendez dipingeva
bellissimo !!!! sei un genio carlos
Innanzitutto complimenti per il/i tutorial, veramente chiari e ben fatti. Anche io uso (purtroppo, o per fortuna…) Gimp che però non ha né un filtro cutout né qualche altro filtro con cui ottenere effetti simili (o almeno, io non sono riuscito a scovarlo…)
[Inizio modalità supplica]
Sicuramente tu che sei più pratico un modo per ottenere un risultato simile a quello di photoshop riesci a trovarlo e quindi mi chiedevo se ti andava di dare una mano anche a noi lettori che usiamo gimp come alternativa a photoshop
[Fine modalità supplica]
Ora che la mia richiesta l’ho fatta
attendo una tua illuminazione e ti rinnovo ancora i complimenti per questo sito sempre ricco di spunti interessanti, complimenti davvaro Carlos!
Beh in effetti un modo c’è
Appena ho un attimo libero lo scrivo. Resta sintonizzato!
Ciao e grazie per i complimenti
Ciao, complimentissimi per questo a dir poco splendido tutorial, ho un problema da esporre: ho seguito passo per passo le indicazioni, in effetti l’immagine è uscita, solo che è tanto scura e non si capisce quasi niente.come posso fare per migliorarla?
grazie in anticipo!!!
molto belli i tuoi tutorial e ben fatti. Complimenti (ti metterò nei preferiti)
@_LaFede_: Ciao, se è troppo scura agisci sui livelli. Dovrebbe migliorare parecchio.
@sal: Graziee
!