Geschrieben von johnnydepp am 28.06.2005, 16:00

Folgende Banner (und mehr), kannst du mit Hilfe dieses Tutorials innerhalb weniger Minuten erstellen :
http://johnnydepp.milten.lima-city.de/Pix/tuts/banner01.jpg
http://johnnydepp.milten.lima-city.de/Pix/tuts/banner02.jpg
http://johnnydepp.milten.lima-city.de/Pix/tuts/banner03.jpg

Info: Mein Photoshop ist auf Englisch und für Mac, daher (eventuell) teilweise anders als deins. Ich habe manchmal Übersetzungen von den einzelnen Filtern Namen dazu gesetzt, kann aber nicht sagen ob diese korrekt sind, weil man Google nicht wirklich trauen kann. Ganz unten findest du Bilder zu den einzelnen Schritten, auf denen genau zu sehen ist was man tun muss.

Banner erstellen:

// Schritt 1 - Photoshop öffnen

// Schritt 2 - New:
Als Beispiel: 500x95
(siehe Abb. 1)

// Schritt 3 - Farben auswählen:
Als Beispiel:
Dunkle Farbe, z.B.: #DA9620
Helle Farbe, z.B.: #EFCA7B

// Schritt 4 - Hintergrundfarbe
Hintergrund Farbe (zB): #DA9620)

// Schritt 5 - Rectangle Tool (Shape Layers) - Viereck Hilfsmittel (Form-Schichten)
Keinen Vorgegebenen Style verwenden!
Mit der helleren Farbe forme nun ein inneres Viereck, der dunkle Hintergrund soll kaum mehr zu sehen sein!
(siehe Abb. 2)

// Schritt 6 - Noch einmal Schritt 4 mit dunkleren Farbe

Nun forme mit der dunkleren Farbe ungefähr in der Mitte ein neues Viereck. Bevor du dieses jedoch ziehen kannst musst du bei den Layern (siehe Abb. rasterize) rechts auf den vorherigen klicken, und Rasterize Layer auswählen.
(Wenn du das getan hast, wird die Farbauswahl eventuell auf schwarz und weiß springen, ignoriere das einfach und beende den Schritt wie vorgegeben!)
(siehe Abb. 3)

// Schritt 6 - Noch einmal Schritt 5 mit helleren Farbe

Und noch einmal ein Viereck formen, diesmal in das vorherig geformte, dunklere Viereck. Lasse etwas dunklen Rand, kann ungleichmäßig sein. Vergiss nicht Rasterize Layer zu wählen!
(siehe Abb. 4)

// Schritt 7 - Transparente Vierecke
Jetzt machst du irgendwo in dein Bild transparente Vierecke:
Rectangle Tool mit Fill Pixel (siehe Abb. fillpixel). Wähle dafür die dunkle Farbe und Opacity ungf. auf 28 %.
(siehe Abb. 5)

// Schritt 8 - Filterarbeit
Beim zweiten Layer den du erstellt hast wähle das Werkzeug Pinsel mit Blättern und füge ein paar ein (siehe Abb. 6).
Nun kannst du alle Layer beliebig mit Filtern bearbeiten, für den Banner habe ich immer den Filter verwendet: Filter -> Brush Strokes -> Ink Outlines (Bürste Anschläge - > Tinte Umreißen). Du kannst auch noch weitere Filter ausprobieren!
(siehe Abb. 7)

// Schritt 7 - Sonstiges
Du kannst den kompletten Banner nachträglich auch noch umfärben, einfach [Strg] + [U] drücken, dann bei Colorize (Färben) ein Häkchen machen, und die "Riegel" verschieben.
(siehe Abb. 8)
Danach kannst du beliebig einen Text einfügen (auf das "T" im Photoshop Menü klicken und ein Textfeld ziehen (Schriftgröße, Art, usw. kann verändert werden!)
(siehe Abb. 9)

// Schritt 8 - Speichern
Speichere das Bild als .psd, damit du es nachträglich verändern kannst, und als (z.B.) jpg, und auch noch in save for web - damit es nicht so viele KB hat, und damit nicht so lange ladet.
(siehe Abb. 10 & 11)

Alle Abbildungen:
http://johnnydepp.milten.lima-city.de/Pix/tuts/Abb1.jpg
http://johnnydepp.milten.lima-city.de/Pix/tuts/Abb2.jpg
http://johnnydepp.milten.lima-city.de/Pix/tuts/rasterize.jpg
http://johnnydepp.milten.lima-city.de/Pix/tuts/Abb3.jpg
http://johnnydepp.milten.lima-city.de/Pix/tuts/Abb4.jpg
http://johnnydepp.milten.lima-city.de/Pix/tuts/fillpixel.jpg
http://johnnydepp.milten.lima-city.de/Pix/tuts/Abb5.jpg
http://johnnydepp.milten.lima-city.de/Pix/tuts/Abb6.jpg
http://johnnydepp.milten.lima-city.de/Pix/tuts/Abb7.jpg
http://johnnydepp.milten.lima-city.de/Pix/tuts/Abb8.jpg
http://johnnydepp.milten.lima-city.de/Pix/tuts/Abb9.jpg
http://johnnydepp.milten.lima-city.de/Pix/tuts/Abb10.jpg
http://johnnydepp.milten.lima-city.de/Pix/tuts/Abb11.jpg

Bewertung Anzahl
6
100,0 %
1 Bewertungen