So benutzt du den Generator
- Wähl Linear oder Radial.
- Zieh bei einem linearen Verlauf am Winkel. 0° läuft von unten nach oben, 90° von links nach rechts, 180° von oben nach unten.
- Ändere die Farben. Jede hat einen Regler dafür, wo sie sitzt, von 0 % am Anfang bis 100 % am Ende.
- Füg mit Farbe hinzufügen Farben hinzu, bis zu fünf. Die neue kommt in die größte Lücke.
- Kopier das CSS oder wähl eine Größe und drück auf PNG herunterladen.
Umdrehen kehrt die Reihenfolge der Farben um. Zufällige Farben probiert einen neuen Satz und behält, wo jede Farbe sitzt. Der Verlauf steckt auch in der Adresse der Seite, der Link bringt ihn also zurück.
Die Größen
- Quadratischer Post, 1080 x 1080: Feed-Posts auf Instagram, Facebook und LinkedIn.
- Hochformat-Post, 1080 x 1350: der höchste Feed-Post auf Instagram und Facebook. Er nimmt mehr vom Bildschirm ein.
- Story oder Reel, 1080 x 1920: Stories, Reels, TikTok und YouTube Shorts.
Die Vorschau nimmt die Form der gewählten Größe an, du siehst also das Bild, das du bekommst. Das PNG wird mit demselben Winkel und denselben Stopps wie das CSS gezeichnet, es passt also zur Vorschau.
Verläufe, die gut aussehen
- Halt die Farben nah beieinander. Zwei Nachbarn auf dem Farbkreis, wie Blau und Türkis, gehen weich ineinander über. Gegensätze, wie Blau und Orange, können in der Mitte grau werden. Füg eine dritte Farbe dazwischen ein, damit es leuchtend bleibt.
- Nimm ein Hell und ein Dunkel einer Farbe für einen ruhigen Hintergrund, der nie mit deinem Text kämpft.
- Setz Text auf das ruhige Ende. Text über der Mitte eines starken Verlaufs ändert den Kontrast von Buchstabe zu Buchstabe.
Nutz ihn im Design-Editor von Postfjord
Wähl im Design-Editor eine Form oder die Seite und such unter ihren Farben Verlauf aus. Stell die erste und zweite Farbe ein, eine mittlere Farbe, die Richtung und den Winkel. Verläufe aus diesem Design werden aus deinen eigenen Farben gemacht, sie passen also zu deiner Marke. Ein Design wird in jeder Größe gespeichert, die deine Kanäle brauchen.
FAQ
Was ist der Unterschied zwischen linear und radial?
Ein linearer Verlauf läuft in einer geraden Linie im eingestellten Winkel. Ein radialer Verlauf beginnt in der Mitte und breitet sich kreisförmig bis zu den Ecken aus.
Kann ich das PNG als Post verwenden?
Ja. Es ist ein einfaches Bild ohne Wasserzeichen. Füg Text in deiner Design-App hinzu oder poste es als Hintergrund für ein Zitat.
Funktioniert das CSS in jedem Browser?
Ja. linear-gradient und radial-gradient funktionieren in jedem heute genutzten Browser.
Speichert das Tool meinen Verlauf?
Nur im Link. Es läuft in deinem Browser, und nichts wird an Postfjord gesendet oder gespeichert.