Pixelstarter hat 2010 ein neues Design bekommen, allerdings wurde der Twitter Account davon bisher nicht betroffen. Das hole ich natürlich nach und zeige euch gleichzeitig wie ihr einen einfachen Hintergrund in Photoshop für Twitter gestaltet und ihn dort schnell einrichtet.
Um diesen Hintergrund geht es
Für den Twitter-Hintergrund von Pixelstarter will ich mir ein komplettes JPG erstellen. Es wird also ein Bild im Hintergrund geladen und angezeigt.
Schritt 1 – Anlegen der Datei in Photoshop
Zunächst starten wir logischerweise in Photoshop. Hier legen wir über Datei->Neu… eine neue Datei an. Das Dokument sollte hierbei mit 72dpi gestaltet werden und sollte eine ausreichende Bildgröße haben. Das heißt mindestens 1024.x768px da die meisten Monitore momentan mit dieser Auflösung betrieben werden.
Nach dem Anlegen der Datei geht es an die schnelle Gestaltung des Hintergrundes
Schritt 2 – Gestaltung des Hintergrundes
Zu Beginn legen wir eine neue Ebene an…
…und mit dem Verlaufswerkzeug
malen wir dort einen netten Verlauf in den Hintergrund.
Die Ebene mit dem Verlauf verschönern wir noch mit einer Musterüberlagerung.
Das Muster das für diese Überlagerung nötig war könnt ihr euch hier kostenlos herunterladen.
Die Musterüberlagerung wurde dabei mit einer Deckkraft von 51% angewendet
Weiter geht es mit einer Form, dazu wähle zunächst als Vordergrundfarbe Weiß und dann das abgerundete Rechteck-Formwerkzeug aus der Werkzeugpalette aus und ziehe ein Rechteck auf, übrigens hab ich in der Werkzeugoption einen Radius von 15px eingestellt.
Dies Kippe ich jetzt mit STRG+T um ein paar Grad und platziere es an der rechten oberen Ecke.
Zuletzt kommen die Logos an die Reihe.
Hierzu öffnet ihr eurer Logo, schneidet es passend aus und skaliert es über STRG+T passend über die bereits angelegte Form.
Schritt 3 – Abspeichern
Ein Bild das ins Internet soll, muss selbstverständlich abgespeichert werden. Twitter hat aber ganz bestimmte Vorgaben und die sind: Bild nicht größer als 800kb, JPG, GIF oder PNG.
In diesem Fall entscheide ich mich für das JPG Format und deselektiere das ICC Profil (dadurch spart man sich ein paar KB Speicherplatz) und…
…regle beim Speichern die Qualitätsstufe so, dass wir unter 800kb kommen.
Schritt 4 – Einrichten in Twitter
Das Einrichten in Twitter ist so leicht zu meistern wie Twitter selbst. Dennoch hier der Vollständigkeit halber die Erklärung.
Vorrausgesetzt ihr seid bei Twitter eingeloggt, klickt ihr auf Settings bzw. Einstellungen und dort auf Design. Hier habt ihr die Möglichkeit auf Hintergrundbild ändern zu klicken und dort die abgespeicherte Variante eures Hintergrundes hochzuladen.
Klickt auf Durchsuchen, wählt die entsprechende Datei aus und bestätigt mit Save Changes bzw. Änderungen speichern.
Fertig!
Und als sei die textliche Erklärung nicht genug gibt es an dieser Stelle das ganze nochmal als “Stummfilm” Tutorial. Hier wird nix sprachlich oder textlich erklärt, es geht nur darum, dass ihr nochmals alle Schritte absolut im Detail bildlich nachverfolgen könnt.
Viel Spaß damit und viel Spaß mit der Verschönerung eures Twitter-Accounts.

4 Reaktionen
Huhu.
Super.
Hab dir den Wunsch erst gestern geschrieben und heute sieht man schon das Tutorial.
Webmaster des Monats.
Danke dir! Hat mir ein paar Tricks gezeigt – man lernt nie aus
Social comments and analytics for this post…
This post was mentioned on Twitter by itsy_de: design Dir einen #TwitterHintergrund selbst, via #pixelstarter http://bit.ly/9L3Adm…
Hey Vielen Dank,
für das Super Tutorial.
hat Super geklappt, viel besser als mit dem Free Designer rum zu testen.
LG