All Articles Photoshop
La creazione di effetti vetro Web 2.0 in Photoshop
Geoff Blake on Fri, March 18th 0 comments
Creating Web 2.0 style glass effects in Photoshop is not only fun and easy, but you get eye-popping results, too. To pull this off, we'll be making use of Photoshop's vector drawing tools, layer effec

La creazione di Web 2.0 effetti di vetro in stile Photoshop non è solo divertente e facile, ma si ottiene risultati straordinari, anche. Per tirare fuori questo, saremo facendo uso di strumenti di disegno vettoriale di Photoshop, gli effetti di livello, e gradienti.

Let's check it out!

Fase 1 - Documento di Set-Up

Lancio di Photoshop e creare un nuovo documento scegliendo File

Passo 2 - Creare l'oggetto di base

Quindi, dobbiamo provare a creare l'oggetto di base che vogliamo applicare l'effetto vetro per. Si può letteralmente utilizzare qualsiasi forma che desideri. Per attaccare con il mio tema Web 2.0, ho intenzione di creare un rettangolo arrotondato. Così, dalla casella degli strumenti di Photoshop, andare avanti e selezionare lo strumento Rettangolo arrotondato trovati sepolti insieme a strumenti di Photoshop altre disegno vettoriale. Quindi, fare clic e trascinare una forma per le dimensioni che desideri. Non preoccuparti per il colore che la forma vengono riempite con. Ci risolvere questo problema in un secondo.

Fase 3 - Applicazione di un Sovrapposizione sfumatura

Ora vogliamo applicare la nostra sovrapposizione sfumatura. Dirigetevi verso il pannello Livelli. Si noti che l'oggetto vettoriale appare sul suo strato di forma. Fare doppio clic sul lato destro del livello di forma per aprire la finestra Stile livello. Avanti, fare clic su Sovrapposizione sfumatura nella colonna di sinistra. Qui, è possibile scegliere una sfumatura esistente o andare avanti e creare il proprio.

Fase 4 - Impostazione di un Bagliore interno

Ora potremo impostare un bagliore interno per dare il nostro oggetto un aspetto leggermente tridimensionale. Dalla colonna di sinistra nella finestra di dialogo Stile livello, scegliete Bagliore interno. Impostare il metodo di fusione in Sovrapponi, il colore al bianco e il Range (in basso) a circa 15. Infine, smanettare un po 'con il cursore Dimensioni (che si trova quasi al centro morto della finestra di dialogo. Quando sei felice con i risultati, fare clic su OK per chiudere la finestra di dialogo Stile livello.

Fase 5 - Creazione della parte riflettente Effetto Glass Uno

Siamo finalmente pronti per creare l'effetto vetro riflettente. Nel pannello Livelli, tenete premuto Cmd (Mac) o Ctrl (PC) e fare clic sulla miniatura a destra del livello di forma. Questo carica la forma come una selezione. Successivamente, creare un nuovo livello vuoto. Dalla casella degli strumenti, selezionare lo strumento Selezione ellittica, quindi tenete premuto il tasto Maiusc Opt (Mac) o Alt Shift (PC) e trascinare nella parte superiore della forma e circa a metà. Non scoraggiatevi se questo ti porta alcuni tentativi. Continuate a provare e disfare fino a quando non chiodo.

Fase 6 - Creazione della parte riflettente Effetto Glass Due

Let's create that reflection. Set your Foreground color to white and grab the Gradient tool. From the Options bar at the top, choose Foreground To Transparent from the Gradient Picker, then drag from the top of your object to just below your selection. Ka-Pow! There's your reflection effect.


Again, this step may take you a few tries to get right. Once you have it, get rid of your marching ants (Select > Deselect) and adjust the opacity of your reflection in the Layers panel.

Ci sono così tante diverse applicazioni per questo effetto, compresi i pulsanti di navigazione, menu, banner, grafica di intestazione, e così via. E come potete vedere, è veloce, facile e divertente!

Bisogno di più? Scopri la gamma completa di Photoshop Tutorials qui !

Comments (0)

You must be logged in to comment.

Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: