Tutorial und © Copyright 2004 by www.webstone.info
1. Also als erstes erstellen wir ein neues Dokument am besten 800x600 und füllen es mit einem dunkeln grau,
ich habe #222222 genommen.
2. Nehmt nun das Auswahlrechteck und zieht auf der rechten Seite ein kleines Rechteck nach unten und füllt
es mit der Farbe #333333. Danach müsste es so aussehen: » Bild 1
3. Nun gehen wir zur linken Seite über, dort ziehen wir ein größer Rechteck mit dem Auswahlrechteck,
wir wählen dann für die Hintergrund Farbe #444444 und für den Vorgrund die Farbe #555555. Nun wählen
wir das Verlaufswerkzeug und ziehen
eine Linie von links nach rechts, danach müsste es so aussehen: » Bild 2
4. Nun wählen wir wieder das Auwahlrechteck und ziehen an der rechten Seite des linken Menüs wieder
ein rechteck nach unten, und füllen es wie das Linke Menü mit dem Verlaufswerkzeug. Danach
müsste es so aussehen: » Bild 3
5. Wir nehmen jetzt wieder das Auswahlrechteck und ziehen jetzt in dem kleinen Streifen ein neues Rechteck
was genau in der mitte es neuen Streifen entlang läuft, und füllen es wieder mit dem Verlaufswerzeug diesmal
muss aber die Hintergrundfarbe #555555 und der Vordergrund #444444 sein. Nun müsste es so aussehen: » Bild 4 - Vergrößerung : » Bild 5
6. Nun kopieren wir die Ebene des linken Menüs und drücken dann Strg+T und drehen das bild um 180° und
legen es und aus die rechte Seite, dies müsst ihr aber nicht machen, aber sieht besser aus finde ich.
7. Jetzt nehmen wir unser allgeliebtes Auswahlrechteck und ziehen oben wieder ein Rechteck von Links nach Rechts
der Hintergrund hat die Farbe #444444 und für den Vorgrund die Farbe #555555, dann ziehen wir mit dem
Verlaufswerkzeug von unten nach oben, dann müsste es so aussehen: » Bild 6
8. Nun wiederholen wir Punkt 4 und 5 aber diesma müsst ihr die Rechtecke von links nach rechts und nicht von oben
nach unten, danach müsste es so aussehen » Bild 7
9. Wir nehmen das Auswahlrechteck und ziehen links oder rechts wie ihr wollt in die mitte des Menü
ein Rechteck und füllt es mit der Farbe #333333.
10. Danach geht ihr auf Bearbeiten/Kontur füllen und wählt dann Breite:1 px, Farbe: #000000 den Rest so lassen.
Nun malt am besten die rechte und untere seite des Randes mit einer hellen Fare nach.Jetzt müsste es so aussehen: » Bild 8
Nun kommen wir zu den Buttons...
11. Ihr wählt wieder das Auswahlrechteck und zeichnet ein Rechteck in das Menü feld was ihr gerade ge-
zeichnet habt. Nun nehmt bei den Farben als Hintergrund die Farbe #444444 und für den Vorgrund die Farbe #555555, dann
zieht ihr euren Verlauf von unten nach oben, danach wählt ihr Bearbeiten/Kontur füllen und wählt dann wieder Breite: 1 px
und Farbe: #000000 dann kopiert den button mit Strg+C und fügt ihn wieder ein mit Strg+V. dann habt ihr ein schönes
und passendes Menü
Es müsste ungefähr so aussehen » Bild 9
12. Zieht mit dem Auswahlrechteck einen Banner und färbt ihn mit der Farbe #333333 ein,
nun geht ihr auf Bearbeiten/Kontur füllen und wählt Breite: 1 px und Farbe: # 000000 und
malt die rechte und untere seite mit einer helleren Farbe nach.Nun müsste es so aussehen: » Bild 10
13. Nun nehmt Polygon Lasse und malt neben dem Banner, Vierecke hin und färbt sie mit #333333 und
die Deckkraft auf 50 %, ihr solltet den Banner über die Vierecke damit es besser aussieht, es müsste
nun so aussehen » Bild 11
14. Nun nehmen wir das Linien Zeichner Werkzeug und zeichen in einer neuen Ebene erst im Linken menü oben
ein paar Linien und zeichnen mit einer helleren Linie darunter damit man es auch richtig sieht, Nun müsste es
ungefähr so aussehen » Bild 12
15. Wir nehmen unser Auswahl rechteck und ziehen dann ein kleines Rechteck damit dann wählt ihr am besten für
den Vordergrund die Farbe #444444 und für den Hintergrund die Farbe #555555 dann zieht ihr mit dem
Verlaufswerkzeug einen Verlauf von unten nach oben, dann geht ihr auf Bearbeiten/Kontur füllen mit den Angaben:
Breite: 1px, Farbe: #777777, Deckkraft 25 %.
Danach zieht ihr ein neues Rechteck und füllt es mit der Farbe #303030
--------------------------------------
Hier mein Bild » Bild 13
