Il logo della sezione del sito denominata  Oggetti glossy in photoshop.

Oggetti glossy in photoshop.

Realizza in 10 minuti rifiniture glossy in stile web 2.0 con photoshop.

Sommario

Realizziamo l'oggetto

Per prima cosa creiamo un nuovo documento in photoshop. Impostiamo le dimensioni a 512X512 px.
Con lo strumento ellisse creiamo una sfera di 412 px di diametro.
Selezioniamo le opzioni di fusione sulla nostra ellisse e come prima cosa gli diamo una sfumatura lineare da #0e0e0e a #7d7d7d, come mostrato in figura.

Immagine riferita a: Oggetti glossy in photoshop.Impostazione del gradiente sulla nostra ellisse

Immagine riferita a: Oggetti glossy in photoshop.Opzioni date al gradiente in photoshop cs2

Selezioniamo adesso l’ombra internae diamo un’opzione di fusione Screen e come colore #FFFFFF e diamo le impostazioni come in figura.

Immagine riferita a: Oggetti glossy in photoshop.opzioni dell’ombra interna con photoshop cs2

Spuntiamo quindi l’opzione bagliore interno e diamo le seguenti impostazioni.

Immagine riferita a: Oggetti glossy in photoshop.Opzioni di bagliore interno in photoshop cs2

Selezioniamo l’opzione Bevel and Emboss e diamo le seguenti impostazioni.

Immagine riferita a: Oggetti glossy in photoshop.Opzione di inner bevel in photoshop cs2

Selezioniamo infine l’opzione Satin e diamo le seguenti impostazioni.

Immagine riferita a: Oggetti glossy in photoshop.Opzioni Satin in photoshop cs2

Duplichiamo il nostro livello ellisse. Portiamo il riempimento a 0%.

Immagine riferita a: Oggetti glossy in photoshop.Azzeramento del riemimento di un livello in photoshop cs2

Spegniamo le opzioni di fusione Bevel and Emboss, Satin e sovrapposizioni sfumatura. E diamo all’ombra interna delle copia le eguenti impostazioni.

Immagine riferita a: Oggetti glossy in photoshop.Opzioni di ombra interna alla copia del livello ellisse

Effetto glossy

Per creare uno splendido effetto glossy sulla nostra sfera procediamo come segue. Con lo strumento ellisse creiamo una sfera come mostrato in figura.

Immagine riferita a: Oggetti glossy in photoshop.Creazione dell’ellisse per il bagliore in photshop cs2

Portiamo il riempimento a 0%. selezioniamo le opzioni di fusione>sovrapposizione sfumatura e creiamo una nuova sfumatura da bianco a bianco, come in figura. Portiamo l’opacità del bianco a sinistra del gradiente a 0% e confermiamo.

Immagine riferita a: Oggetti glossy in photoshop.Opzioni della sfumatura lineare applicata all’ellisse

Rasteriziamo il livello e creiamo un a selezione dalla sfera grande tenendo premuto il ctrl e cliccando sul livello shape 1. Duplichiamo la selezione del livello rasterizzato (ctrl+J) e spegniamo il resto.

Immagine riferita a: Oggetti glossy in photoshop.Spegnimento dei livelli in eccesso

Con lo strumento ellisse creiamo un’altra ellisse come mostrato in figura. Portiamo l’opacità a 0% e applichiamo una sfumatura radiale come in figura.

Immagine riferita a: Oggetti glossy in photoshop.Opzioni di sfumatura radiale sul nostro oggetto

Rifiniture

Per rifinire il nostro oggetto procediamo come segue. Selezioniamo il primo livello ellisse e dalle opzioni di fuzione selezioniamo il contorno e diamo le seguenti impostazioni:

Immagine riferita a: Oggetti glossy in photoshop.Opzione di contorno sul nostro oggetto ellisse

Duplichiamo la  nostra ellisse e la trasformiamo come in figura

Immagine riferita a: Oggetti glossy in photoshop.Trasformazione di una copia del livello per creare l’ombra

Disattiviamo tutte le opzioni di fusione da questo livello e lo rasteriziamo. Applichiamo il filtro Box blur con le impostazioni in figura:

Immagine riferita a: Oggetti glossy in photoshop.Le impostazioni del filtro Box Blur da applicare

Lo spostiamo verso il basso e diamo le seguenti impostazioni al livello: Moltiplica, opacità 100%, riempimento 21 % e otterremo l’immagine in figura

Immagine riferita a: Oggetti glossy in photoshop.Il risultato ottenuto seguendo il tutorial

Sommario

Inserito il 18 Novembre 2009 nella categoria Tutorial photoshop

social bookmarking

  • (sottoscrivi il feed): photoshop, tutorial, photoshop tutorial in Facebook
  • (sottoscrivi il feed): photoshop, tutorial, photoshop tutorial in Twitter
  • (sottoscrivi il feed): Oggetti glossy in photoshop. in Google Bookmarks
  • (sottoscrivi il feed): Oggetti glossy in photoshop. in Yahoo! My Web
  • (sottoscrivi il feed): Oggetti glossy in photoshop. in Windows Live Space
  • (sottoscrivi il feed): Oggetti glossy in photoshop. in FriendFeed
  • (sottoscrivi il feed): Oggetti glossy in photoshop. in del.icio.us
  • (sottoscrivi il feed): Oggetti glossy in photoshop. in Wikio
  • (sottoscrivi il feed): Oggetti glossy in photoshop. in Netscape
  • (sottoscrivi il feed): photoshop, tutorial, photoshop tutorial in Technorati
  • (sottoscrivi il feed): photoshop, tutorial, photoshop tutorial in Ok Notizie
  • (sottoscrivi il feed): photoshop, tutorial, photoshop tutorial in Diggita
  • (sottoscrivi il feed): photoshop, tutorial, photoshop tutorial in Segnalo
Tags photoshop, tutorial, photoshop tutorial

Chi sono

Ciao, il mio nome è Vittorio Maria Vecchi e sono un web&graphic designer specializzato nella creazione di siti web altamente Indicizzabili e posizionabili sui motori di ricerca, accessibili, progettati secondo gli standard del W3C...DETTAGLI >