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.
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.
- Download: Sepia-Vintage-Effekt-Aktion
- Download: Spiegelungen 2
- Download: Vektor-Logo (Eidechse)
- Tutorial: Linien zum Glühen bringen
- Tutorial: Ballons aus einer Schublade
- Tutorial: Neue Pinsel erstellen leicht gemacht
- Tutorial: Kommerzielle Fotografie 01: Berufswunsch Fotografie
- Videotraining: Die Programmoberfläche und der Arbeitsbereich von Adobe InDesign
- Videotraining: Lichtscheinkontureneffekt mit Animation
- Videotraining: CorelDRAW X6 Grundlagen - Hilfsmittel Freihand, 2-Punkt-Linie, Bezier, B-Spline, Polylinie, Stift, 3-Punkt-Kurve
- Videotraining: CorelDRAW X6 Grundlagen: Hilfsmittel Form - Heranziehen, Zurückweisen
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.
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
Kommentare
Weitere KommentareTutorial empfehlen
Anleitung (Bilder + Extras werden nur für Mitglieder eingeblendet)
Buttonleiste 4 (Metall)
Das brauchst du:
Photoshop 6(+), ich benutze Photoshop 7
Und so geht`s:
1. Schritt:
Erstelle ein neues Dokument (STRG+N). Hintergrund: Weiß, Grösse: 500 x 80. Diese Größe ist erstmal zum Üben.
Die Vordergrundfarbe auf 2d2d2d einstellen und dann Alt+Backspace Taste drücken. Dadurch wird die Ebene mit der Vordergrundfarbe gefüllt.
Eine neue Ebene erstellen und mit dem Auwahlrechteck (Art: feste Größe Breite: 500 px Breite 1,5 mm) aufziehen.
Die Vordergrundfarbe auf 3d3d3d einstellen und durch Alt+Backspace, die Auswahl füllen.
Rechtsklick auf die Auswahl und dort unter "Kontur füllen" das hier eingeben.
Strg+D drücken, um die Auswahl aufzuheben.
2. Schritt:
Als Werkzeug jetzt den Abwedler wählen und diese Einstellungen im Werkzeugmenü übernehmen. Die Pinseleinstellung ist "Rund, Weich, 17 Pixel. Bereich: Lichter, Belichtung: 100%".
Die Bezeichungen der Pinsel werden durch darübergehen mit der Maus angezeigt. Mit diesem Pinsel jetzt etwa im unteren Drittel des Bildes hin und her wischen.
Jetzt "Rund, Weich, 3 Pixel, Bereich: Tiefen, Belichtung: 100%". und diese Einstellungen einstellen.
Es empfiehlt sich, jetzt etwas an das Bild heranzuzoomen! Direkt unterhalb des eben erzeugten "Striches" ansetzen, Shift-Taste gedrückt halten und 1x hin, 1x zurück und wieder 1x hin rüber ziehen.
3. Schritt:
Jetzt nehmen wir das Nachbelichter-Tool und stellen das hier ein. Die Pinseleinstellung ist "Rund, Weich, 13 Pixel, Bereich: Mitteltöne, Belichtung: 50%".
Mit diesen Einstellungen etwas im unteren Teil der Navigationsleiste herumwischen. Dabei am Besten die Shift-Taste gedrückt halten und stets immer komplett herüberziehen.
Dann noch diese Einstellungen übernehmen und in der oberen Hälfte der Navigationsleiste wischen. Die Pinseleinstellung ist "Rund, Weich, 27 Pixel, Bereich: Mitteltöne, Belichtung: 50%".
Das wird sicherlich nicht alles auf Anhieb klappen, aber ruhig mal experimentieren und schauen, was das Tool eigentlich bewirkt. Am Ende dürfte das etwa so aussehen.
4. Schritt:
Eine neue Ebene erstellen. D Drücken. Das Bundstiftwerkzeug anwählen und die Pinselgrösse auf 1 Pixel einstellen.
Jetzt damit den Rand der einzelnen Navigationselemente zeichnen. Die Größe muss jeder selber erstellen. Um gerade Linien zu zeichnen, einfach wieder die Shift-Taste gedrückt halten.
Danach die Ebene duplizieren indem du sie auf den Abrissblock ziehst. Dann STR+I drücken (die Linien sollten nun weiß sein) und 1 Pixel nach rechts verschieben ( Curser-Taste 1x Rechts ). Die Deckkraft der Ebene dann auf 30% stellen.
Die Füllmethode der Ebene im Ebenenfenster auf "weiches Licht".
Die Ebene ebenfalls duplizieren und 2 Pixel nach links schieben ( Curser-Taste 2 x links).
5. Schritt:
Zur Navigationsebene wechseln (die Ebene direkt über der Hintergrundebene im Ebenenfenster anklicken). Den Abwedler wieder mit diesen Einstellungen wählen und genau dort, wo sich die "Buttons" treffen, etwa 5 mal klicken. Ebenfalls an den Linien.
Danach kann man noch den Text eintragen.
-
Reklame
-
-
- After Effects Ram-Vorschau - Problem mit Cache (aktualisert nicht)
- blender render stürzt ständig ab
- jQuery - Größe von einem Frameset ändern?
- [CS5] "Löschen-Mitteilung"
- Zerissenes Foto
- Biete Programmierung Ihres PSD-Designs
- Fehler beim Platzieren von Bildern
- Zeilenumbruch CS4
- Gestaltung eines Logos
- Kaufberatung Drucker
- Dynamische Auswahlliste: Name und ID übergeben
- Adobe Encore - Probleme Schaltflächen Unterbild
- 2 Fotos mit unterschiedlichem Schlagschatten in einer Datei
- Copyright-Frage - öffentliche Veranstaltung
- Photoshop auf Mini Lappi
- Link auf Anker - Firefox Problem
- Auftrag: Individuelle Flash-Gallerie
- Webseite - Menüproblem sowie Anordnung des Facebook Buttons
- PSD Aktionen om Paint Shop Pro einbinden. Wie geht das?
- Buch-Vorschläge...
-
-
Aktuelles Commag
Anzeige
-
DarkSide
-
Anzeige
Pat21
21.06.2011 - 21:03
Ein sehr gelungenes Tutorial
Ferdie_der_Hamster
09.11.2010 - 14:04
verständlich erklärt und aussehen tuts bei mir genauso ;) danke!
Anne_1990
20.10.2010 - 23:37
Tolles tutorial!!!! Und echt gut erklärt!!!!
scarred13
29.09.2010 - 14:20
Sieht zwar bei mir ein bisschen anders aus, aber trotzdem danke ;)
Davi
28.09.2010 - 18:42
sehr schön, kann ich grad gebrauchen.
buuunz
28.09.2010 - 10:29
Gutes Tutorial - bei den Buttons würde ich es nur nen bisschen anders machen...;)
Veith4u
09.06.2010 - 20:58
Gutes Tutorial - bei den Buttons würde ich es nur nen bisschen anders machen...;)
Calbenify
10.05.2010 - 12:01
sehr gut und sehr verständlich!
cajun952
09.05.2010 - 21:46
sehr schön, kann ich grad gebrauchen.
JackAbwearts1
23.04.2010 - 22:46
Super Tutorial! Schade nur das du die Anleitung wie man den Text leuchtend macht, nicht auch erklärt hast.
RatedKay
21.04.2010 - 00:11
Ist ein wirklich toll ausgearbeitetes Tutorial. Großes Lob! Danke
Gugormilian
07.04.2010 - 23:22
GEIL !!! EInFach geil !
greetz
Gugormilian
User hat PSD-Tutorials.de verlassen
02.04.2010 - 17:46
sieht toll aus! das mit der spiegelung find ich am besten! probier doch mal den font Neuropol aus!
tmfdsm
23.03.2010 - 13:11
Finde, dass die Buttons richtig gut gelungen sind!!
Es wurde ja schon oft gefragt, habe aber keine Antwort gefunden: Was für eine Schriftart hast du benutzt und welche Effekte dafür? Würde mich über eine Antwort sehr freuen!!
Sajeth
21.03.2010 - 22:25
welchen font hast du benutzt?
staxx78
05.03.2010 - 17:42
schön und anschaulich beschrieben
katoffelsupp
16.02.2010 - 16:51
sehr anschaulich gemacht danke !
Melonni
07.02.2010 - 00:33
funktioniert auch prima mit CS4.
weiter so!
Lady_bunt
05.02.2010 - 14:43
Gutes Tutorial. Kann man gut nachvollziehen. Weiter so :O)
st4rowne3z
04.02.2010 - 21:10
jop wäre schon schön wenn du dieses tutorial nochmal mit cs4 machen könntest aber trozdem gutes tutorial