INFORMATION: Da Giatu Probleme hat mit Anführungszeichen werden immer Backslashes davor angezeigt. Dies liegt nicht an mir! :) Ausserdem ist die Qualität der Bilder leider etwas schlechter, da Giatu die Größe der Bilder automatisch der Größe des Contents anpasst.
Als erstes öffnet euer Photoshop und erstellt ein neues Dokument. Edentweder ihr geht dafür direkt oben auf
Datei -> Neu ... oder drückt
STRG + N. Beides möglich, ich bevorzuge den Shortcut STRG + N. Ich nehme die Größe
595px x 80px.
Nun nehmt das
Abgerundetes-Rechteck-Werkzeug
und erstellt eine neue Ebene. Nun wählt euch eine Farbe aus und zieht eine Linie. Es sollte nun ca. wie folgt aussehen:
Jetzt macht einen Rechtsklick auf eure Ebene und wählt die Option
\"Fülloptionen ...\". Geht zur Option \"Verlaufsüberlagerung\" und stellt eure Optionen dementsprechend mit eurer Farbe ein. Bei mir sieht es so aus:
Als nächstes müsst ihr eure Ebene duplizieren, dies tut ihr indem ihr einen Rechtsklick auf eure Ebene der Linie macht und die Option
\"Ebene duplizieren ...\" wählt.
Schiebt eure duplizierte Ebene nun hinter die Originalebene:
Gut, klickt nun mit der rechten Maustaste erneut aber diesmal direkt auf euer Dokument, sodass das Auswahlmenü erscheint. Wählt die Option
\"Frei transformieren ...\".
Nun verschiebt die duplizierte Ebene um ca. 5px nach unten. Dies sollte nun ca. so aussehen:
Bald sind wir fertig. Nehme nun wie im Tutorial \"How to make an Orbit?\" das Abgerundete Auswahlwerkzeug
und ziehe es über die Linie. Da ich nicht genau weiß wie ich es euch erklären soll hier erneut ein Screenshot:
Auf dem Screenshot könnt ihr auch schon gleich den nächsten Schritt sehen. Nehmt den weichen 300px Standartkreisbrush und umkreist die Auswahl, sodass ein sanfter Innenschein entsteht.
Zuletzt machen wir die Leuchtpunkte im Hintergrund vom Innenschein. Erstellt eine neue Ebene und nehmt zuerst erneut den 300px Standartkreisbrush (weich) und brusht in die Mitte der Linie:
Wiederholt diesen Schritt erneut mit einem 100px weichen Standartkreisbrush aus Photoshop und brusht diesmal nur an den Seiten der Linie. Fertig! Mein Endergebnis:
Bei Fragen, Problemen bei der Umsetzung oder sonstiger Kritik schreibt einfach ein Kommentar!
SmaX
sieht ganz ok aus.. Aber warum Web 2.0 Titelleiste..?! Das sieht eher aus wie ein Button..