Visita <a href="http://www.liquida.it/" title="Notizie e opinioni dai blog italiani su Liquida">Liquida</a> e <a href="http://www.liquida.it/widget.liquida/" title="I widget di Liquida per il tuo blog">Widget</a>
Cerchi guide e consigli riguardo al mondo del webdesign?
Sei nel posto giusto!
Iscriviti subito al nostro Feed RSS!

Come creare una lattina personalizzata in Photoshop CS5

Articolo pubblicato il 26-09-2010. Categorie: Composizioni, Guide, Photoshop, Tutorial testuali. Commenti: 9.

Come creare una lattina personalizzata in Photoshop CS5

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).

Come creare una lattina personalizzata in Photoshop CS5

Come creare una lattina personalizzata in Photoshop CS5

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.

Come creare una lattina personalizzata in Photoshop CS5

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.

Come creare una lattina personalizzata in Photoshop CS5

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%.

Come creare una lattina personalizzata in Photoshop CS5

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.

Come creare una lattina personalizzata in Photoshop CS5

Infine ho creato anche dei piccoli puntini bianchi intorno al testo ed inseriamo tutti i livelli all’interno di un unico gruppo.

Come creare una lattina personalizzata in Photoshop CS5

Come creare una lattina personalizzata in Photoshop CS5

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.

Come creare una lattina personalizzata in Photoshop CS5

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.

Come creare una lattina personalizzata in Photoshop CS5

Come creare una lattina personalizzata in Photoshop CS5

Posizioniamoci, ora, sulla voce Label Material, e impostiamo i valori come segue.

Come creare una lattina personalizzata in Photoshop CS5

Infine aumentiamo i valori dell’intensità della prima e seconda luce, rispettivamente a 1,5 e 3.

Come creare una lattina personalizzata in Photoshop CS5

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.

Come creare una lattina personalizzata in Photoshop CS5

Come creare una lattina personalizzata in Photoshop CS5

Come creare una lattina personalizzata in Photoshop CS5

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.

Come creare una lattina personalizzata in Photoshop CS5

9 commenti


  1. 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




  2. 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




  3. 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




  4. 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. :D
    Ottimo tutorial cmq bravi

    Rispondi



  5. Giorgia Grossi
    aprile 9th, 2012

    Ciao Ragazzi. Io non trovo il tasto 3D sulla barra degli strumenti!! O.O

    Rispondi



  6. 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