Webdesign Layouts mit Adobe ® Photoshop ®

Adobe ® Photoshop ® bietet - wie bereits in einem Tutorial über den Ebenenaufbau ausführlich erklärt - die Möglichkeit, Ebenenstile einzusetzen. Auch, wenn in einschlägigen Foren immer wieder der Rat vergeben wird : "wenn man Anfänger ist, dann sollte man Ebenenstile meiden", so sind wir der Auffassung, dass man gerade als Anfänger lernen sollte, wie man mit Ebenenstile korrekt umgeht und wie man damit gute Effekte mit minimalem Zeitaufwand erzielen kann.

In diesem kleinen Tutorial erklären wir Ihnen die Grundlagen der Ebenenstile an einigen Beispielen. Zuvor sei aber gesagt, dass man in Adobe ® Photoshop ® die Ebenenstile unter folgendem Pfad findet:

Ebenenstile - Schlagschatten 

Damit wir eine ebene mit einem Schlagschatten erstellen können, müssen wir die Option "Schlagschatten" anklicken. Dort findet man vielfältige Einstellungsmöglichkeiten. Wenn Sie etwas herumexperimentieren, dann finden Sie schnell heraus, dass mit dieser Option vielfältige Schlagschatten [ schon die Standardeinstellung zeigt einen Schlagschatten ] und auch Rahmen erstellbar sind [ einfach Deckkraft auf 100% setzen, Distanz auf 0% und Überfüllen auf 100% setzen - fertig ]. Besonders praktisch und zugleich universal einsetzbar sind die Belichtungsoptionen. Ändert man beispielsweise den Winkel des Lichteinfalls, so gilt für den Schlagschatten, dass er genau gegenüber dem im Einheitskreis eingestellten Winkel erscheint. Wenn man nun unterschiedliche Lichteinfälle in eine Webseite integrieren möchte, so kann man auch das Optionsfeld "Globalen Lichteinfall verwenden" deaktivieren und schon erhält man einen Schlagschatten, der unabhängig vom den restlichen Ebenen ist.

Beispielbild einer Ebene mit einem Schlagschatten :

Hinweis : Dieses Tutorial wird aufgrund des Umfanges mindestens 1 mal pro Woche verlängert und somit nach und nach komplettiert.

Zurück zu Webdesign Tutorials