Tgg – Webdesign Inspiration

Il tutorial di seguito vi mostrera’ come creare un icona/logo 3d in photoshop seguendo lo stile “adobe”.. vediamo come iniziare :

Creiamo lo sfondo
Iniziamo con il creare un nuovo documento da 600x480px con colore di sfondo bianco.duplichiamo il livello di sfondo e apriamo le opzioni di fusione assegnando una sfumatura radiale con i seguenti colori : #575353 – #211d1d

diamo un effetto allo sfondo per far si che il nostro box non risulti “in aria” , quindi facciamo una selezione sulla parte bassa del documento, creiamo un nuovo layer e su questo assegniamo un altra sfumatura radiale partendo dall’alto verso il basso della selezione

Creiamo un Box usando lo strumento forma rettangolare, andiamo sulle opzioni di fusione ed assegnamo i seguenti colori : #0080c3 – #004893. cliccando con il tasto destro sul rettangolo appena creato selezioniamo trasformazione >> prospettiva, alzando leggermente verso su la parte bassa destra della forma, di conseguenza la parte al si abbasserà. Duplichiamo il livello e andiamo su trasforma >> rifletti orizzontale. Posizioniamolo in perfetta linea del rettangolo precedente.

apriamo uno alla volta le opzioni di fusione dei rettangoli e diamo una finitura lucida seguendo questi valori :

Adesso selezioniamo i rettangoli singolarmente, partiamo da quello destro CTRL+CLICK sull’immaginetta del livello (quella sulla sinistra) , si creera’ una selezione attorno alla shape, creiamo un altro livello e lavoriamo su questo. selezioniamo lo strumento sfumatura ed assegnamo come colori BIANCO in entrambi i lati, settando pero’ 0% di percentuale sull’opacità del secondo. Creiamo una linea di sfumatura partendo dal basso (lato sx) verso l’alto (lato dx) e settiamo l’opacità del nuovo livello a 50%, selezioniamo lo strumento laso poligonale e creiamo un tracciato nella parte bassa della shape, andiamo su modifica >> cancella. Facciamo la stessa procedura per la shape di sinistra.

Creiamo adesso la nostra scritta sulla shape destra. scriviamo cio’ che vogliamo, dopo rasterizziamo il testo (tasto destro sul livello >> rasterizza) in modo da convertirlo in oggetto normale. Trasformiamolo : Trasforma >> prospettiva e mettiamolo in prospettiva giusta con la shape. Diamo un po’ di effetto al testo seguendo questi valori :

Creiamo adesso un po’ di effetti allo sfondo. Selezioniamo il livello di prospettiva bassa creato all’inizio subito dopo lo sfondo, muniamoci di un pennello morbido di 300 px, creiamo un nuovo livello e “sporchiamolo” creando un cerchio con il colore #196dad … facciamo la stessa cosa anche nella parte alta creando un nuovo livello sopra lo sfondo principale :

Il nostro box e’ pronto. sbizzarritevi a vostro piacere con i colori