12x bewertet

Glaseffekt

von Lile  |  27.12.2009 um 16:13 h
Grafik Effekte
Typ: Grafik Effekte
Programm: Photoshop
Stufe:Schwer
Willkommen zum Remaking 2.0 des Glaseffekt-Tutorials.

Vorwort:

Zunächst ist es wichtig, dass ihr gewisse Grundkenntnisse in Photoshop besitzt. Meine Wenigkeit verwendet für das folgende Tutorial Photoshop CS3. Ich werde dennoch versuchen es auch Photoshop Neueinsteigern so einfach wie möglich zu machen. Also Ohren gespitzt und aufgepasst. Zudem sind alle Angaben die ihr sehen könnt auf freiwilliger Basis, ihr müsst die Einstellungen also nicht so übernehmen sondern könnt sie euch-beliebig anpassen.

Part I - Die Form

Neue Datei

In diesem Tutorial werden wir eine so genannte "Autoform" benutzen die unseren glossigen Glaseffekt bekommt. Kreise sind langweilig, deswegen werden wir uns heute ein Herz aus Glas basteln. Um Eine Autoform zu erstellen benötigt ihr als erstes selbstverständlich eine neue Datei in Photoshop die ihr über "Datei - Neu..." oder der Tastenkombination Strg + N einfügen könnt. Nehmt euch eine beliebige Größe, oder übernehmt meine Einstellungen:

Bild

Auswahl der Auto -Form

Nun zur Autoform; auf der linken Seite findet ihr eure Werkzeuge, dort nehmt ihr euch das Autoform-Werkzeug und wählt es mit der rechten Maustaste an um in die Unterfunktion "Eigene-Form-Werkzeug" zu gelangen.

Bild

Nun hat sich im oberen Bereich eures Photoshops etwas getan, ihr seht ihr habt eine kleine Vorschau-Auswahl mit der Beschriftung "Form:" zur Verfügung, klickt den kleinen Pfeil rechts daneben an und öffnet die Auswahl, im Normalfall habt ihr das Herz nun bereits zur Auswahl zur Verfügung. Falls nicht geht ihr wie folgt vor:
Auch das Auswahlfenster verfügt über einen kleinen Pfeil-Button an der oberen rechten Ecke, klickt ihn an und wählt "Alle Formen" aus um euch dann das Herz etwas weiter unten herauszunehmen.

Bild


Auto-Form erstellen

Zunächst wählt ihr euch einen schönen Pastellfarbton aus - um dann das Herz auf eure neue Datei zu bekommen, klickt ihr mit der linken Maustaste eine beliebige Stelle auf dem "leeren Blatt", haltet sie gedrückt und zieht die maus zu euch hin. Welche Maße das Herz haben wird liegt nun ganz bei euch, bei mir sieht es so aus:

Bild

Ihr habt das Herz nun als neue Vektor-Masken-Ebene in eurer Ebenenauflistung.

Bild

Part II - Die Schattierung

Schatten nach innen

So ein Herz sieht nur nach Glas aus wenn es auch ein paar dunkle Stellen besitzt. In der Ebenenauswahl rechts von euch, handhabt ihr einen Rechtsklick auf die Ebene die entstanden ist als ihr euch eure Auto-Forum erstellt habt und wählt "Fülloptionen" aus. Dort hakt ihr den Effekt "Schatten nach innen" und übernehmt folgende Einstellungen:

Bild

Schein nach innen

Als nächstes fügen wir einen hellen Schein nach innen ein, auch hier benötigt ihr die Fülloptionen dazu und hakt den Effekt "Schein nach innen" und übernehmt folgende Einstellungen. Selbstverständlich könnt ihr Schattierung und Hebungen ganz nach eurem Ermessen einstellen.

Bild

Verlaufsüberlagerung

Die Verlaufsüberlagerung gibt einen ganz wichtigen Part an, ohne ihn wird eure Form nie nach Glas aussehen. Auch diese Option findet ihr in den Fülloptionen, hakt sie ab und übernehmt diese Einstellungen:

Bild

Ganz wichtig hierbei ist, dass ihr einen Grau-zu-Weiß Verlauf nehmt - wie machen? Ganz einfach: Klickt den vorgegebenen Verlauf an und ändert die Farbunterbrecher so, dass ihr einen Grau-Weiß-Verlauf habt, einfach doppelt drauf klicken und die jeweiligen Farben auswählen.

Bild

Glanz

Das gleiche gilt nun für den Glanz:

Bild

Part III - Glossy

Nun kommt der eigentliche Teil des ganzen Tutorials: Wir geben der Grafik den Glaseffekt! Dazu müsst ihr nun etwas konzentrierter sein da dieser Teil eure komplette Aufmerksamkeit fordert. Beginnen wir also:

Eure Grafik müsste bisher ca. so aussehen:

Bild

