salta alla navigazione

Effetto pin-up con Photoshop! gennaio 6, 2008

1 Star2 Stars3 Stars4 Stars5 Stars (19 votes, average: 4.95 out of 5)
Loading ... Loading ...
Inviato da Carlos in : Grafica, Photoshop CS2, Photoshop CS3, Tutorials , trackback

Oggi parliamo di pin-up; non se se vi è mai capitato di vedere delle immagini simili a queste:

se non vi fosse mai capitato, credo che ora vi siate fatti un’idea relativamente a quello che vogliamo creare partendo da una semplice foto.

Con il termine di pin-up si indicano quelle belle ragazze ammiccanti e sorridenti, fotografate in costume da bagno, che durante il secondo conflitto mondiale, negli Stati Uniti, iniziarono a diffondersi su molte riviste settimanali.

Dunque, cominciamo con l’aprire un’immagine adatta a questo utilizzo, questa è la mia immagine:

pin-up-01-050107.jpg

Ora per non rovinare irrimediabilmente la foto, duplichiamo il livello cliccando sul livello stesso e trasciniamolo sopra l’icona Crea un nuovo livello create-a-new-layer.png (Create a new layer):

pin-up-02-050107.jpg

Bene adesso andiamo ad applicare al nuovo livello il filtro Filtro>Sfocatura>Sfocatura superficie… (Filter>Blur>Surface Blur…) impostando i parametri in modo che tutti quei piccoli dettagli e particolari dell’immagine vengano a scomparire; ecco le mie impostazioni (variatele a seconda delle vostre esigenze):

pin-up-03-050107.jpg

Ecco anche un confronto tra prima e dopo l’applicazione dell’effetto:

pin-up-04-050107.jpg

Nonostante l’applicazione del filtro, ci sono delle parti dell’immagine che potrebbero dare qualche problema proseguendo con il tutorial; queste parti sono quelle che hanno mantenuto un livello di dettaglio troppo elevato, come ad esempio i capelli, le labbra o altre parti del vestito (costume), etc.. Per rendere queste parti più sfuocate, utilizziamo lo Strumento sfumino (Smudge Tool) smudge-tool.png, presente tra gli strumenti di Photoshop a sinistra. Impostiamo lo strumento in questo modo:

pin-up-05-050107.jpg
La dimensione dipende dalla dimensione della vostra immagine, mi raccomando invece di settare la Intensità (Strenght) molto bassa; inoltre togliete la spunta all’Arrotondamento (Smoothing).

Ok, ora con questo strumento così impostato andate a ripassare le parti di cui parlavamo prima, cioè capelli, labbra ed altre parti troppo dettagliate:

pin-up-06-050107.jpg
Cercate di seguire la direzione dei capelli e delle parti che state sfuocando, ma anche se non siete precisissimi non preoccupatevi eccessivamente, dato che non influirà sul risultato finale.

Ora duplichiamo questo livello con il metodo utilizzato prima ed impostiamo la modalità del nuovo livello su Sovrapponi (Overlay):

pin-up-07-050107.jpg
A destra il risultato dopo aver cambiato la modalità del livello in Sovrapponi (Overlay).

Perfetto, adesso dobbiamo regolare la luminosità dell’immagine e per farlo andiamo nella scheda dei Canali accanto ai Livelli (Channels), e tenendo premuto CTRL, clicchiamo con il tasto sinistro del mouse sopra la miniatura del Canale RGB (RGB Channel); l’effetto sarà la selezione del canale:

pin-up-08-050107.jpg

Andiamo ad invertire la selezione con Selezione>Inversa (Select>Inverse), e successivamente duplichiamo il livello andando su Livello>Nuovo>Crea livello copiato (Layer>New>Layer via Copy). Questa operazione ci creerà un livello nuovo con la nostra selezione:

pin-up-09-050107.jpg

Cambiamo quindi la modalità di quest’ultimo livello da Normale a Luce vivida (Vivid Light) con la stessa tecnica vista prima; ecco anche il risultato dell’operazione:

pin-up-10-050107.jpg

Nella scheda dei livelli clicchiamo sopra la miniatura dell’ultimo livello tenendo premuto CTRL, per selezionare le parti che ci interessano:

pin-up-11-050107.jpg

Bene amici, adesso create un nuovo livello sopra questo, cliccando nell’icona Crea un nuvo livello create-a-new-layer.png (Create a new layer) e riempitelo di bianco andando su Modifica>Riempi… (Edit>Fill…) e scegliendo Bianco (White):

pin-up-12-050107.jpg
Riempite di bianco.
pin-up-13-050107.jpg
Riassunto dei livelli che dovreste avere.

Dopo il riempimento, l’immagine appare così:

pin-up-14-050107.jpg

Cambiamo la modalità di quest’ultimo livello (quello che abbiamo riempito di bianco), da Normale a Luce soffusa (Soft Light). Quello che dobbiamo fare ora è unire tutti i livelli che abbiamo in un unico livello; questo però lo vogliamo fare senza perderli. Per farlo tenete premuto ALT e contemporaneamente cliccate con il tasto sinistro del mouse (senza rilasciare) nel menù della scheda dei livelli (simboleggiato da una freccia in alto a destra); senza rilasciare il tasto del mouse posizionatevi sopra Unisci visibili (Merge Visible) e rilasciate il tasto del mouse. Ora avete il vostro livello nato dall’unione di tutti gli altri:

pin-up-15-050107.jpg

Dopo aver eseguito l’operazione, selezionate lo Strumento contagocce (Eyedropper Tool) e con questo andate a prendere un campione di colore in un punto scuro della pelle (il colore risultante dovrebbe essere una tonalità più o meno scura di rosso):

pin-up-16-050107.jpg
Mi raccomando di avere come colore di sfondo il bianco; il mio rosso è #ba1502

Andate ora ad applicare il Filtro>Schizzo>Effetto fotocopia (Filter>Sketch>Photocopy…) con i seguenti parametri:

pin-up-17-050107.jpg

Fatto questo cambiate la modalità del livello da Normale a Moltiplica (Multiply); ecco il risultato:

pin-up-18-050107.jpg

Bene, ora diamo un tocco di eleganza alla nostra pin-up truccandola un po’. Creiamo dunque un nuovo livello cliccando nell’apposita iconcina create-a-new-layer.png, e poi impostiamo la modalità di questo livello da Normale a Colore (Color). Scegliamo poi un colore simile al “rosa/rosso pelle” per le guance e con lo Strumento Pennello brush-tool.png (Brush Tool), andiamo a dipingere utilizzando un pennello molto soffice (durezza/hardness 0%, dimensione a seconda della dimensione della vostra immagine):

pin-up-19-050107.jpg

Fate lo stesso con il sopra degli occhi (scusate la terminologia un po’ rozza, ma non sono una bimba :D ) scegliendo il colore che preferite, io ho scelto il #b7ffe5; se necessario riducete anche l’opacità del livello fino al 70%-80% tramite l’apposito comando in alto a destra nella scheda dei livelli: level-opacity.png. Ecco il risultato che dovreste essere in grado di ottenere:

pin-up-20r-050107.jpg

Siamo quasi alla fine; creiamo un nuovo livello cliccando nell’apposita icona create-a-new-layer.png, e poi riempiamolo al 50% di grigio andando su Modifica>Riempi… (Edit>Fill…):

pin-up-21-050107.jpg

Applichiamo ora il filtro Granulosità (Grain) andando su Filtro>Texture>Granulosità… (Filter>Texture>Grain…) ed impostiamolo in questo modo:

pin-up-22-050107.jpg
Il parametro Contrasto (Contrast), dipende dalla dimensione e risoluzione della vostra immagine, più è grande, più potete aumentare, più è piccola, più dovete diminuire; mi raccomando di impostare il Tipo (Grain type) su Ingrandito (Enlarged).

A questo punto dobbiamo togliere la saturazione al livello e per farlo andiamo su Immagine>Regolazioni>Togli saturazione (Image>Adjustments>Desaturate); fatto questo cambiamo la modalità del livello da Normale a Sovrapponi (Overlay). Ecco quello che otteniamo:

pin-up-23-050107.jpg

Unite tutti i livelli (senza perderli) con il metodo visto precedentemente, e poi create un nuovo livello sotto quest’ultimo cliccando nell’apposita icona (create-a-new-layer.png) e tenendo premuto CTRL durante l’operazione (vedrete che il livello apparirà sotto l’ultimo creato :) ). Ora impostate come colore di primo piano il #f0e0b6, semplicemente cliccando due volte sopra al pulsante Imposta il colore di primo piano (Set foreground color):

pin-up-24-050107.jpg

Ora dovete riempire il livello con questo colore andando su Modifica>Riempi… (Edit>Fill…) e poi scegliendo Colore di primo piano (Foreground Color). Fatto questo, basta che andiate a cambiare la modalità del livello generato precedentemente da tutti gli altri (il livello 6 per chi ha seguito la mia procedura senza modificare i nomi dei livelli), portandola da Normale a Moltiplica (Multiply). Il risultato eccolo qua:

pin-up-init-050108.jpg pin-up-end-050108.jpg

Spero che il risultato sia di vostro gradimento ;)

Altri articoli che potrebbero interessarti:

Commenti»

1. Berna - gennaio 6, 2008

ottimo tutorial! complimenti! un po diverso dai soliti ritocchi

2. stefano - gennaio 6, 2008

Mamma mia ma sei veramente bravissimo. Complimenti

3. AndreasNetwork - gennaio 6, 2008

Bravo Carlos… continua così. Sei l’unico che mette a disposizione degli ottimi tutorial spesso in italiano diversi dai soliti che girano in rete.

4. Raidergale - gennaio 6, 2008

Uhm… non capisco… ho Photoshop Cs2, ma mi mancano molti filtri, come ad esempio la granulosità e l’effetto fotocopia… come mai?

5. deki - gennaio 6, 2008

bravissimo…bellissimo tutorial e fatto veramente bene..ci sono riuscito anche io :D

6. Carlos - gennaio 7, 2008

@Raidergale

Mhh.. credo che il tuo programma abbia dei problemi, posso consigliarti di provare a installarlo nuovamente e nel caso non funzionasse ancora, contattare il supporto Adobe.

@Tutti

Grazie! Sono felice che vi piaccia :D !

7. newyorker - gennaio 7, 2008

ciao, ho fatto il download e sul desktop mi appare il programma zippato, lo apro e mi appare blocco note….in sintesi non si configura….hai una dritta? non sono un esperto, l’avrai capito

8. rocco - gennaio 9, 2008

Ciaoo…stò cercando di sviluppare un sito web – blog di recensioni di film,serie tv e videogiochi e altro…
ti và di fare uno scambio link nel blogroll?
il sito web è http://www.rapiditaliashare.net
grazie e a presto

9. Laburno - gennaio 10, 2008

Bel tutorial davvero!!
Carlos c’hai le palle quadrate!

10. Carlos - gennaio 13, 2008

@newyorker

Ciao, parli dello zip con il psd? Hai photoshop? Non ho capito a cosa ti riferisci, se mi spieghi meglio, cerco di aiutarti :)

@rocco

Ciao, mi dispiace ma non faccio scambio di link, grazie comunque per l’offerta.

@Laburno

Sei sempre il più forte :D !

11. alfredo - gennaio 15, 2008

ciao carlo, potresti consigliarmi un buona guida a photoshop cs3 ?
grazie in anticipo

12. T4n|n0 Ru|3z - gennaio 16, 2008

come hai fatto ad inserire http://carlosweb.files.wordpress.com/2007/11/background-pat251107.gif come sfondo del blog? Si può fare su tutti i temi? C’è modo per avere accesso al template e modificarlo quindi?

13. Carlos - gennaio 17, 2008

@alfredo

Ecco qua il classroom in a book:

LINK

O in alternativa puoi optare per la grande guida:

LINK

@T4n|n0 Ru|3z

Non so se puoi farlo senza acquistare il supporto css, ma io l’ho fatto acquistando il supporto :)

Ciao

14. Ecco i nuovi link su carlosweb.net :) « ◄::..carlos web..::► - gennaio 30, 2008

[...] http://www.carlosweb.net/2008/01/06/effetto-pin-up-con-photoshop/ [...]

15. Scinah - gennaio 31, 2008

Vabbè, so che non c’entra nulla con il tutorial, ma dato che per ora questo è l’ultimo articolo, lo sfrutto per farti i complimenti per il nuovo sito! :D

16. Carlos - febbraio 1, 2008

Grazie, sono happy che ti sia piaciuto :D

17. Cristian - febbraio 4, 2008

ciao Carlos…stavo eseguendo i passi di questo tutorial e sono arrivato fino all’utilizzo del filtro “filtro>schizzo>effetto fotocopia” accorgendomi che tra i filtri non ce l’ho!!!io uso photoshop cs3…

ciao
e grazie

18. Carlos - febbraio 6, 2008

Ciao, è molto strano perché ci deve essere :(

Prova a installare nuovamente Photoshop, magari c’è stato qualche piccolo errore durante l’installazione. Hai messo qualche plugin particolare che necessita di installazione?

Se anche dopo aver installato nuovamente il software non vedi il filtro, contatta il supporto Adobe.

Ciao

19. lx - febbraio 26, 2008

Mamma mia,bravissimo carlos!!

20. Carlos - febbraio 28, 2008

Grazie mille :D !

21. acdmlk - marzo 1, 2008

certo…che con una modella come quella…
altro che photoshop :D

22. Carlos - marzo 5, 2008

direi proprio di si ;)

23. Intermedio - "blend" - adobesoftwares.com- Forum - marzo 22, 2008

[...] prova a dare un occhiata a qusto tutorial de nostro amico Carlos, proveniente dal suo sito: Effetto pin-up con Photoshop! | carlosweb.net – Tutorial Photoshop, Grafica, Computer devi tenere conto, solo dei primi passaggi, ovviamente per il risultato finale devi apportare [...]

24. francesco - maggio 29, 2008

bravo mi è venuto :)

25. Carlos - maggio 29, 2008

grazie, sono contento che ti sia venuto :D

26. UnknownGirl - giugno 19, 2008

ciao!
bel tutorial, utile e originale! l’effetto che si ottiene è senza dubbio d’effetto!! :D

27. Carlos - giugno 20, 2008

Grazie, felice che vi sia piaciuto :)

28. LaTipetta - luglio 6, 2008

Ciao,
forse ti chiedo troppo ma potresti darmi il link del sito da dove posso scaricare Photoshop in modo sicuro?
Ho provato e scarico sempre la “versione in prova”.

HELP ME.

P.s.: sei bravissimo!!

29. Carlos - luglio 10, 2008

Ciao e grazie per i complimenti.

Photoshop è un software a pagamento e non può essere scaricato in forma completa per più di 30 giorni (versione di prova). Quindi devi acquistarlo (purtroppo :( ).

30. MadHatter - luglio 31, 2008

Ciao! Complimenti per il tutorial! Ho una domanda…

Come si chiama la ragazza della foto??? :)

31. Darblad - agosto 4, 2008

fantastico, non ho altre definizioni… o forse fenomenale…!

32. Carlos - agosto 18, 2008

@MadHatter
Eh eh eh.. Si chiama Gemma Atkinson:
http://flickr.com/search/?q=Gemma+Atkinson
Buon divertimento ;)

@Darblad
Felice che ti sia piaciuto :)

33. simona - novembre 13, 2008

ciao.. scusa io vorrei trasformare una mia foto in pin up.. ma non so usare photo shopo sono negata… non è che mi potresti aiutare per favore ?

34. Carlos - novembre 27, 2008

Ciao, nel tutorial spiego tutto nei minimi dettagli :)

Leggi bene e vedrai che riuscirai a farlo.

Ciao

35. Elisa - dicembre 15, 2008

Serve una versione particolarmente avanzata di photoshop per questo effetto?

36. Carlos - dicembre 16, 2008

Ciao Elisa, no assolutamente :) . Mi sembra che basti avere la versione di Photoshop CS. Forse anche quelle precedenti ma potrei sbagliarmi.

Ciao

37. carla - gennaio 14, 2009

hai creatività da vendere.
e spieghi i passi in maniera semplice.
a me piacerebbe realizzare su un soggetto un effetto ” gotico”, ma di quelli eleganti.
potresti aiutarmi?
grazie.

38. Carlos - febbraio 8, 2009

Ciao, cosa intendi con “gotico”? Un po’ grunge/misterioso, oppure solo con colori ed atmosfera cupa?

39. carla - febbraio 16, 2009

ciao, scusa, sono stata laconica, in effetti…
ti posso postare un esempio
comunque intendo sullo stile malinconico notturno, non sicuramente dark, sullo stampo degli evanescence

http://api.ning.com/files/jIM5ZSWhuBYTp-kHQuxL51CjK3GPfK1pgmMkzOZF9qLKpYUQPq5ty-OSlzJhqIWn1VeKKuwmaWobudQgJiSvitDM0WFeywJD/f_GothicGirl2m_9c18378.jpg

non so se ho reso l’idea.
grazie in ogni caso.
ah, sei bravissimo.

40. carla - febbraio 16, 2009

scusa, i link sono errati, li riposto

http://media.photobucket.com/image/gothic%20female/moonlit-sonnet/beautifulgirl.jpg?o=116

http://media.photobucket.com/image/gothic%20female/exaltegoo/goth-image-1.gif?o=50

41. carla - febbraio 16, 2009

http://www.imeem.com/people/6FcrBCV/photo/eY7aDa41F8/

42. carla - febbraio 16, 2009

la prima, nota 41, si avvicina di più allo stile che intendo.
scusa.

43. Carlos - aprile 4, 2009

@carla: credo di aver capito, vedrò di aiutarti anche se spero che tu non abbia fretta :P . Ciao

44. Luke Lavezzi - ottobre 24, 2009

Ciao Carlos,
bravissimo a parte x l’effetto, ma sei uno dei pochi che riesce a spiegare le cose in maniera facile e dettagliata. Grazie per condividere la tua esperienza con noi.
ps
L’effetto mi e’ venuto benissimo , solo che il soggetto era un amico, quindi l’ho fatto diventare un po gay, eh eh l’ho anche truccato!! AHAHAHA quando la vedra’ sai che ridere,,,,,, GRAZIE ANCORA. Spero avrai altri esempi da pubblicare….

45. Carlos - novembre 19, 2009

Ahr ahr ahr har har!!

46. Spino - dicembre 4, 2009

Ciao Carlos,
complimenti per i tuoi tuorial mi aiutano tanto nell’uso di photoshop visto che sono ancora un principiante. Continua così!!

47. Poster Pinup - Pagina 2 - Grafici Creativi - dicembre 28, 2009

[...] [...]