Vorlage für die neue Twitter Titelgrafik

Seit kurzem kann man nun auch beim Kurznachrichtendienst Twitter eine große Titelgrafik hochladen, die dann prominent über dem eigenen Profil angezeigt wird; ähnlich wie bereits bei Facebook und Google+. Anders als jedoch bei diesen beiden Seiten, bei denen die Titelgrafik i.d.R. nur leicht vom eigenen Profilbild überlagert wird, positioniert Twitter mittig und zentriert den kompletten Avatar des Users, dessen Kurzbeschreibung, Location und die angegebene Website-URL über der Titelgrafik. Obendrein wird ca. 2/3 der Grafik mit einem dunklen, halb-transparentem Farbverlauf überlagert. Das alles führt dazu, dass man erst mal etwas komisch schaut, wenn die tolle Grafik oder das coole Foto, welches man gerade hochgeladen hat, nicht so rüber kommt wie man das gerne hätte, da z.B. eine markante Stelle halb vom Avatar verdeckt wird oder der untere Bereich aufgrund des überlagerten Verlaufs unschön aussieht oder gar schlecht erkennbar ist.

Damit man im Vorfeld seine Titelgrafik auf diese Gegebenheiten anpassen bzw. optimieren kann, haben wir eine kleine Photoshop-Vorlage erstellt, die wir hier gerne zum freien Download anbieten. Das Template beinhaltet zwei Ebenen-Ordner. In dem einen befindet sich ein Dummy-Overlay der Avatar, Text und Verlauf simuliert. In den anderen packt man sein Design bzw. sein Foto. Auf diese Weise sieht man direkt inwiefern man sein Motiv umändern oder anders positionieren sollte, damit es mit den Overlays harmoniert. Anschließend blendet man den Overlay Ordner einfach aus und speichert die Grafik als JPG oder PNG und lädt sie hoch.

Natürlich hat die Grafik auch schon die korrekten Maße für den Einsatz bei Twitter. Hier sollte man sich aber nicht wundern, dass diese so viel größer scheinen, als die Grafik die letztlich auf Twitter zu sehen ist. Twitter möchte die Grafik nativ etwas größer haben, damit sie für alle möglichen Geräte (wie etwa dem iPad 3 mit Retina Display) auf eine entsprechende Qualität zurückgreifen können.

Viel Spaß mit dem Download und beim Titelgrafik erstellen.

facebook like http://weddig-keutel.de/blog/vorlage-fur-die-neue-twitter-titelgrafik/ button_count 120 21 width:120px;height:21px;
google gplus http://weddig-keutel.de/blog/vorlage-fur-die-neue-twitter-titelgrafik/ medium
twitter http://weddig-keutel.de/blog/vorlage-fur-die-neue-twitter-titelgrafik/ twitter-share-button web_grafik_more Vorlage für die neue Twitter Titelgrafik de
Allgemein , , , , ,

Facebook-Kommentare

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

*

*

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Haben wir Ihr Interesse geweckt? Nehmen Sie Kontakt auf!

“Ideen sind zum Wachsen da!”