Come creare una lattina personalizzata in Photoshop CS5
Articolo pubblicato il 26-09-2010.
Categorie: Composizioni, Guide, Photoshop, Tutorial testuali.
Commenti: 9.

Sappiamo tutti che Photoshop non è nato come un software di grafica 3D, ma nel corso degli ultimi anni, in casa Adobe stanno cercando di implementare nuove funzioni, seppur basilari, riguardanti proprio quest’aspetto. Ma, per le piccole cose e per qualche piccolo divertimento, le funzioni 3D di Photoshop CS5 bastano ed avanzano. Ne è un chiaro esempio il tutorial di oggi: infatti, vedremo come creare una lattina 3D senza l’utilizzo di software specifici di grafica 3D.
Creiamo un nuovo documento (nel nostro caso 1000×600 px). Sblocchiamo il livello sfondo e vi applichiamo un gradiente radiale (#ff90c9 – #2f000a).
Creiamo un nuovo livello e andiamo su Filtro ->Render -> Nuvole. Successivamente su Filtro -> Schizzo -> Effetto cromatura e, con i valori di default, clicchiamo ok. Impostiamo il livello su Sovrapponi e eliminiamo, con una gomma morbida, le parti più esterne del documento.
Adesso inizia la fase di creazione della nostra lattina. Creiamo un nuovo livello e ne coloriamo lo sfondo (#ff90c9). Ne scuriamo la parte superiore e inferiore con un gradiente o con lo strumento brucia, per ottenere qualcosa di simile.
Con un pennello morbido di colore bianco, creiamo su un nuovo livello un punto di luce al centro e ne abbassiamo l’opacità al 45%.
Con il font Coca Cola ii, o quello che preferite, creiamo un testo sopra la nostra lattina (ancora in 2D), ed, eventualmente, anche uno slogan. Successivamente, io ho applicato anche un ombra esterna ai testi.
Infine ho creato anche dei piccoli puntini bianchi intorno al testo ed inseriamo tutti i livelli all’interno di un unico gruppo.
Adesso è il momento di rendere la nostra lattina 3D! Quindi, andiamo su 3D (voce disponibile solo da Photoshop CS4 in su) e poi New Shape From Layer -> Soda Can.
Apriamo il menu 3D (Finestra -> 3D) e posizioniamoci sulla voce “Cap Material”. Scegliamo il set si materiali di metallo, ed utilizziamo il “Metal Steel (Brushed)” con i valori nell’immagine.
Posizioniamoci, ora, sulla voce Label Material, e impostiamo i valori come segue.
Infine aumentiamo i valori dell’intensità della prima e seconda luce, rispettivamente a 1,5 e 3.
Adesso, attraverso gli strumenti di rotazione 3D, posizioniamo la nostra lattina come meglio crediamo e impostiamo la qualità del livello 3D su Ray Traced Final.
Al termine del processo di rendering, la nostra lattina è essenzialmente pronta. Possiamo, eventualmente, aggiungere una ombra: duplichiamo il livello 3D e lo rasterizziamo portandolo sotto all’originale; lo ruotiamo e vi applichiamo un controllo sfocatura abbassandone l’opacità del livello.
9 commenti










































Marco
settembre 29th, 2010
Ciao ottimo tutorial, avevo chiesto aiuto in questo argomento se era possibile.
http://www.artedelweb.it/esclusiva-collezione-di-risore-per-webdesigners/
Attendo risposte e grazie anticipate.
Rispondi
STAFF
settembre 29th, 2010
Ciao e grazie! Si ti abbiamo appena risposto, non avevamo notato il commento!
Rispondi
salvo
ottobre 6th, 2010
ciao a tutti voi esperti purtroppo io sto iniziando da poco e non riesco con cs5.non o ancora capito bene il discorso dei layer.il primo livello riesco a creare il colore ma quando devo creare un nuovo livello per fare l’effetto mi esce grigio.come vorrei imparare al piu’ presto
Rispondi
Staff
ottobre 7th, 2010
Ciao! Innanzitutto, non ti consiglio di seguire questo tutorial se sei ancora alle prime armi. Comunque non ho ben capito il tuo problema, potresti esprimerti meglio?
Rispondi
RIC
ottobre 12th, 2010
scusa ma quando vado a creare la lattina lo sfondo e la scritta nn si applicano, la lattina rimane grigia…come posso fare?
Rispondi
Staff
ottobre 13th, 2010
Ciao RIC, sei sicuro di aver utilizzato la funzionalità 3D stando sul livello del gruppo?
Rispondi
Stefano
febbraio 9th, 2011
la conosco io la risposta al suo problema!
è semplice tu applichi il 3D ad un solo livello quindi ti esce grigio e il colore e le scritte non compaiono. Organizza i livelli in un unica cartella e poi applica il 3D, altrimenti in maniera più semplice fai una selezione multima dei livelli, in parole povere, CTRL + CLICK su i livelli che devono comporre la lattina sono tipo 3 o 4 adesso non ricordo, li vedrai tutti selezionati poi applica il 3D.
Ottimo tutorial cmq bravi
Rispondi
Giorgia Grossi
aprile 9th, 2012
Ciao Ragazzi. Io non trovo il tasto 3D sulla barra degli strumenti!! O.O
Rispondi
Sinphie
maggio 7th, 2012
Ottimo questo Tutorial grazie! Io l’ho preso come spunto per fare la mia lattina, in aggiunta potete mettere le gocce così’ da l’aria più’ dissetante!!!
Rispondi