Photoshop

Apple Tutorial #2 (Photoshop Tutorial)

Tutorial erstellt von Scooby in Photoshop CS2, letzte Änderung am 28.01.2008

Ich erkläre euch in diesem Tutorial, wie ihr recht einfach einen netten Apple-Style hin bekommt.
Mein verwendetes Originalbild ist von Aboutpixel.de / oliver_w.

Ihr könnt entweder das gleiche Bild benutzen: Apfeleimer
oder ein eigenes verwenden.

Schritt 1: Freistellen des Objektes


Als ersten Schritt befreien wir unser Objekt von der Umgebung, ich habe bei dem Eimer unten etwas zusätzlich weggenommen, um die Stellen, an denen der Eimer von Gras bedeckt ist, nicht nachzeichnen zu müssen. Ihr müsste beachten, dass ihr den Eimer unten nicht gerade abschneidet, es muss in etwa die gleiche Rundung wie beim oberen Eimerrand sein.

Schritt 2: Die Schatten


Damit es auch aussieht, als stünde der Eimer auf einer Fläche, brauchen wir 2 Schatten:

Für den ersten Schatten zeichnen wir den unteren Rand des Eimers auf einer neuen Ebene mit einer kleinen Pinselspitze nach, als Farbe benutzten wir Schwarz (#000000).

Diese Ebene richten wir so aus, das 2/3 des gezeichneten Schattens unterhalb des Eimers sichtbar sind. Nun stellen wir noch die Deckkraft der Ebene auf 50 – 55%.

Für den zweiten Schatten erstellen wir eine Auswahl des ausgeschnittenen Eimers. Dazu drücken wir Strg und klicken mit der linken Maustaste auf die entsprechende Ebene. Nun erstellen wir wieder eine neue Ebene und füllen die Auswahl des Eimers mit dem Füllwerkzeug auf der neu angelegten Ebene.

Als nächstes müssen wir die Ebene noch so ausrichten, dass es aussieht wie ein Schatten des Eimers. Dazu benutzen wir Strg + T => Rechte Maustaste --> Verzerren und fassen (Linksklick und halten) das entstandene Viereck um den Eimer an der oberen Linie und ziehen in die Richtung der unteren linke Ecke.
Nun verschiebt die Ebene noch mit den Pfeiltasten so, dass der Schatten bündig mit dem linken unteren Ende des Eimers beginnt.

Wenn nun der Schatten auf der rechten Seite des Eimers etwas hervorragt, könnt ihr dort einfach wegradieren. Wir wenden jetzt noch den Filter > Weichzeichnungsfilter > Gaußscher Weichzeichner mit einem Radius von 3 Pixel an. Stellt die Deckkraft der Ebene auf 25 – 30 % und fertig ist der zweite Schatten.

Das Bild sollte nun wie folgt aussehen (hier mit weißem Hintergrund):



Schritt 3: Hintergrund


In Schritt 3 erstellen wir wieder eine neue Ebene und ziehen einen Verlauf (hell oben, dunkel unten) mit den Farben #1c1c1c und #4e4e4e (ihr könnt auch andere Farben verwenden), diese Ebene ordnen wir hierarich unter allen anderen Ebenen an.
Nun können wir den Eimer noch etwas auf die linke Seite des Bildes ziehen, denkt auch daran die Schatten mitzunehmen.

Nun sollte es ungefähr so aussehen:



Schritt 4: Die Spiegelung


Um eine Spiegelung des Eimers auf dem Boden zu bekommen, kopieren wir erst einmal die Ebene mit dem Eimer und spiegeln sie vertikal (Strg + T => Rechte Maustaste --> Vertikal spiegeln). Anschließend verschieben wir sie so weit nach unten wie in dem folgenden Bild:



Nun erstellen wir eine Auswahl des Eimers (nicht von der Spiegelung) indem wir wieder Strg drücken und auf die entsprechende Ebene klicken. Lasst die Auswahl aktiv, wählt die Ebene der Spiegelung und drückt dann Entf.
Jetzt geben wir der Ebene mit der Spiegelung eine Ebenenmaske:



Zieht jetzt in der Ebenenmaske einen Verlauf, sodass nur noch die obere Hälfte der Ebene zu sehen ist, natürlich mit einem weichen Übergang. Noch die Deckkraft der Ebene auf ~ 30% stellen und es sollte so aussehen:



Ihr könnt noch den Gaußscher Weichzeichner mit einem Radius von ~ 3 Pixel auf die Spiegelung anwenden, muss aber nicht unbedingt sein.


Das wäre es eigentlich schon fast mit dem Tutorial, es fehlen nur noch diese Kästchen auf der rechten Seite des Eimers, die wurden nach der gleichen Vorgehensweise wie in dem Glasbutton-Tutorial erstellt.

Mit etwas Schrift und kleinen Zeichen in den Glasbuttons könnte das fertige Bild so aussehen:



Ich hoffe ihr hattet viel Spaß bei diesem Tutorial, bis zum nächsten Mal.

Mit freundlichen Grüßen
Scooby

>> Allgemeine Fragen oder Probleme mit dem Tutorial? Hier gehts zum Forum!

Impressum / Datenschutzerklärung          © der-Webdesigner.net 2002 - 2008           top ▲