Das ist ein Teaser- und Photoshop-Kurs-Artikel mit langem Titel, damit's das Bild verdeckt
Leerräume oben sind doof
Ausgangsbild:
gut.
Teaser Auswirkungen:
Schneidet Hirn ab, nicht Kinn
Ausgangsbild:
Hirn weg:
Kinn weg:
Teaser Auswirkungen:
Lasst dem Herrn den Mund. Also besser nicht so:
Lass die Leute «ins Bild» schauen
Ausgangsbild
Gut:
Schlecht:
Teaser Auswirkungen:
Die Körper-Combo
Leute blicken oder bewegen sich ins Bild, Augen auf gleicher Höhe, Körperausschnitte gleich gross
Falsche Reihenfolge
Falsche Ausschnitte
Teaser Auswirkungen:
Grössenverhältnisse Teaser
Grundsätzlich: Grösser als 1920 x 1080px (Full HD) zeigen wir auf keinem Endgerät Teaser an. Darum macht ein grösseres Format sowieso keinen Sinn. Im Normalfall reicht aber auch eine Breite von 1000px.
Die am meisten verwendeten Formate für Teaser sind:
- 16:9 (Mobile)
- 4:3 (Desktop A- und B-Story)
Da wir deutlich mehr Traffic über Mobile haben, legt den Fokus bei Bildkombos auf das 16:9-Format. Wir empfehlen:
- 1500x844 px
Falls euer Bild zu klein ist, dann geht's auch kleiner. Auf keinen Fall hochskalieren. Im Verhältnis 16:9 macht ihr nicht viel falsch.
Bildquellen
Neben unserem Bildertool haben wir für diese Bildagenturen Logins (im Lastpass):
- Keystone (Archiv)
- Shutterstock
- Imago
- Unsplash (kein Passwort)
- Wiki Commons: Quellenbezeichnung beachten (siehe unten)
- Getty Images: Bei Martin Lüscher nachfragen
Quellenangabe
Wikimedia Commons: Wenn ihr auf «Bild downloaden» klickt, erscheint ein kleines Fenster:
Unter «Attribution» findet ihr alles, was ihr für die korrekte Legende benötigt:
Daraus machen wir bei uns: wikicommons/Capricorn4049/CC BY-SA 4.0, wobei die Lizenz korrekterweise verlinkt werden müsste.
Wichtig: Ihr müsst euch an die Vorgaben der Lizenz halten. Einzelne Fotografierende haben ein kleines Geschäftsmodell daraus gemacht, Bilder auf wikicommons hochzuladen und Menschen zu verklagen, die keine ganz ganz korrekten Quellen angeben.
Und Obacht: Nicht jede Lizenz erlaubt eine Bearbeitung der Bilder. Im Zweifel den Text der Lizenz lesen.
KEINE Magenta-Kreise/Schatten
Nein:
Ja.
Es gibt eine Ausnahme: der Circle of Shame. Dort darfst du den Kreis mit Magenta #F40F97 ohne schlechtes Gewissen nutzen:
So schaffst du das auch: Circle-of-Shame-Anleitung
Teaser mit Kopf (im Kreis)
Wir machen bei Kreisen in Teaserbildern immer eine Kontur. Kein Schlagschatten, kein Schein nach aussen, einfach eine Kontur. Und sie ist weiss. Nur weiss.
Kein Rahmen (nicht gut)
Schein nach aussen (nicht gut)
ohne Hintergrund (nicht gut)
Nicht rund (nicht gut)
zu dick (nicht gut)
zu dünn (nicht gut)
Kontur & Schatten (nicht gut)
zu klein (nicht gut)
zu gross (nicht gut)
zu links (nicht gut)
zu zentral (nicht gut)
zu nichtweiss (nicht gut)
Köpfe unterschiedlich gross (nicht gut)
Kreise unterschiedlich gross (nicht gut)
AUSNAHME: IHR WOLLT'S BETONEN
zu farbige Konturen von Menschen (nicht gut)
BRAVO! SUPI! WOOO-HOOO!
Kopf luegt use
Kopf luegt use (gut)
Kopf luegt use (weniger gut)
So schaffst du das auch lächelnd (zumindest ab dem dritten Versuch).
Tricks für Klicks
👍 Fiese Pfeile (auf etwas ohne Kopf)
👍 Fiese Pfeile (auf hinter dem Titel)
👍 Pfeil (gerade, schlicht, doch auffällig)
👍 Sprechblasen (bei nicht (nur) Spass)
👍 Emojis
👍 Hintergründe (nicht immer langweilige PK-Bilder)
👍 Keine Angst vor Authentizität: Screenshots
👍 Grafiken in Teasern:
👍Grafiken & Emoji in Teasern:
Quiz in Teaser:
Grundsätzlich: Weniger ist mehr.
Das sind unsere Pfeile
Die Grafikabteilung hat uns zur Vereinheitlichung eigene Pfeile gemacht. Verwendet ab sofort grundsätzlich diese auf Teaserbildern etc. (nicht so wie bei den Beispielen aus der Prä-Pfeil-Ära oben).
Gerader Pfeil
Geschwungener Pfeil
Ihr findet die Pfeile zum Download als PNG hier. Sie heissen:
PNG, SVG, AI
Wir haben neben Pfeilen auch noch weitere Symbole vereinheitlicht, wie Ausrufezeichen, Kreise, Fragezeichen, etc. Ihr findet sie alle hier.
Stock-Bilder
Augen auf bei Bildern von Shutterstock und Konsorten: Ausser wenn du bewusst auf den Effekt setzen willst, solltest du verzichten auf perfekt ausgeleuchtete Grimassen-Menschen, …
… ethnisch auffallend korrekt-diverse Menschengruppen, …
… Emotionen durch seltsame Mimik und Gestik ausdrückende Menschen sowie …
… auf alles andere, was von dreitausend Metern her nach Symbolbild riecht.
Kurs für Teaser-Bild-Gestaltung
Bilder Freistellen mit BeFunky
Link auf Anleitungen für kleinere Foto-Bearbeitungen (Photoshop und Affinity)
Link auf Photoshop-Kurs (mit Übungsbildern)
