In deinem Ordner bilder liegt ein selbst erzeugtes, atmosphärisches Hintergrundbild. Du verwendest es genau wie ein eigenes Foto.
Schritt 4 · optional · ca. 15 Minuten
Ein Hintergrund aus der Bilder-KI
Diesen Schritt machst du nur, wenn du kein passendes eigenes Foto hast oder eine bestimmte Stimmung brauchst, die du nicht fotografieren kannst. Erst kommt also der Weg mit dem eigenen Foto (Schritt 3), und erst danach, wenn du magst, dieser Weg mit dem KI-Bild. Du kannst beides auch mischen: eigene Fotos, wo du welche hast, und KI-Bilder für die Slides, wo dir eines fehlt. Das geht deshalb so leicht, weil beide im selben Ordner bilder landen. Dein Designer sieht dort nur Dateien und fragt nicht, woher sie kommen.
Am Ende dieses Schritts
Die Rollenteilung bleibt
Das KI-Bild ist NUR die untere Schicht, die Kulisse. Der Text kommt weiterhin als echter Text obendrauf, nie aus dem Bildmodell. Und du schreibst hier keinen Code: Du sagst Claude, wo dein Zugang liegt, und Claude baut sich den Rest selbst.
Die Datei .env anlegen, in vier Schritten
-
1
Notepad öffnen
Der ganz normale Windows-Editor genügt. Kein Word, keine besondere Software.
-
2
Eine Zeile schreiben
Tippe FREEPIK_API_KEY= und füge direkt dahinter deinen Schlüssel ein. Keine Leerzeichen ums Gleichheitszeichen, keine Anführungszeichen.
-
3
Als "Alle Dateien" speichern
Im Speichern-Dialog unten bei Dateityp von "Textdateien" auf Alle Dateien umstellen. Sonst hängt Windows heimlich .txt an, und Claude findet die Datei nicht.
-
4
Dateiname: .env
Mit Punkt am Anfang, ohne Endung. Speicherort ist dein Projektordner, derselbe, in dem auch der Ordner bilder liegt.
In meinem Projektordner liegt eine Datei .env mit meinem API-Schlüssel
für [DEINE BILDER-KI, z. B. Freepik].
Schreib mir ein kleines Skript, das den Schlüssel beim Ausführen
selbst aus dieser Datei liest und damit die Verbindung herstellt.
Öffne die Datei dabei NICHT selbst und gib ihren Inhalt nirgends
aus. Auch das Skript gibt den Schlüssel niemals aus, weder zur
Kontrolle noch in Fehlermeldungen.
Sag mir Bescheid, wenn die Verbindung steht.
Und jetzt die Bilder
Eine Serie, die zusammenpasst.
Der größte Unterschied zwischen sieben Einzelbildern und einer Slideshow ist die Wiedererkennung. Beschreibe deshalb nicht jedes Bild einzeln, sondern die Serie als Ganzes: ein wiederkehrendes Element, eine feste Position, und nur das variiert, was variieren soll.
Erstelle mir [ANZAHL] Hintergrundbilder für meine Slideshow und speichere sie im Ordner bilder. Auf jedem Bild soll [WIEDERKEHRENDES ELEMENT, z. B. "ein Mann"] zu sehen sein, immer [FESTE POSITION, z. B. "rechts im Bild"] platziert, pro Bild in einer anderen [WAS VARIIERT, z. B. "Körperhaltung"]. Die Bilder enthalten keinen Text, keine Buchstaben und keine Zahlen.
Noch schneller
Die KI wählt die Motive.
Du musst die Motive nicht selbst festlegen. Sag der KI, sie soll die Texte deiner Slides lesen und zu jeder Slide ein passendes Bild ableiten. Dann gibst du nur noch den Stil vor, den Rest übernimmt sie.
Lies die Texte aller Slides in [slideshow.html] und erzeuge zu jeder Slide ein passendes Hintergrundbild im Stil [DEIN STIL, z. B. "modern-dunkel mit Cyan-Akzenten"]. Speichere sie im Ordner bilder. Die Bilder enthalten keinen Text, keine Buchstaben und keine Zahlen.
Beides in einem Auftrag
Bilder erzeugen und bauen, in einem Zug.
Du musst das nicht in zwei Sitzungen machen. Wichtig ist nur, wer was tut: Die Bilder holt Claude, denn nur er kann mit der Bilder-KI sprechen. Gebaut wird danach vom Designer. Ein Auftrag, zwei Rollen. Du hängst dazu einfach einen Satz an deinen Bild-Auftrag von oben an.
[dein Bild-Auftrag von oben]
Nutze DANACH den Agenten slideshow-designer: Baue daraus eine Slideshow
zum Thema [DEIN THEMA] als slideshow.html in diesem Ordner.
Schritt 5 · optional · ca. 10 Minuten
Ein Produkt mit KI freistellen
Am Ende: dein Produkt als freigestelltes Bild (mit durchsichtigem Hintergrund), das über den Slide-Hintergrund "schweben" kann, statt in einem Rechteck zu kleben. Der Kern ist eine Denkumkehr: Wir stellen nicht irgendein Foto mühsam frei. Wir bestellen das Bild von vornherein so, dass die Freistellung kinderleicht wird: vor einer komplett gleichmäßigen grünen Fläche, wie beim Wetterbericht im Fernsehen. Eine einzige Farbe zu entfernen ist für ein kleines Programm eine triviale Aufgabe. Mit demselben Trick bringen wir in unserem großen System Personen auf die Slides.
Erzeuge über meine Bilder-KI (wie in Schritt 4 verbunden) ein Bild meines
Produkts: [DEIN PRODUKT, z. B. "eine Edelstahl-Thermoskanne, Produktfoto"].
Wichtig für den Hintergrund, übernimm das wörtlich in die Bild-Beschreibung:
Der Hintergrund ist eine komplett gleichmäßige, flächige Green-Screen-Fläche
in sattem Grün, ohne Schatten, ohne Verlauf, ohne Requisiten und ohne
Unschärfe. Das Produkt steht vollständig im Bild, mit deutlich sichtbarem
grünem Rand auf ALLEN vier Seiten, nichts ist am Bildrand abgeschnitten.
Schreibe mir danach ein kleines Skript, das das Grün entfernt und das
Ergebnis als PNG mit durchsichtigem Hintergrund im Ordner bilder speichert.
So geht das Freistellen, Schritt für Schritt:
1. Mache alle Pixel durchsichtig, in denen Grün klar stärker ist als Rot
und Blau (so erwischst du helles UND dunkles Grün).
2. Ziehe die Kante der Silhouette ein paar Pixel nach innen, damit kein
grüner Rand stehen bleibt.
3. Mache die Kante ganz leicht weich.
4. Wo am Rand noch ein Grünstich sitzt, drücke das Grün auf die Stärke von
Rot beziehungsweise Blau herunter.
5. Schneide das Bild auf den sichtbaren Inhalt zu.
Prüfe zum Schluss: Berührt das Produkt einen Bildrand, sag mir Bescheid,
dann lassen wir das Bild neu erzeugen, statt ein angeschnittenes Produkt
zu verwenden.
Stelle mein Foto [DATEINAME] frei: Der Hintergrund soll durchsichtig
werden, das Produkt bleibt vollständig erhalten. Nutze dazu die
Freistellen-Funktion meiner Bilder-KI, falls sie eine hat, sonst ein
kleines Skript.
Speichere das Ergebnis als PNG im Ordner bilder und sag mir, welchen
Weg du genommen hast.
Wenn das nicht klappt
-
1
Um das Produkt bleibt ein grüner Rand
Sag Claude: "Ziehe die Kante beim Freistellen zwei bis drei Pixel weiter nach innen."
-
2
Das Produkt ist am Rand abgeschnitten
Nicht reparieren, neu erzeugen. Verschärfe die Bestellung: "mit noch mehr grünem Abstand auf allen vier Seiten".
-
3
Das Produkt selbst enthält Grün (Verpackung, Logo)
Nimm Weg 2, die Freistellen-Funktion der API. Sie arbeitet nicht über die Farbe.
Häufige Fragen
Fragen zur Bilder-KI
Brauche ich für Schritt 4 und 5 einen eigenen Bilder-KI-Zugang?
Ja. Der KI-Hintergrund und das Freistellen laufen über deinen eigenen Bilder-KI-Zugang, im Tutorial über Freepik per API-Schlüssel. Für die Schritte 1 bis 3 brauchst du ihn nicht: Diese Ausbaustufe ist optional.
Bleibt mein API-Schlüssel geheim?
Ja. Der Schlüssel liegt in einer Datei .env nur auf deinem Rechner. Ein kleines Skript liest ihn beim Ausführen selbst, er wird nie in den Chat getippt und nie in eine geteilte Datei geschrieben. Ehrlich dazu: Das schützt vor versehentlichem Lesen, nicht davor, dass du ihn selbst eintippst.
Schreibt die Bilder-KI Text in meine Slides?
Nein, nie. Die Bilder-KI erzeugt nur das Bildmotiv oder den Hintergrund, ohne Text, Buchstaben oder Zahlen. Der sichtbare Text kommt immer als echter HTML-Text darüber.
Wie es weitergeht
Bring dein Marketing mit KI voran
Beratung buchen
Ein Kennenlern-Gespräch zu deinem Weg mit KI im B2B-Marketing, konkret auf dein Unternehmen bezogen.
Termin wählen
YouTube ansehen
Marketing mit KI mit Mark Grandler: Praxis und Anleitungen rund um KI im B2B-Marketing.
Zum Kanal
Newsletter abonnieren
Insights zu KI im B2B-Marketing, regelmäßig und direkt in dein Postfach.
Abonnieren
