Ich habe mich mal wieder entschlossen ein kleines einfaches Photoshoptutorial zu machen.
Ich habe mich für ein Userbartutorial entschieden, da ich meine userbars auch immer selber mache weil ich eben einfach ein einzigartiges will...
Userbars kennt ja sicherlich jeder. Wer sie nicht kennt wird sie jetzt kennenlernen.
Das Tutorial ist für Einsteiger geeignet. Wer nicht weiß wie das gemacht wird und Photoshopkenntnisse hat wird sicherlich in 5 Minuten fertig sein. Für Einsteiger dient das erstellen einer Userbar aber auch um einige Grundkenntnisse in Photoshop kennen zu lernen, da recht viele verschiedene Techniken angewannt werden!
Ich hoffe ich kann alles verständlich erklären und wünsche viel Spaß beim Userbar erstellen.
Schritt 1:
Wir erstellen ein neues Bild, wie hier zu sehen:
Schritt 2:
Wir erstellen nun einen Farbverlauf. Die Farben können nach belieben gewählt werden der Kreativität sind keine Grenzen gesetzt.
Farbverlauf erstellen:
Farben auswählen:
An den beiden Häckchen unter kann man die Farben einstellen. Es geht aber auch ein Doppelklick auf den Farbverlauf!
Schritt 3:
Jetzt nehmen wir ein Logo das wir in das Banner einfügen wollen und verkleinern es nach Lust und Laune, wie es uns gefällt und erkenntlich in die Userbar passt.
Tipp: Mit Strg+T lässt sich das Bild verkleinern, drehen und neigen!
Das ganze sollte dann ungefähr so aussehen:
Schritt 4:
Wir erstellen ein neues Bild mit diesen Maßen. Wichtig ist das ihr transparent wählt!
Wenn wir nun sog. Scanlines haben wollen wie es bei userbars üblich ist dann wählen wir den Buntstift 2px und malen (je nach Geschmack) von links oben nach Rechts unten oder von Rechts oben nach links unten schwarze Kästchen.
Das ganze sollte dann so aussehen:
Das ganze Speichern wir nicht sondern wir gehen auf "Bearbeiten" und dann auf auf "Muster festlegen". Nun geben wir dem Muster einen beliebigen Namen und fertig sind die Scanlines!
Ihr müsst die Scanlines auch nicht in schwarz machen wie gesagt sind alle farblichen Angaben reine Geschmackssache.
Schritt 5:
So nun gehen wir wieder auf "Bearbeiten" und danach auf "Fläche füllen". nun wählen wir unsere Scanlines aus und legen sie auf den Hintergrund (also die Ebene mit dem Farbverlauf) unserer Userbar.
Schritt 6:
Nun wird das Auswahlrechteck genommen und die gesamte Userbar ausgewählt. Dieses blinkende Auswahlrechteck schieben wir nun nach oben so dass es nur noch zur Hälfte sichtbar ist.
Dann gehen wir auf"Bearbeiten", dann auf "Fläche füllen" und stellen dann das hier ein:
Schritt 7:
Wow in diesem Moment spackt ein Photoshop ab und ich kann euch keine Bilder mehr zeigen-.- Werde das Tut jetzt aber erstmal fertig machen und die Bilder nachliefern!
Wir erstellen nun eine Textebene mit schwarzer Schrift und schreiben hin was wir eben schreiben wollen. System of a Down Fan oder sonst irgendwas. Der für Userbars verwendete Font ist : Visitor TT2 (BRK) (Downloadlink kommt noch.. Einfach Google benutzen)
Nun gehen wir mit REchtsklick auf die neu erstellte Textebene und wählen "Fülloptionen" aus. Dort stellen wir "Farbüberlagerung" und "Kontur" ein.
Füllmethode "normal", Farbüberlagerung auf weiß (ffffff) und die Deckkraft auf 100%
Bei der "Kontur" die Größe auf 1 und dei Farbe schwarz (00000), den rest lassen wir so wie es ist.
Nun ist unsere Userbar fertig. Wie gesagt fehlende Bilder liefer ich nach und ich hoffe es war weitgehend verständlich.
Eine fertige Userbar kann so wie in meiner Sig aussehen. Für Animationen gibt es das etwas ältere Tut von mir, mit der sich eine animierte Userbar auch machen lässt. Viel Spaß dabei.
Link zum Animationstutorial: http://dow.4players.de:1046/forum/thread.php?threadid=11297
