Post Pic

Neuer Twitter Hintergrund gestalten und einrichten

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 ;-)

Vorschau des Hintergrundes

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.

Datei anlegen

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…

Neue Ebene anlegen

…und mit dem Verlaufswerkzeug Verlaufswerkzeug malen wir dort einen netten Verlauf in den Hintergrund.

Verlaufswerkzeug ziehen

Blauer Verlauf

Die Ebene mit dem Verlauf verschönern wir noch mit einer Musterüberlagerung.

Musterüberlagerung anwenden

Das Muster das für diese Überlagerung nötig war könnt ihr euch hier kostenlos herunterladen.

Musterüberlagerung Optionen

Die Musterüberlagerung wurde dabei mit einer Deckkraft von 51% angewendet

Form-Werkzeug

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.

Abgerundetes Form-Werkzeug

Werkzeugoptionen

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.

Logos einfügen

Logo einfügen

Symbol einfügen

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.

Hintergrund speichern

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…

Qualitätsstufe regeln

…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.

Twitter Design ändern

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.

Design hochladen und speichern

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

15. Februar 2010

Huhu.

Super.
Hab dir den Wunsch erst gestern geschrieben und heute sieht man schon das Tutorial.

Webmaster des Monats. ;)

16. Februar 2010

Danke dir! Hat mir ein paar Tricks gezeigt – man lernt nie aus :-)

17. Februar 2010

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…

9. August 2010

Hey Vielen Dank,

für das Super Tutorial.
hat Super geklappt, viel besser als mit dem Free Designer rum zu testen.

LG

Hinterlasse ein Kommentar

* Name, Email, Kommentar benötigt
Pixelstarter Sponsoren Pixelstarter Sponsoren Pixelstarter Sponsoren
Kostenlose Downloads Photoshop Tutorials Allgemeine Grundlagen

Anzeigen

Das Pixelstarter Buch im Handel

Hier könnt ihr das brandneue Photoshop CS5 vom Pixelstarter bestellen: Amazon
, Bol.de, Libri.de, Thalia.de

Cover zum Photoshop CS5
Viel Spaß mit dem rund 600 Seiten starken Buch, rund um Photoshop CS5 wünscht Dir Joachim!