Skip to main content

Überblend-Modi bei Textobjekten anwenden

By Grafiken und mehr

Nutze die Überblend-Modi in Mail Designer 365, um einzigartige Text-Effekte für deine Designs zu kreieren. So werden deine Überschriften und Text-Störer noch auffälliger:

So geht's...

Die Überblend-Modi für Text-Effekte verwenden

Gehe zum Menü "Inhalte" und füge ein Text-Objekt in einen Bildbereich ein:

Passe den Text an: Ändere die Schriftart, Schriftgröße und den Text des Objekts so, dass es dir gefällt und zu deinem Design passt:

Um den Text-Effekt zu erstellen, wähle ein Bild, das als Muster für deinen Text dienen soll. Nutze dafür ein eigenes Bild oder eines aus der Unsplash-Library.

Ziehe das Bild in den Bildbereich und positioniere es über dem Text. Achte darauf, dass der Text von dem Bild komplett bedeckt ist:

 

Selektiere das Bild und gehe zu "Überblendmaske" im "Stil" Menü. Wähle "Quelle oben" aus der Liste aus. Das Textobjekt wird jetzt mit deinem gewünschten Bild gefüllt:

Diesen Effekt kannst du natürlich mehrmals in einem Design anwenden, um coole Text-Effekte zu erstellen:

 

Auf einen Blick

Hintergründe

Layoutblöcke

Mit Text arbeiten

Links und Buttons

Textstile

Tabellen

Bildbereiche

Bilder

Retina-Bilder

Grafiken und mehr

Kreative Tools

Erweiterte Design-Techniken

Mobile Optimierung

Klartext-Darstellung

Inbox-Vorschau

Vorschau

Vorbereitung vor dem Senden

E-Mail-Versand

HTML Export

Teilen

Überblend-Modi anwenden

By Grafiken und mehr

Während manche die Überblend-Modi bereits von Photoshop usw. kennen, haben viele die Feature sicher noch nicht gesehen.

Was ist die Überblendung?

Überblend-Modi ermöglichen es dir, das Verhalten von mehreren Designelementen (z.B Bilder, Formen, Texte, usw.) beim Aufeinanderlegen festzustellen.

Der voreingestellte Blend-Modus, den wir alle schon kennen heißt, wenn ein Designelement auf ein weiteres Element gelegt wird, wird das untere Element von dem oberen so bedeckt, dass es nicht mehr sichtbar ist:

 

Tatsächlich gibt es aber mehrere Wege, indem du das Interagieren und Überblenden von Designelementen kontrollieren kannst. Diese heißen Überblend-Modi und können verwendet werden, um auffällige Effekte für deine Designs zu erzeugen.

Blend-Modi in Mail Designer 365 anwenden

Die Anwendung deines gewünschten Blend-Modus ist super einfach. Klicke auf das Designelement, das du anpassen willst und gehe zu „Überblend-Modus“ in dem Stil-Menü. 

Klicke auf das Pfeil, um die Liste zu öffnen. Hier kannst du die Vorschau verwenden, um gleich alle Überblend-Modi live im Design zu vergleichen. Hier folgen ein paar Beispiele von beliebten Modi:

Abdunkeln

Weiss ist der neutrale Punkt. Alles, was dunker als weiss ist, wird die untere Ebene abdunkeln:

Aufhellen

Das Gegenteil von Abdunkeln: Schwarz ist der neutrale Punkt und alles, was heller als Schwarz ist, wird die untere Ebene aufhellen:

Lichtpunkte

Dies kombiniert die Modi "Abdunkeln" und "Aufhellen". Wenn die Pixel auf der oberen Ebene dünkler als die auf den unteren Ebenen sind, werden sie sichtbar sein. Wenn nicht, verschwinden sie. Anders rum: wenn die Pixel auf der oberen Ebene heller als die auf den unteren Ebenen sind, werden sie auch sichtbar sein. Wenn nicht, verschwinden sie auch.

Ineinanderkopieren

Pixel, die dünkler als 50% Grau sind, werden die untere Ebene abdunkeln und ihr mehr Kontrast anwenden. Pixel, die heller als 50% Grau sind, werden die untere Ebene aufhellen und ihr mehr Kontrast anwenden.

 

Insgesamt gibt es 24 Überblend-Modi, die du beim Aufeinanderlegen von Designelementen ausprobieren kannst. Du kannst die Überblend-Modi auch mit anderen Effekten wie Sättigung und Deckkraft kombinieren, um noch mehr coole Effekte für deine E-Mail-Designs zu erstellen.

Auf einen Blick

Hintergründe

Layoutblöcke

Mit Text arbeiten

Links und Buttons

Textstile

Tabellen

Bildbereiche

Bilder

Retina-Bilder

