Verfasst von: KiLLiNGFREZZi
Erstellt am: 22.09.2008
Insgesamt 3124 mal Gelesen
Durchschnittsbewertung: ø 9,20

0 Kommentar(e)

Druckansicht

Verwandte Downloads

Projektdatei für Tutorial ID 530

Schritt 1:

Los geht es!

Erstelle ein Neues Dokument mit den Maßen 500px x 200px. Fülle die Ebene mit einen Radialen Farbverlauf ( helles Grau [#45443f] / Dunkles Grau [#45443f] )
Den erstellt man indem man das "Verlaufswerkzeug" (Hotkey "G") auf Radialverlauf stellt. Vordergrundfarbe [#45443f] / Hintergrundfarbe [#31302c]. Diesen Verlauf nun von der Mitte nach rechts mittig ziehen. ggf helfen zwei ausgerichtete Hilfslinien

Schritt 2:

Erstellt eine Neue Ebene.(Ebene -> Neu -> Ebene) und markiert das "Auswahlrechteck_Werkzeug" (Hotkey "M"). Stellt Art auf "Feste Größe" dort gebt ihr 440px x 50px an. Diese Auswahl setzten wir nun mittig in die neue Ebene

Schritt 3:

Fülle diese Auswahl mit einem "Linearen Verlauf" [#f4f4f4] & [#d9d9d9] von oben nach unten

Schritt 4:

Nun fügen wir der Ebene zwei Ebenestile hinzu.

Ebene > Ebenenstile > Schlagschatten

Ebene > Ebenenstile > Schein nach außen

Ergebnis:

Schritt 5:

Nun benutzen wir das "Text Werkzeug" (Hotkey "T") und schreiben die Kategorien rein. Der Font "Verdana, Regual, Größe 13pt, Scharf, #686868 (und #ac0000 für ein Hover Effekt).

Schritt 6:

Letztlich fügen wir noch zwei Vertikale 1px streifen als Abgrenzung hinzu. Neue Ebene Erstellen. Rechteckauswahl-Werkzeug mit der festen Größe von 1px x 50px. Damit machen wir eine Auswahl zwischen den Links. Nun füllen wir die Auswahl mit der Farbe [#b4b4b4]

Schritt 7:

Die Auswahl bleibt bestehen und wir verschieben sie nun 1px nach rechts. Ein mal dazu auf den Rechts Pfeil ihrer Tastatur drücken. Diese Auswahl wird mit [#d9d9d9] gefüllt.

Schritt 8:

Zum Schluss kopieren wir die Ebene mit den Zwischenstreifen und schieben sie zwischen den anderen Elemente. Mann kann die streifen auch in der Transperenz auf 50% stellen. Dan stechen sie nicht so sehr ins auge.

Das Ergebnis sieht wie folgt aus.

100%