Anzeige
Tutorialbeschreibung

Button: Buttonleiste einfach

Button: Buttonleiste einfach

Buttonleiste einfach

Das brauchst du:
Photoshop 6(+), ich benutze Photoshop 7
Und so gehts:

1. Schritt:

Erstelle ein neues Dokument (ich habe hierfür als Größe 920 x 120 Pixel genommen). Hintergrund: Transparent. Richte dir ruhig zur Hilfe ein paar Hilfslinien ein.
Horizontal: 10; 20, 80; 100.
Vertikal: 10;20; 300; 310; 320; 600; 610; 620; 900; 910.

2. Schritt:

Ziehe mit dem "Abgerundeten - Rechteckwerkzeug" aus der Werkzeugpalette ein Shape auf. Einstellung: Pfade und Radius 50 Px.

3. Schritt:

Nun gehe in die Pfadpalette und mit STRG+anklicken des Pfades erhälst du eine Auswahl. Stelle als nächstes ein helles Rot als Vordergrundfarbe und ein dunkles Rot als Hintergrundfarbe ein. Ändere den Verlauf im Farbverlaufsfenster auf "Vorder- zu Hintergrundfarbe" mit 100 % Deckkraft und Typ: Linear. Gehe in die Ebenenpalette und fülle die Auswahl mit dem linearen Verlauf. (Mit gedrückter SHIFT-Taste von oben nach unten ziehen.)

Bilder

4.Schritt:

Jetzt wieder mit dem "Abgerundeten - Rechteckwerkzeug" die drei Shapes für die drei Buttons erstellen (Radius 40 Px).

Bilder

5. Schritt:

Anschließend nochmal in der Pfadpalette mit gedrückter STRG+anklicken des Pfades die Auswahl aufrufen. Zurück in die Ebenenpalette gehen, eine neue Ebene erstellen und die Auswahl ebenfalls mit dem linearen Verlauf füllen - nur diesmal von unten nach oben.

Bilder


6. Schritt:

Zum Schluss kannst du deinen beliebigen Text eingeben und dein erstes Interface ist fertig.

Bilder


Kommentare
Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.
Portrait von Kloppy
  • 09.01.2011 - 21:19

eigentlich nicht schlecht aber man hätte vielleicht noch erklären können wie man aus dieser grafik jetzt eine funktionierende Buttonleiste macht, die beim draufklicken auch irgendwo hinführt.

Portrait von sophie67
  • 15.07.2010 - 14:45

Danke für das Tutorial.

Portrait von brucewillis007
Portrait von SND-Syndrome
  • 12.02.2010 - 12:49

Vielen Dank für das gute Tutorial! Super!

Portrait von Nerevar25
  • 05.10.2007 - 13:17

Für Anfänger sehr gut.
Dem Tut könnten aber ein paar Bilder zur Demonstration nihct schadem.

Portrait von xxxGismOxxx
  • 03.10.2006 - 00:38

top klappt super danke

Portrait von schneekugel
  • 15.06.2006 - 13:39

Cool, das sind ja mehr oder weniger Buttons im 70er Style. Genau sowas hab ich gesucht. Danke für den Workshop

Portrait von slushy
  • 09.05.2006 - 20:43

eigentlich nicht schlecht aber du hättest vielleicht noch erklären können wie man aus dieser grafik jetzt eine funktionierende Buttonleiste macht, die beim draufklicken auch irgendwo hinführt.

Portrait von lagraneme
  • 27.04.2006 - 21:04

Einfach und gut. Danke

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 17.02.2005 - 16:29

he!<br>
echt super diese anleitung. damit habe ich mir selbst super buttons für meine homepage erstellt!!<br>
Danke

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 22.05.2005 - 07:12

recht einfach aber für den anfang ok

x
×
×