7 minutes read
Typografie-Animationen sind seit vielen Jahren sehr beliebt, und wir können sie überall sehen, von Filmeröffnungen bis hin zu Fernsehwerbung. Sie wurden auch von Webdesignern weit verbreitet und massiv im Website-Design und Display-Banner-Design verwendet.
Der Grund, warum Kinetic Type von Designern so geliebt wird, ist, dass es endlose kreative Möglichkeiten bietet, auffällig ist und kraftvolle Botschaften vermitteln kann.
Was ist animierte Typografie?
Kinetische Typografie oder animierte Typografie bezieht sich auf jede Art von bewegtem Text, sei es der Text, der sich langsam bewegt, sich ausdehnt, schrumpft oder in etwas anderes verwandelt. Animierte Buchstaben sind viel attraktiver als statischer Text.
Textanimationen werden verwendet, um:
- Betonen Sie die Bedeutung eines Textes und
- , um eine emotionale Botschaft zu vermitteln.
- Es hat auch das Potenzial, die Aufmerksamkeit eines Betrachters auf sich zu ziehen und ihn stark zu beeinflussen.
Und jetzt lade ich Sie ein, eine Auswahl cooler Typografie-Animationen durchzugehen. Jeder von ihnen ist eine großartige Gelegenheit für Sie, neue Techniken zu erlernen und erstaunliche kreative Ideen zu entdecken. Einige von ihnen könnten Sie blenden!
10 Beispiele für erstaunliche animierte Typografie
1. Morphing ist eine der am häufigsten verwendeten Techniken in der kinetischen Typografie, um Bewegungstypografie zu erstellen. Es ist einfach und auffällig. Außerdem kann es Designern helfen, eine wichtige Botschaft zu fördern oder eine Aussage zu machen.
Künstler: Holke79
2. Flackernder Text, im Gegenteil, ist nicht etwas, was Sie sehr oft finden werden. Man muss wirklich ein Gespür für die Auswahl von Wörtern haben, um Flackern als animierten Text zu verwenden. Nicht viele Wörter funktionieren mit dieser Technik so gut wie „wo“ und „hier“.
Künstler: Christos Baltaszis
3.Hypnotisierender Text wird nie unbemerkt bleiben. Es soll auffallen und beeindrucken. Und hypnotisieren.
Künstlerin: Cecilia Erlich
4.Das Verschieben von Text, entweder von rechts nach links oder von oben nach unten, ist ebenfalls spektakulär, insbesondere wenn die Technik mit geeigneten Wörtern gepaart wird. Wie Sie in diesem Beispiel sehen, wurde dieser Animationseffekt verwendet, um die Bedeutung der Wörter hervorzuheben und den Betrachter zu überraschen.
Künstler: Siddhart Mate
5. Das Zeichnen des Textes Buchstabe für Buchstabe ist nichts Neues, aber alles hängt davon ab, wie Sie es tun, welche Schriftarten Sie verwenden und andere ergänzende grafische Elemente. Dieses Beispiel zeigt, wie kreativ man mit einer einfachen Nachricht wie „Stille eines Waldes“ werden kann. Einerseits verwendete der Künstler dieses Waldgrün, andererseits ließ es das Wort „Wald“ tatsächlich wie einen Kiefernwald aussehen! Und ganz zu schweigen von dem subtilen kleinen Blatt, das auf „i“ fällt!
Künstler: Chesca Acpal
6.Geometrische Konstruktionen sind die neue Sensation der animierten Typografie. Diese Art von Animationstechnik ist modern und cool und kann Kreativen dabei helfen, eine Tech- oder urbane Marke wie keine andere zu bewerben.
Quelle: Animografie
7.Fluid Geometry ist eine neue Art von Typografie-Animationstechnik und es ist großartig! Es hat eine städtische Luft und eine Fluiddynamik.
Quelle: Animografie
8. Sie haben vielleicht noch nie von Texturkonstruktionen gehört, aber sie existieren. Hier ist der Beweis:
Diese Animationstechnik konstruiert die Ebenen und die Textur von Buchstaben gleichzeitig für einen wirklich künstlerischen Effekt.
Quelle: Animografie
9. Komplexes Morphing ist eine weitere Möglichkeit, Aufmerksamkeit auf Ihre Nachricht zu lenken. Ich liebe es, wie diese Symbole von London den Namen der Stadt schaffen. Sie können sogar jedes einzelne Gebäude erkennen!
Quelle: Giphy
- Grafische Animationen umfassen das Vorhandensein von Grafiken und Illustrationen. Dies ist eine komplexere Art von animiertem Text, aber es lohnt sich absolut.
Quelle: Giphy
11. Die dynamische Montage von Text kann eine Geschichte erzählen, auch wenn es überhaupt keine Bilder gibt. Halten Sie einen Moment inne und sehen Sie sich das folgende Beispiel an, um zu verstehen, wie Timing, Pause und das abrupte Erscheinen von Text Nervenkitzel und eine Handlung erzeugen können.
Quelle: Contentcreatures
12. Neonflackern wird häufig in Anzeigen für Pubs und Bars verwendet. Der Effekt ist extrem einfach zu erstellen und garantiert, dass Ihre Nachricht wahrgenommen wird.
Künstler: Margaret Fu
13. Dash-Typografie ist modern und einfach und kann eine Nachricht auf elegante Weise einführen.
Quelle: Gifer
14. Kreative Briefe können jeden überraschen. Schauen Sie sich nur diese fliegende Fledermaus W.. Die Fledermaus ist ein Halloween-Markenzeichen, Die Assoziation zwischen den beiden ist also selbstverständlich.
Quelle: Digital Synopsis
15. Illustrierte Buchstaben, die ein Wort bilden, gibt es schon seit vielen Jahren, aber sie sind immer noch eingängig und überraschend.
Quelle: Hackernoon
16. Die Scrabble-Effekt-Typografie-Animation kann Ihnen helfen, Ihre Nachricht auf dynamische und überraschende Weise zu erstellen.
Künstler: Maxym Zacharyack
17. Morphing geometrische Formen können Ihre Geschichte betonen und eine einzigartige Atmosphäre schaffen.
Quelle: MVDC-Projekt
18. Kreative animierte Buchstaben in statischen Worten, das erwartet niemand. Diese Kombination aus statischen und animierten Buchstaben ist wirklich interessant, da Sie Ihre Nachricht nur auf einen Buchstaben konzentrieren können.
Künstler: Mindaugas Dudenas
19. Beschleunigte Typografie-Animationen werden verwendet, um einen blendenden visuellen Effekt zu erzielen und eine schnelle Geschichte zu vermitteln. Wie wir in diesem Beispiel sehen können, spricht diese Animation darüber, wie viele Tequila-Schüsse jemand getrunken hat. Macht dich ein bisschen schwindelig.
Quelle: Giphy
20. Emotionsgeladene animierte Buchstaben. Dies ist kein Animationseffekt, sondern eine kreative Technik. Dieses zitternde „Ich“ vermittelt so viel Emotion, dass wir uns fast hineinversetzen können!
Künstler: Vlado Paunovic
So erstellen Sie Ihre eigenen coolen Typografie-Animationen
Möchten Sie eine coole Typografie-Animation erstellen? In Creatopy können Sie in wenigen Minuten eine erstellen. Hier ist eine, die ich in ungefähr 5 Minuten erstellt habe:
Neugierig? Wenn Sie jetzt in Creatopy ein kinetisches Typografie-Visual erstellen möchten, melden Sie sich in Ihrem Konto an (oder melden Sie sich kostenlos an) und führen Sie die folgenden Schritte aus:
- Gehen Sie zu Erstellen und klicken Sie auf die Schaltfläche, oder wählen Sie einfach die gewünschte Größe aus der Registerkarte Suchen.
- Wählen Sie einen Hintergrund für Ihre visuelle. Es kann sich entweder um eine Farbe, Textur, ein Muster oder ein Archivfoto handeln, das bereits in Creatopy verfügbar ist. Oder Sie können ein eigenes Bild hochladen. Ich werde den Prozess anhand des blauen Hintergrunds veranschaulichen, den ich für mein Bild ausgewählt habe.
- Fügen Sie dann Ihren Text hinzu. Gehen Sie zum Menü auf der linken Seite und klicken Sie auf die Registerkarte Text. Wählen Sie eine der verfügbaren Textgrößen aus oder wählen Sie eine vordefinierte Typografievorlage und ersetzen Sie einfach den vorhandenen Text durch Ihren eigenen.
Hier ist die Typografie-Voreinstellung, die ich wähle. Es ist Standard statisch, aber Sie können es leicht animieren. Ich zeige dir wie.
- Sie können einen schnellen animierten Effekt mit unserem Magic Animator-Tool erstellen, das sich in der Menüleiste befindet, zuletzt in der Liste. Wenn Sie jedoch einen überraschenden und auffälligeren Effekt erzielen möchten, müssen Sie jedes Ihrer Wörter mithilfe der Zeitleistenansicht anpassen.
Klicken Sie auf die Schaltfläche Timeline, um die Timeline-Ansicht zu aktivieren, damit Sie alle Ihre Elemente übersichtlich und organisiert sehen können.
Klicken Sie dann auf jedes kleine Kästchen am Anfang jeder Textebene, und Sie sehen ein Popup-Menü mit den verfügbaren integrierten Animationen. Probieren Sie jeden von ihnen aus, um zu sehen, welcher am besten zu Ihrem Text passt, und stellen Sie dann die Dauer des Animationseffekts ein, indem Sie einfach die rechten Ränder des Felds nach rechts ziehen.
Wiederholen Sie diese Aktion für jedes der Wörter in Ihrem Bild.
Für einen kontinuierlichen Animationseffekt ändern Sie die Looping-Einstellung von einmal auf immer oder so oft, wie die Animation abgespielt werden soll.
Drücken Sie dann die Wiedergabetaste oben im Dashboard, um Ihre Arbeit zu überprüfen.
- Nachdem Sie Ihren Text animiert haben, können Sie Ihre Arbeit im HTML-, AMP-, MP4- und GIF-Format herunterladen.
Das war’s! Nett und einfach.
Erwecken Sie Ihre Wörter mit Bewegungstypografie zum Leben!
Jetzt wissen Sie mehr über Typografie-Animationen und fühlen sich hoffentlich sicherer, Ihr animiertes Typografie-Projekt zu starten. Egal, ob Sie versuchen, ein Werbe-Visual oder ein DIY-Werbematerial für Ihren Blog zu erstellen, Creatopy kann Ihnen helfen, beeindruckend animierte Texte in wenigen Minuten zu entwerfen!