Bullauge
In diesem Tutorial werde ich zeigen wie man anhand von Formen und Stilen eine Art Bullauge kreiert.
Bild 1 zeigt euch das Endergebnis!
1. Zuerst erstellt ihr ein neues Dokument ("Datei->Neu...") mit den Einstellungen:
Breite/Höhe -> 250/250 Pixel
Auflösung -> 72 Pixel/Zoll
RGB-Farbe - 8 Bit
Hintergrund -> Weiß
2. Mit dem Ellipse-Werkzeug (U) erstellt ihr bei gedrückter "Shift"-Taste einen Kreis von 135px Durchmesser. Die somit entstandene neue Ebene nennt ihr "Stahlrahmen" und positioniert sie in der Mitte.
3. Als nächstes bekommt die "Stahlrahmen"-Ebene ein paar Ebenenstile. Dazu klickt ihr mit der rechten Maustaste auf die Ebene und wählt "Fülloptionen..."
Die Einstellungen zeigen Bild 2 bis Bild 5 (Schlagschatten - Bild2; Abgeflachte Kante Relief - Bild3; Abgeflachte Kante Relief Kontur- Bild4; Kontur - Bild5).
Das Endergebnis dieser Prozedur zeigt Bild 6.
4. Damit man auch was sehen kann wenn man durch das Bullauge schaut, benötigt ihr ein beliebiges Bild (ich habe mich für ein Fischemotiv entschieden). Dieses Bild positioniert ihr unterhalb der "Stahlrahmen"-Ebene und nennt es "Bild". Natürlich müßt ihr es auf die runde Form beschneiden, was ich hier nicht näher erklären will (Bild 7).
Schöne lizensfreie Fotos gibt es übrigens bei photocase.com
5. Kümmern wir uns nun um die Scheibe.
Erstellt eine neue Ebene namens "Scheibe" und plaziert sie oberhalb der "Bild"-Ebene. Als nächstes ladet ihr die Auswahl der "Stahlrahmen"-Ebene. Das geht ganz einfach, indem ihr bei gedrückter "Strg"-Taste auf die Ebenenminiatur dieser Ebene klickt. Jetzt verkleinert ihr diese Auswahl über "Auswahl" -> "Auswahl verändern" -> "Verkleinern" um 12 Pixel (Bild 8 zeigt das Ergebnis).
Wählt jetzt wieder die "Scheibe"-Ebene aus und füllt die Auswahl mit der Farbe #237ac1. Das sieht natürlich noch nicht nach einer Scheibe aus. Deshalb wendet ihr wieder, wie schon bei der "Stahlrahmen"-Ebene, Ebenenstile an.
Die Einstellungen zeigen Bild 9 bis Bild 14 (Schlagschatten - Bild9; Schatten nach innen - Bild10; Schein nach Aussen - Bild11; Schein nach innen - Bild12; Abgeflachte Kante relief - Bild13; Abgeflachte Kante relief Kontur - Bild14;)
Wenn ihr alle Werte korrekt eingegeben habt, müßt ihr noch die "Füllmethode für die Ebene" auf "Multiplizieren" und die "Deckkraft" auf 55% einstellen.
Das Ergebnis zeigt Bild 15.
6. Um den Übergang zwischen dem Stahlrahmen und der Scheibe noch ein wenig herauszuarbeiten, erstellt ihr eine weitere Ebene namens "innerer Rahmen" und plaziert sie über der "Scheibe"-Ebene. Danach ladet ihr die Auswahl der "Scheibe"-Ebene (Wie das geht erklärt Punkt 5), verkleinert die Auswahl um 2 Pixel und gebt der Auswahl eine Umrandung ("Auswahl" -> "Auswahl verändern" -> "Umrandung...") von 4 Pixel (Bild 16 zeigt die Auswahl).
Wählt die "innerer Rahmen"-Ebene und füllt die soeben erstelle Auswahl mit der Farbe Schwarz. Jetzt kommt noch ein Ebenenstil drauf (Schlagschatten - Bild17) und die Deckraft der Ebene wird auf 29% gesetzt.
7. So, jetzt geht´s in die letzte Runde! Es fehlen nur noch die Nieten.
Mit dem "Ellipsen"-Werkzeug und gedrückter "Shift"-Taste erzeugt ihr einen schwarzen Kreis (Bild 18). Die dadurch entstandene Form-Ebene nennt ihr Niete. Auch hier läuft der Rest wieder über die Ebenenstile.
Die Einstellungen zeigen Bild 19 bis Bild 23 (Schlagschatten - Bild19; Schein nach innen - Bild20; Abgeflachte Kante relief - Bild21; Abgeflachte Kante relief Kontur - Bild22; Verlaufsüberlagerung - Bild23).
Wenn ihr alles eingegeben habt könnt ihr die Ebene 3mal duplizieren und so anordnen wie es Bild 24 zeigt.
So, das wars mal wieder.
Ich hoffe alles gut erklärt zu haben und wünsche euch viel Spass beim nachbauen.
Bei Fragen und Anregungen scheut euch nicht einen Kommentar abzugeben.
tom :)


























Samstag, 21-07-07 11:51
Super Tutorial, gerade für Einsteiger ein Muss um sich mit den Funktionen von PS vertraut zu machen. Ist echt eine nette Idee mit dem Bullauge.
Vielen Dank für die genaue und gute Erklärung sowie den Bildern.
Mittwoch, 16-05-07 02:25
danke süper erklärt.....solche Beispiele sind einfach Wunderbar um sich in photoshop zu vertiefen...
:)
mfg
TeBeSSüm HaBaBam VaDiSi
Sonntag, 24-09-06 20:23
Nice Tut, schaut sehr schön aus, und ist sehr gut erklärt!
Weiter so!
MfG