Grafiken und mehr

Kreative Tools

Erweiterte Design-Techniken

Mobile Optimierung

Klartext-Darstellung

Inbox-Vorschau

Vorschau

Vorbereitung vor dem Senden

E-Mail-Versand

HTML Export

Teilen

Objekte mit Text verwenden

By Grafiken und mehr

Einige Objekte können Texte enthalten. Klicke doppelt auf den Text, um ihn zu bearbeiten.

Wähle den Reiter „Grafiken“ im Inhalte-Fenster und ziehe dasein CTA-Button graue  in den Bildbereich:

Klicke doppelt auf den  Schriftzug und füge einen beliebigen Text ein. Selbstverständlich lässt sich auch die Schriftart und Größe verändern, um den Platz perfekt zu nutzen:

 

Auf einen Blick

Hintergründe

Layoutblöcke

Mit Text arbeiten

Links und Buttons

Textstile

Tabellen

Bildbereiche

Bilder

Retina-Bilder

Grafiken und mehr

Kreative Tools

Erweiterte Design-Techniken

Mobile Optimierung

Klartext-Darstellung

Inbox-Vorschau

Vorschau

Vorbereitung vor dem Senden

E-Mail-Versand

HTML Export

Teilen

Pixel-präzise Bearbeitung

By Grafiken und mehr

Mit Mail Designer 365 kannst du die Größe, Position oder Drehung einer Grafik exakt verändern.

Wenn du mal auf eine Grafik (z.B ein Button) klickst, wirst du die Bearbeitung in dem Stil-Menü sehen. Hier kannst du eine exakte Zahl für jeden Feld eingeben,  um die Grafik genauer zu platzieren.

 

Auf einen Blick

Hintergründe

Layoutblöcke

Mit Text arbeiten

Links und Buttons

Textstile

Tabellen

Bildbereiche

Bilder

Retina-Bilder

Grafiken und mehr

Kreative Tools

Erweiterte Design-Techniken

Mobile Optimierung

Klartext-Darstellung

Inbox-Vorschau

Vorschau

Vorbereitung vor dem Senden

E-Mail-Versand

HTML Export

Teilen

Objekte drehen

By Grafiken und mehr

Du kannst Grafiken mit dem Rotieren-Tool in dem Stil-Menü drehen. Klicke auf eine Grafik und verwende das Tool, um sie zu drehen.

Du kannst auch manuell einen beliebigen Winkel eingeben:

 

Alternativ, kannst du die Cmd-Taste auch gedrückt halten und dann eine Grafik anklicken. Jetzt kannst du das Objekt frei drehen

 

 

Auf einen Blick

Hintergründe

Layoutblöcke

Mit Text arbeiten

Links und Buttons

Textstile

Tabellen

Bildbereiche

Bilder

Retina-Bilder

Grafiken und mehr

Kreative Tools

Erweiterte Design-Techniken

Mobile Optimierung

Klartext-Darstellung

Inbox-Vorschau

Vorschau

Vorbereitung vor dem Senden

E-Mail-Versand

HTML Export

Teilen

Objekte bearbeiten

By Grafiken und mehr

Mail Designer 365 erlaubt dir, Grafiken und Formen auf unterschiedlichste Weise anzupassen und zu verändern.

Die Größe von Objekten verändern

Die Größe von Grafiken lässt sich durch Bewegen der Aktivpunkte anpassen. Durch Klicken auf ein Objekt werden Aktivpunkte sichtbar.

Bewege nun einfach einen Aktivpunkt, um die Größe der Grafik zu verändern.

Vergrößern aus der Mitte heraus

Wenn du während dem Vergrößern der Grafik die Alt-Taste gedrückt hältst, wird die Grafik nicht nur von der Ecke vergrößert an der du ziehst, sondern auch von der gegenüberliegenden Seite.

Proportionen eines Objekts verändern

Normalerweise werden in Mail Designer 365 die Proportionen einer Grafik beim Vergrößern nicht verändert. Manchmal ist jedoch genau das gewünscht. Um Proportionen zu ändern, musst du "Proportionen beibehalten" in dem Stilmenü unmarkieren. Dann kannst du ziehen, um die gewünschten Veränderungen zu machen.

 

 

 

Auf einen Blick

Hintergründe

Layoutblöcke

Mit Text arbeiten

Links und Buttons

Textstile

Tabellen

Bildbereiche

Bilder

Retina-Bilder

Grafiken und mehr

Kreative Tools

Erweiterte Design-Techniken

Mobile Optimierung

Klartext-Darstellung

Inbox-Vorschau

Vorschau

Vorbereitung vor dem Senden

E-Mail-Versand

HTML Export

Teilen

Privacy Settings / Datenschutz-Einstellungen