Lieber Gast …

… die Inhalte von PSD-Tutorials.de stehen nur registrierten Mitgliedern zur Verfügung. Damit wollen wir den Communitygedanken weiterführen. Als Mitglied trägst du - wenn auch nur im Kleinen - zum Puls der Community bei. Und nur so ist es möglich, weiterhin hochwertige Inhalte für alle bereitzustellen.

Jetzt kostenlos registrieren!

Vorteile der kostenlosen Mitgliedschaft

Mit der kostenlosen und schnell erledigten Registrierung erhältst du viele nachhaltige Vorteile, die wir dir hier in aller Kürze aufzeigen möchten:

  • PSD steht für professionelles Know-how in den Bereichen Bildbearbeitung mit Photoshop, Fotografie, Webentwicklung, Layout- und Vektorbearbeitung, 3D-Bearbeitung mit Cinema 4D und Co.
  • Über 2200 Tutorials mit druckbarer PDF-Datei und teilweise den zugehörigen Arbeitsmaterialien
  • Mehr als 500 Video-Trainings als Stream zur Direktanzeige und zum Download
  • Abruf von über 1000 Downloads zu Photoshop-Presets, 3D-Modellen, Grußkarten, Texturen & Co
  • Zugriff auf ein sehr aktives Forum mit Antworten im Minutentakt
  • Deine Daten sind sicher. Sie werden nicht weitergegeben! Die Mitgliedschaft kann jederzeit und ohne Aufwand wieder gelöscht werden.

Reinschnuppern als Gast

Niemand kauft gerne die Katze im Sack, auch wenn sie kostenlos ist. Wir haben eine Handvoll Tutorials und Video-Trainings ausgesucht, die du auch als Gast ohne Registrierung ansehen kannst. Gefallen sie dir, stehen dir nach der Registrierung alle oben genannten Inhalte zur Verfügung.

Das Punktesystem

Einen winzigen Haken gibt es noch. Es gibt bei uns ein Punktesystem. Damit soll erreicht werden, dass Mitglieder sich aktiv in unserer Community beteiligen. Sobald du im Forum schreibst oder Tutorials kommentierst, bekommst du Punkte. Mit diesen Punkten kannst du wiederum Tutorials anschauen oder Downloads herunterladen. Mit der Registrierung bei PSD-Tutorials.de erhältst du ein Startguthaben von 100 Punkten, womit du schon ein gutes Stück weit kommst.

Jetzt kostenlos registrieren!

DVD-Werbung
Passend zum Inhalt empfehlen wir unsere:

Photoshop-Workshop-DVD - Webdesign

  • Webdesign mit Photoshop: alle erstellten Layouts mit Arbeitsdatei (PSD)!
  • Umsetzung erstellter Weblayouts in HTML/CSS
  • Tipps & Tricks zum Webdesign in Photoshop und zur Webentwicklung
Jetzt informieren Trailer ansehen

Kommentare

  • Alternative Portrait von Kloppy

    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.

  • Alternative Portrait von sophie67

    sophie67

    15.07.2010 - 14:45

    Danke für das Tutorial.

  • Alternative Portrait von brucewillis007

    brucewillis007

    04.06.2010 - 16:23

    Cool super Tutorial. Dankeschön

  • Alternative Portrait von SND-Syndrome

    SND-Syndrome

    12.02.2010 - 12:49

    Vielen Dank für das gute Tutorial! Super!

  • Alternative Portrait von Nerevar25

    Nerevar25

    05.10.2007 - 13:17

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

  • Alternative Portrait von xxxGismOxxx

    xxxGismOxxx

    03.10.2006 - 00:38

    top klappt super danke

  • Alternative Portrait von schneekugel

    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

  • Alternative Portrait von slushy

    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.

  • Alternative Portrait von lagraneme

    lagraneme

    27.04.2006 - 21:04

    Einfach und gut. Danke

  • Alternative Portrait

    User hat PSD-Tutorials.de 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 von awaken

      awaken

      22.05.2005 - 07:12

      recht einfach aber für den anfang ok

Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.

Tutorial empfehlen

 

Anleitung (Bilder + Extras werden nur für Mitglieder eingeblendet)


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

Webdesign Darmstadt • vBulletin 0.04 • ZF-App 0.586 • Total 0.625