Das ist ein Teaser- und Photoshop-Kurs-Artikel mit langem Titel, damit's das Bild verdeckt

Das ist ein Teaser- und Photoshop-Kurs-Artikel mit langem Titel, damit's das Bild verdeckt

Du darfst diesen Artikel gerne jeden Tag anschauen. Aber wenn du ihn veränderst, könntest du massive Probleme bekommen und solltest einsame Heimwege meiden. Mögest du den Artikel weise und lächelnd verlassen.
01.11.2023, 08:0012.08.2024, 09:57

Leerräume oben sind doof

Ausgangsbild:

Los Angeles Angels designated hitter Shohei Ohtani (17) reacts after striking out during the first inning of a baseball game against the Boston Red Sox in Anaheim, Calif., Wednesday, June 8, 2022. (AP ...
Bild: keystone

gut.

Los Angeles Angels designated hitter Shohei Ohtani (17) reacts after striking out during the first inning of a baseball game against the Boston Red Sox in Anaheim, Calif., Wednesday, June 8, 2022. (AP ...
Bild: keystone

Teaser Auswirkungen:

Bild
Bild

Schneidet Hirn ab, nicht Kinn

Ausgangsbild:

Bild

Hirn weg:

Bild

Kinn weg:

Bild

Teaser Auswirkungen:

Bild
Bild

Lasst dem Herrn den Mund. Also besser nicht so:

Bild

Lass die Leute «ins Bild» schauen

Ausgangsbild

epa10441125 Britain's Catherine, the Princess of Wales, visits Kirkgate Market in Leeds, Britain, 31 January 2023. The Princess is making a series of visits as part of the launch of a campaign to ...
Bild: keystone

Gut:

epa10441125 Britain's Catherine, the Princess of Wales, visits Kirkgate Market in Leeds, Britain, 31 January 2023. The Princess is making a series of visits as part of the launch of a campaign to ...
Bild: keystone

Schlecht:

epa10441125 Britain's Catherine, the Princess of Wales, visits Kirkgate Market in Leeds, Britain, 31 January 2023. The Princess is making a series of visits as part of the launch of a campaign to ...
Bild: keystone

Teaser Auswirkungen:

Bild
Bild

Die Körper-Combo

Leute blicken oder bewegen sich ins Bild, Augen auf gleicher Höhe, Körperausschnitte gleich gross

Bild

Falsche Reihenfolge

Bild

Falsche Ausschnitte

Bild

Teaser Auswirkungen:

Bild
Bild

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

Quellenangabe

Wikimedia Commons: Wenn ihr auf «Bild downloaden» klickt, erscheint ein kleines Fenster:

Bild

Unter «Attribution» findet ihr alles, was ihr für die korrekte Legende benötigt:

Capricorn4049, CC BY-SA 4.0 <https://creativecommons.org/licenses/by-sa/4.0>, via Wikimedia Commons

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

Bild

Nein:

Bild

Ja.

Bild

Es gibt eine Ausnahme: der Circle of Shame. Dort darfst du den Kreis mit Magenta #F40F97 ohne schlechtes Gewissen nutzen:

Bild

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)

Bild

Schein nach aussen (nicht gut)

Bild

ohne Hintergrund (nicht gut)

Bild

Nicht rund (nicht gut)

Bild

zu dick (nicht gut)

Bild

zu dünn (nicht gut)

Bild

Kontur & Schatten (nicht gut)

Bild

zu klein (nicht gut)

Bild

zu gross (nicht gut)

Bild

zu links (nicht gut)

Bild

zu zentral (nicht gut)

Bild

zu nichtweiss (nicht gut)

Bild

Köpfe unterschiedlich gross (nicht gut)​

Bild

Kreise unterschiedlich gross (nicht gut)
AUSNAHME: IHR WOLLT'S BETONEN​

Bild

zu farbige Konturen von Menschen (nicht gut)

Bild

BRAVO! SUPI! WOOO-HOOO!

Bild

Kopf luegt use

Kopf luegt use (gut)

Bild

Kopf luegt use (weniger gut)

Bild

So schaffst du das auch lächelnd (zumindest ab dem dritten Versuch).

Tricks für Klicks

👍 Fiese Pfeile (auf etwas ohne Kopf)

Bild

👍 Fiese Pfeile (auf hinter dem Titel)

Bild

👍 Pfeil (gerade, schlicht, doch auffällig)

Bild

👍 Sprechblasen (bei nicht (nur) Spass)

Bild

👍 Emojis

Bild

👍 Hintergründe (nicht immer langweilige PK-Bilder)

Bild

👍 Keine Angst vor Authentizität: Screenshots

Bild

👍 Grafiken in Teasern:

Bild

👍Grafiken & Emoji in Teasern:

Bild

Quiz in Teaser:

Bild

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

Pfeile watson

Geschwungener Pfeil

Pfeile watson

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

stockbilder
bild:shutterstock

… ethnisch auffallend korrekt-diverse Menschengruppen, …

stockbilder
bild:shutterstock

… Emotionen durch seltsame Mimik und Gestik ausdrückende Menschen sowie …

stockbilder
bild:shutterstock

… auf alles andere, was von dreitausend Metern her nach Symbolbild riecht.

Kurs für Teaser-Bild-Gestaltung

Bilder Freistellen mit BeFunky

Link: https://www.befunky.com/create/background-remover/ und Login im Lastpass

Link auf Anleitungen für kleinere Foto-Bearbeitungen (Photoshop und Affinity)

Link auf Photoshop-Kurs (mit Übungsbildern)

DANKE FÜR DIE ♥
Würdest du gerne watson und unseren Journalismus unterstützen? Mehr erfahren
(Du wirst umgeleitet, um die Zahlung abzuschliessen.)
5 CHF
15 CHF
25 CHF
Anderer
Oder unterstütze uns per Banküberweisung.
Das könnte dich auch noch interessieren: