All Articles Photoshop
Erstellen von Web 2.0 Glass-Effekte 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

Erstellen von Web-2.0-Stil Glas-Effekte in Photoshop ist nicht nur einfach und macht Spaß, aber Sie bekommen Auge fallenden Ergebnisse auch. So ziehen Sie diese aus, werden wir die Nutzung von Photoshop-Vektor-Zeichenwerkzeuge, Ebeneneffekte und Steigungen.

Let's check it out!

Schritt 1 - Document Set-Up

Starten Sie Photoshop und erstellen Sie ein neues Dokument über Datei

Schritt 2 - Erstellen der Basic Object

Nächstes wollen wir die grundlegende Aufgabe, die wir wollen den Glas-Effekt angewendet werden soll. Sie können buchstäblich verwenden, was Form, die Sie möchten. Um Stick mit meinem Web 2.0 Thema, ich werde zu einem Rechteck mit abgerundeten Ecken erstellen. Also, aus Photoshop Toolbox, gehen Sie vor und wählen Sie das Werkzeug für abgerundetes Rechteck zusammen gefunden mit anderen Vektor Photoshop Zeichenwerkzeuge begraben. Dann klicken Sie und ziehen Sie eine Form, die Größe die Sie möchten. Mach dir keine Sorgen über die Farbe, die Form in wird mit gefüllt. Wir werden diese in einem zweiten fix.

Schritt 3 - Anwenden eines Verlaufsüberlagerung

Jetzt wollen wir unsere Gradient Overlay gelten. Leiter der Ebenen-Palette. Beachten Sie, dass Ihr Vektorobjekt auf seine eigene Form Schicht erscheint. Auf der rechten Seite der Formebene Doppelklicken Sie auf den Layer Style Dialogfeld zu öffnen. Als nächstes auf Gradient Overlay in der linken Spalte klicken. Hier können Sie entweder ein vorhandenes Gefälle oder gehen Sie vor und erstellen Sie Ihre eigenen.

Schritt 4 - Einrichten eines Inner Glow

Jetzt werden wir setzen ein inneres Glühen zu geben unser Objekt eine leicht dreidimensionale Optik. Von der linken Spalte in den Ebenenstilen Dialog wählen Sie Inner Glow. Stellen Sie den Mischmodus auf Überlagern, die Farbe weiß, und die Range (am Boden) auf etwa 15. Schließlich, um ein bisschen mit dem Schieberegler Größe (fand fast in den Totpunkt des Dialogfelds. Wenn Sie zufrieden mit Ihrem Ergebnis zufrieden sind, klicken Sie auf OK, um den Ebenenstil-Dialog zu schließen Geige.

Schritt 5 - Erstellen der Reflective Glass Effect Part One

Wir sind endlich bereit, das reflektierende Glas-Effekt zu erzeugen. In der Ebenen-Palette, halten Sie die Befehlstaste (Mac) bzw. Strg (PC) und klicken Sie auf die richtige Miniaturansicht im Formebene. Dies lädt die Form wie eine Auswahl. Anschließend erstellen Sie eine neue, leere Ebene. Aus der Toolbox, wählen Sie die Auswahlellipse und dann mit gedrückter Shift-Opt (Mac) oder Alt + Shift (PC) und ziehen Sie am oberen Rand Ihrer Form und ungefähr auf halbem Weg nach unten. Seien Sie nicht entmutigt, wenn dies bringt Sie ein paar Versuchen werden. Halten Sie versuchen und Verhängnis, bis Sie es Nagel.

Schritt 6 - Erstellen des Reflective Glass Effect Part Two

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.

Es gibt so viele verschiedene Anwendungen für diesen Effekt, einschließlich Navigation Buttons, Menüs, Werbebanner, Header-Grafiken, und so weiter. Und wie Sie sehen können, ist es schnell, einfach und macht Spaß!

Brauchen Sie mehr? Schauen Sie sich die volle Bandbreite von Photoshop Tutorials hier !

Comments (0)

You must be logged in to comment. Login Now

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: