7 minuty czytane
animacje typograficzne od wielu lat cieszą się niesłabnącą popularnością i możemy je zobaczyć wszędzie, od premier filmowych po reklamy telewizyjne. Zostały one również szeroko przyjęte przez projektantów stron internetowych i masowo używane w projektowaniu stron internetowych i projektowaniu banerów.
powodem, dla którego kinetic type jest tak kochany przez projektantów, jest to, że zapewnia nieskończone możliwości twórcze, przyciąga wzrok i może przekazywać potężne wiadomości.
czym jest animowana typografia?
typografia kinetyczna lub typografia animowana odnosi się do każdego rodzaju ruchomego tekstu, czy to tekstu, który porusza się powoli, rozszerza, kurczy lub przekształca w coś innego. Animowane litery są o wiele bardziej atrakcyjne niż tekst statyczny.
animacje tekstowe służą do:
- podkreśl znaczenie tekstu i
- , aby przekazać wiadomość wypełnioną emocjami.
- ma również potencjał, aby przyciągnąć uwagę widza i wywrzeć na niego duży wpływ.
a teraz zapraszam do zapoznania się z wyborem fajnych animacji typograficznych. Każdy z nich to świetna okazja, aby nauczyć się nowych technik i odkryć niesamowite kreatywne pomysły. Niektóre z nich mogą Cię olśnić!
10 przykładów niesamowitej animowanej typografii
1. Morphing jest jedną z najczęściej używanych technik w typografii kinetycznej do tworzenia typografii ruchowej. Jest to proste i przyciągające wzrok. Poza tym może pomóc projektantom promować ważną wiadomość lub złożyć oświadczenie.
artysta: Holke79
2. Migotanie tekstu, wręcz przeciwnie, nie jest czymś, co znajdziesz bardzo często. Naprawdę trzeba mieć talent do wybierania słów, aby używać migotania jako animowanego tekstu. Niewiele słów tam działa tak dobrze z tą techniką, jak „gdzie” i „tutaj”.
artysta: Christos Baltaszis
3.Hipnotyzujący tekst nigdy nie pozostanie niezauważony. Ma się wyróżniać i imponować. I hipnotyzować.
artysta: Cecilia Erlich
4.Przenoszenie tekstu, zarówno od prawej do lewej, jak i od góry do dołu, jest również spektakularne, zwłaszcza gdy technika jest połączona z odpowiednimi słowami. Jak widać w tym przykładzie, ten efekt animacji został użyty, aby podkreślić znaczenie słów i zaskoczyć widza.
artysta: Siddhart Mate
5. Rysowanie tekstu litera po literze nie jest czymś nowym, ale wszystko zależy od tego, jak to zrobisz, jakich czcionek używasz i innych uzupełniających się elementów graficznych. Ten przykład pokazuje, jak kreatywnie można uzyskać prosty przekaz w rodzaju „ciszy lasu”. Z jednej strony artysta użył tej foresty green, z drugiej sprawiło, że słowo „Las” rzeczywiście wyglądało jak las sosnowy! I nie wspominając o subtelnym liściu spadającym na „i”!
artysta: Chesca Acpal
6.Konstrukcje geometryczne to nowa sensacja animowanej typografii. Ta technika animacji typu jest nowoczesna i fajna i może pomóc twórcom promować markę technologiczną lub miejską jak żadna inna.
źródło: Animografia
7.Płynna geometria to nowy rodzaj techniki animacji typograficznej i jest wspaniała! Ma miejskie powietrze i dynamikę płynów.
źródło: Animografia
8. Być może nigdy nie słyszałeś o konstrukcjach tekstur, ale one istnieją. Oto dowód:
ta technika animacji tworzy warstwy i teksturę liter jednocześnie, aby uzyskać prawdziwie Artystyczny efekt.
źródło: Animografia
9. Kompleksowa morfing to kolejny sposób na zwrócenie uwagi na swoją wiadomość. Uwielbiam jak te symbole Londynu tworzą nazwę miasta. Możesz nawet rozpoznać każdy budynek!
źródło: Giphy
- animacje graficzne zawierają obecność grafiki i ilustracji. Jest to bardziej złożony rodzaj animowanego tekstu, ale jest to całkowicie tego warte.
źródło: Giphy
11. Dynamiczny montaż tekstu może opowiedzieć historię, nawet jeśli nie ma żadnych obrazów. Zatrzymaj się na chwilę i spójrz na poniższy przykład, aby zrozumieć, w jaki sposób czas, pauza i nagłe pojawienie się tekstu mogą stworzyć dreszczyk emocji i fabułę.
źródło: Contentcreatures
12. Migotanie neonów jest dość często używane w reklamach pubów i barów. Efekt jest niezwykle łatwy do stworzenia i gwarantuje, że Twoja wiadomość zostanie zauważona.
artysta: Małgorzata Fu
13. Typografia Dash jest nowoczesna i prosta i może wprowadzić wiadomość w elegancki sposób.
źródło: Gifer
14. Kreatywne listy mogą zaskoczyć każdego. Wystarczy spojrzeć na ten latający nietoperz W. nietoperz jest całkowicie znakiem towarowym Halloween, więc skojarzenie między nimi przychodzi naturalnie.
źródło: Streszczenie Cyfrowe
15. Ilustrowane litery, które tworzą słowo, istnieją od wielu lat, ale nadal są chwytliwe i zaskakujące.
źródło: Hackernoon
16. Animacja typografii efektu scrabble może pomóc w dynamicznym i zaskakującym tworzeniu wiadomości.
artysta: Maxym Zacharyack
17. Morfing geometrycznych kształtów może podkreślić swoją historię i stworzyć niepowtarzalny klimat.
źródło: projekt MVDC
18. Kreatywne animowane litery w statycznych słowach, to coś, czego nikt się nie spodziewa. Ta kombinacja statycznych i animowanych liter jest naprawdę interesująca, ponieważ możesz skupić swoją wiadomość tylko na jednej literze.
artysta: Mindaugas Dudenas
19. Przyspieszone animacje typograficzne służą do tworzenia olśniewającego efektu wizualnego i przekazywania szybkiej historii. Jak widać w tym przykładzie, ta animacja mówi o tym, ile pił ktoś tequili. Kręci ci się w głowie.
źródło: Giphy
20. Wypełnione emocjami animowane litery. Nie jest to efekt animacji, ale raczej kreatywna technika. To wstrząsające ” ja ” przekazuje tyle emocji, że możemy niemal wczuć się w to!
artysta: Vlado Paunovic
Jak stworzyć własne fajne animacje typograficzne
chcesz spróbować stworzyć fajną animację typograficzną? W Creatopy możesz go utworzyć w kilka minut. Oto jeden, który stworzyłem w około 5 minut:
ciekawy? Jeśli chcesz utworzyć wizualizację Kinetic typography już teraz w Creatopy, Zaloguj się na swoje konto (lub Zarejestruj się za darmo) i wykonaj następujące kroki:
- przejdź do Utwórz i kliknij przycisk, lub po prostu wybierz żądany rozmiar z karty wyszukiwania.
- Wybierz tło dla obrazu. Może to być kolor, tekstura, wzór lub zdjęcie stockowe, już dostępne w Creatopy. Lub możesz przesłać własne zdjęcie. Zobrazuję proces za pomocą niebieskiego tła, które wybrałem do mojego obrazu.
- następnie dodaj swój tekst. Przejdź do menu po lewej stronie i kliknij kartę Tekst. Wybierz jeden z dostępnych rozmiarów tekstu lub wybierz predefiniowany szablon typografii i po prostu zastąp istniejący tekst własnym.
oto ustawienie typografii, które wybieram. Jest to standardowy element statyczny, ale można go łatwo animować. Pokażę Ci jak.
- możesz stworzyć szybki efekt animowany za pomocą naszego magicznego narzędzia Animator, które znajduje się na pasku menu, ostatnio na liście. Jeśli jednak chcesz stworzyć zaskakujący i bardziej przyciągający wzrok efekt, musisz dostosować każde ze swoich słów za pomocą widoku osi czasu.
kliknij przycisk oś czasu, aby włączyć widok osi czasu, aby zobaczyć wszystkie elementy ładnie ułożone i uporządkowane.
następnie kliknij na każde małe pole na początku każdej warstwy tekstowej, a zobaczysz wyskakujące menu wbudowanych animacji dostępnych. Wypróbuj każdy z nich, aby zobaczyć, który z nich działa najlepiej z tekstem, a następnie ustaw czas trwania efektu animacji, przeciągając po prostu odpowiednie marginesy pola w prawo.
powtórz tę czynność dla każdego ze słów w obrazie.
aby uzyskać ciągły efekt animacji, zmień ustawienie pętli z raz na zawsze lub tyle razy, ile chcesz, aby animacja była odtwarzana.
następnie naciśnij przycisk Odtwórz, który znajduje się na górze Pulpitu nawigacyjnego, aby sprawdzić swoją pracę.
- po zakończeniu animowania tekstu możesz pobrać pracę w formacie HTML, AMP, MP4 i GIF.
to wszystko! Spokojnie.
spraw, aby twoje słowa ożyły dzięki ruchowej typografii!
teraz wiesz więcej o animacjach typograficznych i mam nadzieję, że poczujesz się pewniej, aby rozpocząć swój animowany projekt typograficzny. Niezależnie od tego, czy próbujesz stworzyć wizualną reklamę, czy Materiały promocyjne dla MAJSTERKOWICZÓW na swoim blogu, Creatopy może pomóc Ci zaprojektować imponująco animowane teksty w ciągu kilku minut!