|
|
|
| Latest News |
Latest Threads |
|
|
 |
| 55.315 Posts & 4.945 Themen in 78 Foren |
|
|
|
|
 |
Forensuche |
|
Suchbegriff |
Benutzerauswahl |
Ergebnisse anzeigen |
|
 |
Photoshop > Userbar
1 Beitrag in diesem Thema |
|
|
|
|
|
|
|
 Fidus
Böses Böses Blümchen |
 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
 |
10.11.2009 - 20:56 Uhr |
|
|
|
|
Hier wird gezeigt wie man schnell und einfach eine Userbar erstellen kann.
Schritt 1 - 1. Hintergrund
Hintergrund
Zunächst einmal erstellt ihr ein neues Bild (Strg-N) mit folgenden Maßen:
Breite 350; Höhe 19; Auflösung 72; Farbmodus RGB 8Bit; Hintergrundinhalt Transparent
Anschließend wählt ihr das Verlaufswerkzeug (G) - Tool aus und stellt folgende Optionen ein:
Modus: Normal; Deckkraft: 100%; Dither und Trasparent einen Haken setzten. die Farbgebung überlasse ich euch.
Schritt 2 - 2. Scanlines
So sollte das mit scanlines aussehen.
Nun zu den Scanlines: Mit Strg+N öffnet ihr ein neues Bild mit den Maßen 3 x 3 Pixel auf transparentem Hintergrund. Anschließend zoomt ihr auf 1600%, drückt D und zeichnet mit dem Buntstift (B) - Tool eine diagonale Line, das sollten nur Drei Punkte insgesmmt später sein. rechts oben, in der Mitte und einer links unten.
Dann geht ihr im Menü auf “Bearbeiten” - “Muster festlegen” und gebt dem Ganzen einen Namen eurer Wahl. Nachdem ihr dann wieder zu eurer Userbar gewechselt seid, drückt ihr zuerst Strg+A (alles markieren), dann Shift+F5 und klickt “OK”.
Schritt 3 - 3. Objekt
Hier mein Resultat
Jetzt sucht ihr euch nur noch ein passendes Objekt für eure Userbar aus. Da ich eine Adobe Photoshop CS2 Userbar mache, habe ich dieses ausgewählt: Adobe Photoshop Schriftzeichen inkl Logo!
Ihr öffnet euer Objekt, markiert alles (Strg+A), kopiert es anschließend mit Strg+C und wechselt dann zu eurer Userbar. Hier erstellt ihr eine neue Ebene mit dem Tastenkürzel Strg+Shift+N und fügt das Objekt mit Strg+V wieder ein. Jetzt muss es nur noch ausgerichtet werden. Ich bevorzuge dabei die linke Seite der Userbar.
Schritt 4 - 4. Text
Userbar inkl Text
Nun ist es an der Zeit ein wenig Text auf eure Userbar zu bringen. Bei Userbars benutzt man fast immer das Font “Visitor TT2 (BRK)” mit der Schriftgröße 13 und AntiAliasing “ohne”. Solltet ihr das Font nicht haben, könnt ihr es auf http://www.dafont.com herunterladen.
Wie wäre es mit “Adobe Photoshop CS2 User”? Ihr braucht den Text dann nur noch auszurichten und einen 1px Stroke (Kontur) einzufügen.
Schritt 5 - 5. Shine-Effekt
Jetzt fehlt nur noch ein netter Shine-Effekt, der die Userbar ein wenig 3D aussehen lässt. Ihr wählt das Auswahlellipsewerkzeug (W) - Tool aus und zieht einen Bogen, der hinterher so Aussehen sollte:
Nun erstellt ihr mit Strg+Shift+N eine neue Ebene und füllt die Markierung mit dem
Füllwerkzeug (G) - Tool mit weißer Farbe. Danach stellt ihr den Deckkraft Wert auf ca. 20%.
Schritt 6 - 6. Rahmen
Wir nähern uns dem Finish. Es fehlt nur noch ein Rahmen, der unsere Userbar ziert.
Ganz einfach eine neue Ebene erstellen (und an erster Stelle platzieren). Anschließend mit dem - Tool mit einer Farbe füllen und auf 0% Fläche gehen. Dann klickt ihr mit der rechten Maustaste auf diese Ebene und gibt folgendes bei den “Fülloptionen...” ein:
Kontur ->
Stärke: 1
Position: Innen
Füllmethode: Normal
Deckkraft: 100%
Füllart: Farbe
Farbe: #000000 (Schwarz)
Nun "OK" drücken und das war es auch schon.
|
|
|
| |
|
|
|
|
|
|
|
|
 |
Ähnliche Themen |
|
|
|
|
|
|
|
|
|
Photoshop > Userbar
