Twitter & Facebook & Google+ Bilder-Kit

21. September 2012, von lieAdmin2019

Twitter-Kit

Nachdem Twitter vor einigen Tagen bekannt gegeben hat, ähnlich wie bei Facebook in Zukunft neben dem eigentlichen Profilbild auch ein Headerbild anzuzeigen, haben wir uns dazu entschlossen, ein Twitter-Kit zur einfacheren Erstellung zu basteln. Dabei handelt es sich um eine Photoshop-Vorlage, bei der nur noch die beiden Bilder (Header- & Profilbild) an den richtigen Platz geschoben werden müssen, um dann vollautomatisch mittels Photoshop-Actions die benötigten Bilder zu erstellen.

Kurzanleitung

  1. Twitter-Kit öffnen
  2. Twitter-Kit-Aktion importieren (Im Aktionsfenster in Photoshop auf den Button rechts oben und Aktion importieren)
  3. Achtung: Twitter empfiehlt Headerbilder in einer Größe von 1252px X 626px hochzuladen, um alle Endgeräte abzudecken. Im Twitter-Profil wird das Bild dann aber deutlich kleiner dargestellt. Daher sollte das Bild von Anfang an Hochauflösend vorliegen. Bevor das Bild in den Headerbereich eingepasst wird, ist es daher besonders wichtig, die Ebene des Bildes in ein Smart-Object zu konvertieren. Damit gibt es keinen Qualitätsverlust wenn das Bild später wieder hochskaliert wird. Dieses vorgehen ist auch beim Profilbild empfohlen.
  4. Nachdem Header- bzw. Profilbild fertig angepasst wurden und am richtigen Platz in der Vorlage liegen, kann eine der beiden Aktionen (Header- bzw. Profilbild zuschneiden) in Gang gebracht werden um Header- bzw. Profilbild zu erhalten.

Facebook-Kit


Neben dem neuen Twitter-Kit haben wir auch unser Facebook-Kit überarbeitet. Facebook empfiehlt mittlerweile, Profilbild und Timelinebild nicht mehr grafisch ineinander überlaufen zu lassen, weil dieser Effekt spätestens seit der Einführung des Timelinebildes auf mobilen Geräten nicht mehr garantiert werden kann. Daher liegt der Fokus dieser Version stärker darin, möglichen Kunden eine Vorschau auf die eigene Timeline zu gewähren bzw. Timeline- und Profilbild vollautomatisch zuzuschneiden.

Kurzanleitung

  1. Facebook-Kit öffnen
  2. Facebook-Kit-Aktion importieren (siehe Twitter-Kit)
  3. Achtung: Wie Twitter stellt Facebook das Profilbild im Web kleiner dar, als es hochgeladen werden muss. Also gilt auch hier wie bei Twitter, eine höher aufgelöste Version des Profilbilds in ein Smart-Object zu konvertieren, bevor es in den Bereich des Profilbilds eingepasst wird.
  4. Profil- bzw. Timelinebild über die mitgelieferten Aktionen zuschneiden.

Update 5. Oktober 2012: Google+

Download

Im .zip-Archiv befinden sich sowohl die Photoshop-Vorlagen als auch zwei Aktionsvorlagen (.atn).
Twitter-Kit & Facebook-Kit
GooglePlus-Kit

Stephan

Meine Rolle bei Liechtenecker: langgedienter Frontend-Veteran Wenn es weder IT noch Digitalisierung gäbe, wäre mein Beruf: Förster ohne Kontakt zu Menschen! Mein Herz schlägt für: die Arterien.
3 Kommentare.
Kommentar verfassen
Name
Mail
Web
Captcha
Erfolgreich!
Fehler!
21. September 2012 um 09:52

Danke. Und G+?

Jetzt antworten
Antwort verfassen
Name
Mail
Web
Captcha
Erfolgreich!
Fehler!
    Stephan Schimpf
    27. September 2012 um 10:48

    Hallo Johannes!
    Das Google+ Kit ist in Planung und sollte bald fertig sein!
    Liebe Grüße,
    Stephan

Meetup #10
Inspiration – Blogbeitrag

Meetup #10 – eine Chronologie

4. Dezember 2019, von Lukas

Letzte Woche fand unser inzwischen zehntes Meetup statt. Hier gibt es nun eine kleine Zusammenfassung für all diejenigen, die nicht dabei sein konnten.

Jetzt lesen
Liechtenecker Leseliste mit Günter Lischka
Arbeitskultur – Podcasts

Folge #56 mit Günter Lischka

20. Dezember 2019

In Folge 56 erlaubt Günter Lischka, verantwortlich für das Privatkundengeschäft beim Telekomanbieter Drei Österreich, Einblicke in die Einführung eines neuen Managementstils anhand von OKRs (Objectives and Key Results). Das Prinzip der OKRs [...]

Jetzt anhören
Close