Soweit so gut. Nun benötigt ihr euer Asuwahlellipse-Werkzeug welches sich auf der linken Seite unter euren Werkzeugen befindet. Auch hier ist ein Rechtsklick nötig um an diese Option heranzukommen wenn sie nicht bereits ausgewählt wurde.

Bild

Als nächstes erstellen wir eine neue Ebene über das Ebenen Fenster:

Bild

Nun braucht ihr das Ellipse-Werkzeug. Zieht ein Oval über die Hälfte des Herzes: Aber Vorsicht: Es darf nicht aus dem Marquee herausgucken bis auf die untere Hälfte:

Bild Bild

Jetzt braucht ihr eurer Verlaufswerkzeug und einen Weiß-in-Weiß Verlauf, dabei muss einer der Farbunterbrecher unsichtbar sein und um das hinzubekommen müsst ihr euch einen der oberen Farbunterbrecher nehmen und die Deckkraft auf 0 stellen:

Bild

Nun kommt der Verlauf in unsere neue Ebene über unser Herz, wichtig dabei ist, dass der Verlauf von Sichtbar in Unsichtbar übergeht- Der Verlauf kommt in die vorher markierte Auswahl, ungefähr in dieser Dimension, genau wie bei der Autoform klicken und dann ziehen:

Bild

Nun habt ihr den Verlauf auf den Herzen, aber wir haben ja nun noch Überreste der Ellipse die wegmüssen. Keine große Sache. Um diese wegzubekommen schneiden wir uns unseren Glossy-Effekt in Form des Herzens aus, wie das geht? Ganz einfach. Haltet Strg gedrückt und klickt in eurer Ebenenauswahl auf die Vektormaske - das Herz. Ihr müsstet nun das Herz ausgewählt haben.

Bild

Wählt nun die Ebene aus in der ihr den Glossy-Effekt habt und drückt die Tastenkombination Strg + C zum kopieren. Ihr habt nun aus eurem Glossy-Effekt, ausschließlich die Form des Herzens herauskopiert. Löscht nun die komplette Glossy-Effekt Ebene und fügt eine Neue ein. Ihr müsstet das herz immernoch markiert haben, wenn nicht wiederholt ihr einfach die Tastenkombination Strg + Klick auf Vektormaske - Wählt die neue Ebene aus und drückt die Tastenkombination Strg + V.


Euer Glaseffekt ist nun etwas verrutscht, aber keine Sorge: Wählt euer Verschieben-Werkzeug aus Bild dann die Ebene mit dem Glaseffekt. Drückt nun so lange die Pfeil-Rauf-taste auf eurer Tastatur bis sich der Glaseffekt in der richtigen Position befindet. Je nachdem kann es auch sein, dass ihr den Glanz auch etwas nach links oder rechts verschieben müsst - bei mir war es der Fall. Euer Glaseffekt ist nun fertig!

Bild

Ihr könnt auch noch eine Texteben zwischen die Ebene mit dem Glaseffekt und die mit dem Herzen setzen in einer zum Herz passenden Farbe einfügen, so wie ich es getan habe.

Have Fun & Good Luck beim Nachmachen



9 Kommentare




Porzelaine

So ein Tutorial gibts schon Smilie
am 27.12.2009 um 21:24 Uhr


monkeybox

Das Tutorial wurde von Lile erstellt. Und wie schon oben im Tutorial genannt, handelt sich es hier um ein Remaking.
am 27.12.2009 um 22:06 Uhr


Fr34k

Super schönes Tutorial!!! :) Super gute Überarbeitung, sehr viele Bilder, klasseˆˆ
am 27.12.2009 um 23:47 Uhr


Yuyeon

ich liebe den glaseffekt. sollte man mal bei texten versuchen (bei mir hats zumindest nicht soo gut geklappt, wie das herz, leider..) tolles, ausführliches remake Smilie
am 28.12.2009 um 02:47 Uhr


Lile

@Yuyeon: Bei Texten kommt der Effekt leider nicht so gut rüber wie in großflächigen Formen.

@ Porzelaine: Wie Monkey bereits erklärt hat stammt auch das vorherige Tutorial von mir, bei diesem hier handelt es sich nur um ein ausgebessertes Remaking des alten Tutorials weil sich viele mehr Bilder und mehr Beschreibung gewünscht hatten.



Smilie
am 30.12.2009 um 14:13 Uhr


SmaX

Sieht echt cool aus! 6P
am 30.12.2009 um 23:03 Uhr


Nobi

ergebnis sieht klasse aus und die erklärungen sind echt super :)
am 31.12.2009 um 13:02 Uhr


Sadako

ich liebe diesen effekt <3
macht sich bei vielen sachen super gut, geht auch mit bildern hab ich grade bemerkt x3
echt cool und auch super schön erklärt x3
volle punktzahl x3
am 05.01.2010 um 19:04 Uhr


Lile

Vielen Dank für das liebe Feedback ˆˆ
am 10.01.2010 um 07:29 Uhr