Tutorial #2: Creare una Cover Magazine
Tra le tante e svariate richieste da parte dei Gip-lettori, c’è stata quella di svelare una delle mie nozioni di grafica più grandi (quindi immaginate come sono le altre…), da me gelosamente custodito come il quarto segreto di Fatima, vale a dire come realizzare una copertina di una rivista. Prima di cominciare occorre avere una foto decente, fatta rigorosamente senza flash, dove le ombre possano disegnare addosso dei volumi e dei chiaro/scuri interessanti. Per fare questa sono andato nel cesso di casa mia dove posso trovare la luce migliore a mia disposizione.
Adesso aprite Photoshop ed iniziamo.
Step1.
Eliminare lo sfondo. Nella palette dei Layers create una copia della foto originale trascinandola nell’iconcina New Layers, poi con il lazzo (ma anche con la gomma) cercate di eliminare il fondo stando bene attenti a lasciare intorno alla figura un minimo di contorno. Una volta eliminato ciò che non serve dovreste ritrovarvi con uno sfondo trasparente evidenziato dal programma con una quadreattura come in figura.
Step2.
Adesso occorre rimettere uno sfondo alla nostra immagine. Creiamo un nuovo Layer. Con lo strumento Contagocce (a) selezioniamo due colori dal margine di sfondo rimasto intorno alla figura (b), proprio quello che abbiamo lasciato durante la selezione iniziale. Poi con lo strumento Riempimento Graduale (c) (lo trovi sotto il secchiello) riempiamo il nostro livello vuoto.
Step 3.
Dovreste a questo punto ritrovarvi nella situazione evidenziata nella figura sottostante. Notate come in alcuni punti il contorno originale sia molto presente intorno alla figura rispetto allo sfondo che gli abbiamo appena dato. Per eliminarlo creiamo un nuovo Layer e con lo strumento Pennello (è un metodo poco ortodosso, lo so, ma per quel che dobbiamo fare andrà benissimo), dopo aver selezionato col Contagocce i colori sul contorno della figura, andiamo a colorare con grandi pennellate nei punti in cui la differenza è maggiore.
Step 4.
Per togliere all’immagine quell’effetto di “fatto in casa” come in effetti è, dobbiamo intervenire sui contrasti, le luci e i colori. Dal menù in alto selezionate Layer> New Adjustment Layer> Curves… per cercare di riequilibrare le tonalità di luce/ombra della foto. Se non siete convinti del risultato, andate su Layer> New Adjustment Layer> Brightness/Contrast e regolate nuovamente le luci e i contrasti. Per regolare, invece, i colori della fotografia (in questo caso il magenta era un po’ forte) andate su Layer> New Adjustment Layer> Selective Color.
La vostra foto dovrebbe aver assunto una connotazione meno casareccia come dimostra l’immagine qui sotto. Come vedete sulla vostra palette Layers ci sono tutte le modifiche di luci, ombre e colore apportate fino ad ora, evidenziate dai livelli colorati.
Step 5.
L’occhio fotografato è un po’ scuro a causa della scarsa luce presente nel luogo dove è stata scattata la fotografia. Tiriamo fuori i colori dell’iride! Con lo strumento Cerotto cerchiamo di copiare ed incollare il colore dell’iride nella zona dove la pupilla la fa da padrone. Andate per gradi in questo punto, perchè un occhio contraffatto lo si riconosce lontano un miglio!
Utilizzate anche lo strumento Dodge Tool per schiarire un po’ l’iride, perchè si presuppone che sia ben illuminata dalla luce (e quindi più luminosa). Con un pennello nero ridipingete bene i contorni della pupilla più piccola rispetto all’originale. Se saprete giocare con le velature senza strafare, in lontananza l’effetto sarà perfetto.
Step 6.
Nella palette Channels (Canali) potete vedere i canali di uscita delle tre tonalità di colore principali, rosso, verde e blu. Evidenziate solo quella blu. Con la selezione quadrangolare selezionate tutta la foto, premete sulla tastiera Ctrl+C per copiare la selezione e tornate sulla palette Layers; cliccate proprio sul livello della vostra immagine e premete Ctrl+V per incollare l’immagine appena copiata. Date al livello un’opacità del 30-35% poi, dal menù selezionate Image > Adjustements > Curves e cercate di esaltarne molto i chiaro/scuri.
Step 7.
Diamo dei contorni più definiti alla fotografia andando sul menù in alto Filter > Sharpen > Unsharp Mask. Fate scorrere le varie levette fino a che non otterrete un risultato soddisfacente, poi cliccate ok. La foto a questo punto è pronta.
Step 8.
Dal sito brandsoftheworld.com scaricate il vostro logo (in questo caso GQ) in formato eps. Il formato in cui vi scaricherete il logo è vettoriale, vale a dire che, a differenza di un’immagine, può essere scalato senza perdere di definizione. Apritelo con Photoshop. Vi chiederà le dimensioni in cui vorrete aprirlo: digitate delle dimensioni grandi perchè una volta aperto, Photoshop lo trasformerà in un’immagine bitmap (e non più vettoriale come in origine), quindi se doveste aver bisogno di ingrandirlo perderà sicuramente di definizione. Attraverso il comando dal menù Image > Adjustments > Hue/Saturation gli date il colore che più vi piace (nel mio caso oro), ed infine aggiungete i titoli e un codice a barre (google) per dargli quell’effetto realistico tipico di una copertina di giornale.
marzo 18th, 2008 at 21:11
Ma chi è il bel modello che hai fotografato nel cesso di casa?
Hai perso un paio di chiletti o sbaglio? Mi sembra che hai il volto più definito.
Però ti preferivo meno patinato con un po’ più di contrasto, mi da un maggiore senso di profondità.
d.
marzo 18th, 2008 at 21:18
GIPRIS TORNO SOLO ADESSO A CASA, DOPO UN LUNGO PERIODO DI RICOVERO IN OSPEDALE. QUESTO TUTORIAL MI INTERESSA, INFATTI DA DOMANI VEDO SE CI RIESCO. AVRO’ TUTTO IL TEMPO PER IMPARARE, ANCHE PERCHE’ DOVRO’ RIMANERE RECLUSO PER UN MESE BUONO IN CASA A FARE LE FISIOTERAPIE… (CHE PALLE, LA COSA BUONA è CHE IL FISIOTERAPISTA è MOLTO SORCO!!!!).
POSSO CHIDERTI SE HAI UN CONATTO MSN?
COSì POSSO CHIACCHIERARE UN PO’ CON UNA PERSONA CHE RITENGO SIA MOLTO ALTRUISTA.
CIAO UN BACIO
marzo 18th, 2008 at 22:08
@ Will.Si, sono dimagrito un po’
mò vedo se riesco a recuperare…
@ Lallostar. O porello, mi dispiace, che hai fatto?!? Spero ti rimetta velocemente.
Io, però, purtroppo non uso più da molto msg…da quasi due anni direi… se però hai bisogno di qualche nozione/spiegazione relativo al tutorial, scrivimi pure
marzo 18th, 2008 at 22:24
E mò mi salvo pure questo!
Però che è sta faccia sofferta…e sù!
marzo 18th, 2008 at 23:38
secondo me gipris è un ciccione di 200kg, altro che muscoli, questo non ce la racconta giusta è troppo bravo con fotoscioooph!
marzo 18th, 2008 at 23:40
noto un po di occhiaia profonda! ma ke hai combinato prima di fà sta foto!?
cmq grazie del tutorial!
ciao bello
marzo 18th, 2008 at 23:46
Ammazza che bello sto tutorial!!e che gran bel pezzo di modello! Mo ci provo anch’io…ma con la copertina del giornale delle WinX!!
marzo 19th, 2008 at 00:43
ciao gipris spero che le vignette che mando ti piacciono…e poi facile quando il soggetto fa copertina da solo
ciao
marzo 19th, 2008 at 00:56
Gip…Ti seguo da un pezzo! Ammazza q
marzo 19th, 2008 at 01:00
Gip…Seguo il tuo blog da un pezzo ma non mai lasciato un commento prima d’ora! Mo lo devo fare…”Che tronco di figliolo che sei!!!” complimenti…
marzo 19th, 2008 at 09:05
Hai più tette della Arcuri.
La camicia stava a scoppia’…
marzo 19th, 2008 at 09:35
Giprettino, non ti avevo mai detto che i tuoi tutorial sono davvero fighi! E poi devo dire di essere uno dei pochi che può vantare una cover firmata da te
Potresti scrivere un manuale dal titolo “Photoshop per cule sceme” insegnando a tutte le finocchie come impreziosire il loro profilo su gaydar (eliminando le maniglie dell’amore, cancellando rughe, ingrandendo il pacco, e via dicendo). Un vero servizio alla società.
marzo 19th, 2008 at 09:38
@ IP. Mi son dovuto calare nella parte del modello annoiato
carine
@ Vitty. Azz! mi hai scoperto! non dirlo in giro, però…
@ Claudio. …è la vecchiaia, caro…
@ DH. Perchè, le WinX hanno anche un giornale ora?!?
@ Alessio. Si le guardo sempre
@ Kikko. Thanks. In realtà, però, ha ragione Vitty: sono un ciccione di 200 kg tutto ritoccato
@ Atena. No, è l’effetto del Push up…
@ Joshua. Con questo manuale, poi, ci saranno in giro tanti fighi virtuali e tanti cessi viventi… Immagina quante delusioni…
marzo 19th, 2008 at 10:11
gipis, ma nn usi piu msn da qnd stai cn bi??
come mai??
kisskiss
marzo 19th, 2008 at 10:55
Io sono ancora al lazo e da lì non mi muovo!Il prossimo lo puoi scrivere per gente ancora più scema? Tipo:cliccare qui una volta, lì due volte, salvare, ecc…? :’-(
marzo 19th, 2008 at 10:58
Hai letto la mia e-mail? Oppure non usi più il vecchio indirizzo.
Buona giornata bello.
Luca.
marzo 19th, 2008 at 11:07
Tra l’altro perchè la prossima volta non pubblichi una tua foto da adolescente? Io son sempre curioso e dubbioso di vedere se eri “brutto” come sostieni.
marzo 19th, 2008 at 11:10
@ Anonimo. Ho smesso di usare msg poco prima di iniziare la storia con Bi, ma le due cose non vanno di pari passo. Diciamo che iniziai ad annoiarmi a chattare… dopo è venuto Bi.
@ Dado. Povero… cos’è che non capisci? magari può essere utile anche agli altri.
@ Luca. Si l’ho letta stamani… devo trovare il tempo di rispondere ora… pazienta un pochettino
per quanto riguarda la mia versione da adolescente ti dico solo questo: mia sorella ha una foto di quando avevo 16 anni sul cellulare. Ogni volta che si sente depressa, la guarda, ride come una pazza e poi si riprende.
marzo 19th, 2008 at 11:10
Waaa, tutto ciò è così avvilente… Non raggiungerò mai i tuoi livelli di bravura photoshopposa!
Con odio
marzo 19th, 2008 at 11:22
atena mi ha rubato le parole di bocca, gip se ti gonfi n’altro pò le camicie non si abbottonano più!!!
Non so a Bi come piaci, ma troppo pompato nun zo…(vabbè che sei sorco lo stesso però)
Che altro dire? Ah si, a me il tutorial non serve…ringrazio già una qualsivoglia divinità di saper usare Word, ecsel e pauer point…ed è già tanto!!!
marzo 19th, 2008 at 12:46
Ma alla camicia avevi messo gli spilli dietro come fanno con i manichini del centro per fargli l’effetto avvitato?
marzo 19th, 2008 at 12:59
No, ho messo lo scotch……
marzo 19th, 2008 at 14:27
ho avuto un incidente d’auto, sono stato miracolato, ho rischiato di rimanere sulla sedia a rotelle, ho tre piccole fratture alla colonna vertebrale, e per questo devo indossare un busto 24 ore su 24, non posso stare molte ore seduto o in piedi….vabbe non voglio annoiarti. ti ringrazio se avrò dei problemi ti scrivo qui sul blog. ciao bello
marzo 19th, 2008 at 14:33
Stasera mi metto subito all’opera, chiudendomi nel cesso… ma meglio non farlo con la tua foto in mano!!!
marzo 19th, 2008 at 14:35
Cavoli Lallostar… mi spiace un casino. Spero ti rimetta presto
marzo 19th, 2008 at 15:05
ma che semi
marzo 19th, 2008 at 16:15
Grande Gip! Non solo ho scoperto che abbiamo una camicia uguale (Ovviamente con un fisico come il tuo non mi metto proprio a competere) Ma finalmente mi hai dato il tutorial che tanto agognavo!! Grazieeeeeeee
marzo 19th, 2008 at 16:24
NON RIESCO AD USARE IL LAZZO. MA COME LAZZO SI USA? PLEASE HELP ME!!!!!!
marzo 19th, 2008 at 16:38
mi son messo in copertina su Vanity! La Bibbia!
marzo 19th, 2008 at 16:42
LAZZO:
Ce ne sono di tre tipi (se tieni premuto sul pulsante sulla toolbar ti si apre una finestrina sotto):
- libero (quello rotondeggiante)
- poligonale
- poligonale con calamita
Io uso quasi sempre il poligonale.
Col mouse punti da dove vuoi partire a selezionare, poi riclicchi per dargli un secondo punto, poi un terzo e così via. Noterai che ti crea una selezione poligonale, appunto.
PER CHIUDERE LA SELEZIONE devi per forza ritornare al punto iniziale, valea dire devi chiudere il poligono creato con la selezione. Il poligono si chiude solo quando comparirà un pallino tondo accanto al puntatore del mouse.
marzo 19th, 2008 at 16:42
Alebino: mò voglio vedere il risultato. Lo esigo
marzo 19th, 2008 at 16:59
@Gip: ma che recuperare? Stai benissimo! E scommetto che sembri anche più alto (ma quanto son ruffiano?)
d.
marzo 19th, 2008 at 17:03
Comunque notavo che la Q di GQ, ti va a coprire per un pezzo la faccia, mentre invece la vera rivista avrebbe fatto coprire il titolo dalla testa del modello in questione… son piccoli particolari che fanno la differenza e si, lo so che non c’entra nulla con il tutorial.
marzo 19th, 2008 at 17:12
Lord.
Ti invito a vedere l’ultima copertina di GQ dove il capoccione di Scamarcio è tutto coperto dal logo…
marzo 19th, 2008 at 17:31
ok ci sono riuscito ad usare il lazzo…. grazie gip
marzo 19th, 2008 at 17:55
Nel caso di Scamarcio la scelta era obbligata per due motivi:
1) Il logo occupa lo spazio dei capelli senza coprire il viso
2) Il capoccione di Scamarcio avrebbe coperto completamente il Logo rendendolo irriconoscibile
Ma nel tuo caso la sovrapposizione è talmente minima che solitamente si preferisce dare più importanza alla figura che alla scritta…
…comunque il mio era un puntiglio… non faccio questo nella vita, ma le riviste le compro anche io…
marzo 19th, 2008 at 18:07
puntiglio
Sillabazione/Fonetica [pun-tì-glio]
Etimologia Dallo sp. puntillo, dim. di punto (de honor) ‘punto (d’onore)’
Definizione s. m.
Ostinazione caparbia di chi sostiene un’idea o compie un’azione più per orgoglio che per vera convinzione: prolungare la discussione per puro puntiglio
Lapis docet
marzo 19th, 2008 at 19:36
Gip non riesco a capire come eliminare quell’effetto di taglio netto che si vede quando incollo sul layer vuoto…
marzo 19th, 2008 at 20:17
Bene, ho trovato un nuovo passatempo per i prossimi giorni: piazzarmi sulla cover di Variety, poi su quella del Time… e perchè no, su Confidenze ^^
marzo 19th, 2008 at 20:49
@Pero: su Grandhotel no?
d.
marzo 19th, 2008 at 20:56
HAHAHAHHAHAHA will mi hai fatto morire dalle risate!
@Angel. Devi crearti un nuovo layer e col pennello devi dipingere varie sfumature succhiellando col contagocce i colori che ci sono sul bordino che ti avanza.
marzo 19th, 2008 at 21:19
arriverà presto …
marzo 19th, 2008 at 22:10
grande gip… grande bravo e bello…
bello e bravo… bravo e bello… bello e bono…
cmq non è meglio usare il lazo magnetico rispetto a quello poligonale? e piu veloce e poi segue meglio il contorno del personaggio, o sbaglio?
marzo 19th, 2008 at 23:27
Il lazzo magnetico, per me, è scomodo perchè va un po’ troppo per i fatti suoi… sono io che comando, non il programma
marzo 19th, 2008 at 23:29
Gip lo so che sono un rompicoglioni…ma il font per Vanity Fair dove lo trovo?! Il sito che mi hai dato mi dà un risultato MOLTO POCO soddisfacente…
marzo 20th, 2008 at 08:52
@Will: Hihihihi! Vada per grandholtel allora =”D
@Gip: cmq, stavo facendo vedere il tutorial a un amico e…
-Ðan³ – Ichiban™ scrive:
quando m’hai fatto vedere la foto
pensavo fosse un GQ veroooo!
-pero scrive:
ma no
-Ðan³ – Ichiban™ scrive:
ma chi e’ sto manzoo?
-pero scrive:
Gipris, un blogger
-Ðan³ – Ichiban™ scrive:
ma che gnocco!
;P
marzo 20th, 2008 at 09:26
@ Angel. Cerca cerca… ce sta…
@ Pero. Sarà contento Bi appena leggerà sti commenti
marzo 20th, 2008 at 09:53
[...] seguito i consigli del buon Gipris, beh non proprio tutti, le pupille sono celate dall’occhiale [...]
marzo 20th, 2008 at 10:12
buon giorno gipris, ho un problema non riesco ad eliminare il bordino che rimane dopo aver usato il lazzo!!!!
oggi preparati, mi sà che ti romperò spesso le scatole!!!!!
marzo 20th, 2008 at 10:30
te la posso mandare per e-mail così mi dici come è venuta sta copertina!!!!
marzo 20th, 2008 at 10:37
vai
marzo 20th, 2008 at 11:21
gip dici? finora non mi dato problemi il lazo magnetico… cmq credo sia una questione di abitudine….
marzo 20th, 2008 at 12:45
avessi anche solo un minimo di pazienza mi divertirei un sacco a rielaborarmi in questo modo
marzo 23rd, 2008 at 23:50
Dopo 53 commenti arrivo pure io… Devo dire che anche senza chiaro-scuro, la copertina la meritavi lo stesso… E quei pochi ritocchi sono serviti solamente per meri motivi di impaginazione… Complimenti a lei, e a sua madre… se ne ha uno anche della taglia S attorno ai 20 anni me lo mandi per posta prioritaria!
Manuel
marzo 30th, 2008 at 11:17
in effetti ti sono venute un pò di occhiaie di troppo…
marzo 31st, 2008 at 13:57
Gipris!! Soccia che bono! :_D (pure senza gli artefatti di PS!)
aprile 15th, 2008 at 15:04
Ciao gipris cercavo istruzioni su come crearsi una copertina famosa e sono finito qui…all’inizio pensavo fosse un post di un brutto blogger che avesse usato una foto di un modello…poi ho appreso che invece sei tu!!!complimenti senza parole…la mia email l ho postata …perfavore sentiamoci sono belloccio ank ‘io:P !!!aspetto una tua email!
maggio 6th, 2008 at 10:24
[...] Ti piace essere protagonista ma non sai come fare? Semplicemente scrivendomi. Riceverai in posta elettronica un paio di “regole” che ti guideranno nel realizzare la foto necessaria al progetto. Purtroppo non abitando tutti vicini non sarà possibile realizzare un set fotografico perciò sarai te ad inviarmele. Le regole da rispettare vanno dalla risoluzione (cioè dalla qualità) della foto, alle dimensioni; in più ci saranno alcuni consigli per ottenere delle belle foto anche restando comodamente chiusi in camera propria (come fa sempre il sottoscritto). [...]
luglio 26th, 2008 at 14:25
ciao volevo un consiglio da un artista di photoshop quale tu sei
ho una foto molto complicata da scontornare perche la tipa ha i capelli cotonati e sparati il fatto è che lo sfondo è un muro bianco ma a buccia d’arancia
hai qualche dritta per farlo sparire o diventare totalmente bianco?
luglio 28th, 2008 at 09:45
Ciao Ernesto.
beh prova a duplicare intanto il livello. Poi rendi in B/N uno dei due livelli e con le curve prova ad enfatizzare i contrasti, in modo che i “chiari” diventino bianchi e le ombre molo scure. Quando hai fatto questo, dovresti ritrovarti lo sfondo molto uniforme… a quel punto hai diversi metodi: puoi mascherare la tua foto originale in modo tale che si veda solo lo sfondo che hai appena ritoccato, oppure selezionando lo sfondo dell’originale con la bacchetta (o con una selezione) e cancellarlo. A te la scelta