Clipmark

Immagini in stile iPod: Tutorial 2
di Alessandro Michelazzi

16-06-2006

Ci scrive Alessandro:

" Ho accolto l’invito a scrivere il tutorial su come realizzare delle podapic, in quanto mi son ritrovato a realizzare delle immagini con lo stesso concept (ma con differenti situazioni di luce e colori) già alcuni anni fa, prima che la Apple adottasse questo stile grafico per la sua campagna pubblicitaria dell’iPod (se volete vedere queste mie immagini le trovate sulla pagina del mio sito http://www.axelweb.it/foto/digital/shapes/shapes04.htm)

Allora partiamo con il Tutorial:
Per ottenere una buona podapic bisogna partire da una buona foto: deve essere una foto dove il soggetto è chiaramente riconoscibile dalla sua silhouette, e questa deve rappresentare una posa o anche un movimento che potrà essere percepito anche senza le informazioni basilari quali gli occhi, la bocca,l’espressione del viso,ecc…

Io sono partito da una mia foto scattata ad una modella (ho volutamente nascosto le parti intime della ragazza per non offendere nessuno…)

Cominciamo ora con lo strumento penna (tasto p) a costruire il tracciato attorno al corpo della ragazza. Il tracciato dovrà essere fatto nella maniera più accurata possibile evitando gli angoli troppo acuti. Una volta fatto potrete sempre fare qualche ritocco con lo strumento di selezione del tracciato (tasto a).

Una volta che abbiamo il tracciato del corpo creiamo una selezione mettendoci con la punta del mouse proprio sul tracciato e “ctrl+click” -> “make selection” e quindi selezioniamo Feather radium 0 e controlliamo che l’opzione “antialiased” sia selezionata.

Creiamo un nuovo livello di sfondo e riempiamolo con il colore rosa (numero rgb #ff6699). Se volete impostare un altro colore “ufficiale” della pubblicità iPod, essendo sicuri che la tinta sia la stessa, vi baserà salvare una qualsiasi immagine dal sito podapic (http://www.podapic.com/gallery.html) e quindi una volta importata in photoshop, si prenderà il colore di sfondo tramite lo strumento contagocce (tasto I).
Ora creiamo un nuovo livello e lo chiamiamo “corpo” e con la selezione della forma del corpo ancora attiva, la riempiamo con lo strumento secchiello (tasto g) assicurandoci che il colore impostato sia nero.

Ora ci appresteremo a creare l’ombra. Qui le strade da seguire sono varie, dipende dai gusti e dall’ispirazione. Diciamo che bisogna creare un’ombra finta quindi simulando la posizione del sole. Nel mio caso ho pensato alla posizione del sole dietro le spalle della ragazza e quindi l’ombra si ritrova a cadere di fronte a lei.
Incomincio col duplicare il livello della forma del corpo nero appena creato e quindi mi appresto a distorcerla con lo strumento edit->trasform->distort finchè il risultato è vicino all’idea dell’ombra cercata.

Il successivo passo sarà quello di rendere l’ombra sfumata, cioè che passa da un nero pieno nella prossimità dei piedi, ad un nero che va in trasparenza nella prossimità della testa.
Per ottenere questo mi creo un gradiente personalizzato (gradient tool, è lo strumento sotto al secchiello) andando nel “gradient editor” quindi “new” e di seguito creo un gradiente come nell’immagine : i due rettangolini di colore saranno tutti e due impostati su nero, mentre i due rettangolini di trasparenza saranno rispettivamente impostati su 10% e 100%

Selezioniamo ora l’ombra con lo strumento “bacchetta magica” (tasto W), creiamo un nuovo livello che chiamiamo “ombra sfumata” e quindi, con lo strumento gradiente selezionato, riempiamo la selezione, stando attenti a far partire il gradiente dalla direzione della testa. Impostiamo poi l’opacità di questo livello al 50% e effettuaimo le ultime modifiche all’ombra, cancellando le parti che vanno oltre la forma del corpo della modella e possiamo anche cancellare il vecchio livello “ombra”

Fatto questo ci prepariamo ad aggiungere il cavo degli auricolari e il nostro amico iPod.

Iniziamo col creare l’iPod impostando un nuovo livello chiamato “iPod”. Per fortuna il nostro player preferito ha un design semplice ed essenziale così che non troviamo grosse difficoltà a crearlo da 0 in photoshop. Ho creato quindi un rettangolo e ho smussato i bordi (select->modify->smooth e poi ho dato un raggio di 12px).

Di seguito ho riempito il rettangolo con il colore bianco e ho creato un piccolo rettangolo interno e un cerchio per creare rispettivamente il monitor e la ghiera ciccabile. Entrambi poi sono stati riempiti con un grigio medio.

Fatto questo distorceremo leggermente il livello con il comando edit->transform->perspective e cancelleremo un pezzo di ipod simulando il fatto che il lettore sia tenuto in una tasca dei jeans.

Per il cavo creiamo un nuovo tracciato vettoriale, sempre con lo strumento penna. Il tracciato può essere creato a piacimento stando solo attenti a non creare angoli acuti e realizzando qualcosa che sia credibile e riconoscibile come un cavo di auricolari, assicurandoci che l’estremità inferiore del cavo arrivi esattamente al centro dell’iPod.

Eseguito il tracciato, creiamo un nuovo livello chiamandolo “auricolari” e impostiamo un pennello (tasto B) con punta dura (hardness 100%) e punta con raggio di 4 px e impostiamo a bianco il colore di primo piano. Apriamo il pannello dei tracciati (Paths) , “ctrl+click” sul tracciato del cavo e scegliamo “Stroke path…”

nel menù dopo impostiamo come strumento il pennello (Brush) e stiamo attenti che la casella “simulate pressure” sia deselezionata. Avremo così il nostro cavo bianco inconfondibile su un nuovo livello.

L’ultima aggiunta è creare un piccolo tondino con lo strumento “Pennello” nella prossimità dell’orecchia per creare così l’auricolare e anche aumentare leggermente, sempre con il pennello, l’ingrossatura in prossimità del congiungimento del cavo degli auricolari.

Ultimo tocco : la scritta! Io ho scelto iPose in quanto richiama la “posa” della della modella e anche abbastanza il nome “iPod”. Ho usato come font il “century Gothic” impostato a “Bold” e grandezza 200 pt.

E con questo è finito! Spero che abbiate seguito il tutuorial fino alla fine a non abbiate trovato grosse difficoltà! Per suggerementi, critiche e ringraziamenti potete scrivere al mio e-mail : axel@axelweb.it

Breve profilo dell'autore
Alessandro Michelazzi si occupa di fotografia e grafica, lavorando sia come freelance che come responsabile per la parte grafica e fotografica per l’agenzia Top Plane Communications con sede a Gradisca d’Isonzo (Friuli Venezia Giuglia). Lavora principalemente con mezzi digitali tentando di coniugare il meglio tra i due aspetti creativi. Sito web : www.axelweb.it