7 minutter læst
Typografianimationer har været ekstremt populære i mange år, og vi kan se dem overalt fra filmåbninger til tv-reklamer. De er også blevet bredt vedtaget af internetdesignere og brugt massivt i hjemmeside design og display banner design.
grunden til, at kinetic type er så elsket af designere, er, at det giver uendelige kreative muligheder, det er iøjnefaldende og det kan formidle stærke budskaber.
hvad er animeret typografi?
kinetisk typografi eller animeret typografi henviser til enhver form for bevægelig tekst, det være sig den tekst, der bevæger sig langsomt, udvides, krymper eller omdannes til noget andet. Animerede bogstaver er langt mere attraktive end statisk tekst.
Tekstanimationer bruges til:
- Fremhæv betydningen af en tekst og
- for at formidle en følelsesfyldt besked.
- det har også potentialet til at fange en seers opmærksomhed og påvirke ham på en stor måde.
og nu inviterer jeg dig til at gennemgå et udvalg af seje typografianimationer. Hver af dem er en fantastisk mulighed for dig at lære nogle nye teknikker og opdage fantastiske kreative ideer. Nogle af dem kan blænde dig!
10 eksempler på fantastisk animeret typografi
1. Morphing er en af de mest anvendte teknikker i kinetisk typografi til at skabe bevægelsestypografi. Det er enkelt og iøjnefaldende. Desuden kan det hjælpe designere med at fremme en vigtig besked eller afgive en erklæring.
kunstner: Holke79
2. Flimrende tekst, tværtimod, er ikke noget, du finder meget ofte. Man skal virkelig have en flair for at vælge ord for at bruge Flimrende som animeret tekst. Ikke mange ord derude fungerer så godt med denne teknik, som “hvor” og “her” gør.
kunstner: Christos Baltassis
3.Hypnotiserende tekst vil aldrig gå ubemærket. Det er meningen at skille sig ud og imponere. Og tryllebinde.
kunstner: Cecilia Erlich
4.Flytning af tekst, enten det er fra højre til venstre eller op til ned, er også spektakulært, især når teknikken er parret med passende ord. Som du ser i dette eksempel, blev denne animationseffekt brugt til at understrege betydningen af ordene og overraske seeren.
kunstner: Siddhart Mate
5. Tegning af tekstbrev for bogstav er ikke noget nyt, men det hele afhænger af, hvordan du gør det, hvilke skrifttyper du bruger og andre komplementære grafiske elementer. Dette eksempel viser, hvor kreativ man kan få med en simpel besked som “silence of a forest”. På den ene side brugte kunstneren denne skovgrøn, på den anden side fik det ordet “skov” faktisk til at ligne en fyrreskov! Og for ikke at nævne det subtile lille blad, der falder oven på “jeg”!
kunstner: Chesca Acpal
6.Geometriske konstruktioner er den nye fornemmelse af animeret typografi. Denne type animation teknik er moderne og cool, og det kan hjælpe kreative fremme en tech eller urban brand som ingen anden.
kilde: Animografi
7.Flydende geometri er en ny form for typografi animation teknik, og det er fantastisk! Det har en urban luft og en flydende dynamik.
kilde: Animografi
8. Du har måske aldrig hørt om teksturkonstruktioner, men de findes. Her er beviset:
denne animationsteknik konstruerer lag og tekstur af bogstaver samtidigt for en virkelig kunstnerisk effekt.
kilde: Animografi
9. Kompleks morphing er en anden måde at få opmærksomhed på din besked. Jeg elsker, hvordan disse symboler i London skaber byens navn. Du kan endda genkende hver enkelt bygning!
kilde: Giphy
- grafiske animationer inkluderer tilstedeværelsen af grafik og illustrationer. Dette er en mere kompleks type animeret tekst, men det er helt det værd.
kilde: Giphy
11. Den dynamiske montage af tekst kan fortælle en historie, selv når der slet ingen billeder er. Pause et øjeblik og se på eksemplet nedenfor for at forstå, hvordan timing, pause og den pludselige tilsynekomst af tekst kan skabe spænding og en historie.
kilde: Indholdskabninger
12. Neon flimring bruges ganske ofte i annoncer til pubber og barer. Effekten er ekstremt let at oprette, og det garanterer, at din besked bliver bemærket.
kunstner: Margaret Fu
13. Dash Typografi er moderne og enkel, og det kan introducere en besked på en elegant måde.
kilde: Gifer
14. Kreative breve kan overraske alle. Flagermusen er helt et Allehelgensmærke, så forbindelsen mellem de to kommer naturligt.
kilde: Digital Synopsis
15. Illustrerede bogstaver, der danner et ord, har eksisteret i mange år, men de er stadig iørefaldende og overraskende.
kilde: Hackernoon
16. Scrabble effect typography animation kan hjælpe dig med at oprette din besked på en dynamisk og overraskende måde.
kunstner: maks. Morphing geometriske former kan understrege din historie og skabe en unik atmosfære.
kilde: MVDC-projekt
18. Kreative animerede bogstaver i statiske ord, det er noget, ingen forventer. Denne kombination af statiske og animerede bogstaver er virkelig interessant, fordi du kun kan fokusere din besked på et bogstav.
kunstner: Mindaugas Dudenas
19. Accelereret typografi animation bruges til at skabe en blændende visuel effekt og til at formidle en hurtig historie. Som vi kan se i dette eksempel, taler denne animation om, hvor mange tekvila-skud nogen drak. Gør dig lidt svimmel.
kilde: Giphy
20. Følelsesfyldte animerede bogstaver. Dette er ikke helt en animationseffekt, men snarere en kreativ teknik. Denne rystende ” jeg ” formidler så meget følelser, vi kan næsten empati med det!
kunstner: Vlado Paunovic
Sådan opretter du dine egne seje typografianimationer
ivrig efter at prøve at skabe en cool typografianimation? I Creatopy kan du oprette en på få minutter. Her er en, jeg oprettede på cirka 5 minutter:
nysgerrig? Hvis du vil oprette en kinetic typography visual lige nu i Creatopy, skal du logge ind på din konto (eller tilmelde dig gratis) og følge disse trin:
- gå til Opret og klik på knappen, eller vælg blot den ønskede størrelse fra fanen Søg.
- vælg en baggrund for dit visuelle. Det kan enten være en farve, tekstur, mønster eller stock foto, der allerede findes i Creatopy. Eller du kan uploade et billede af dit eget. Jeg illustrerer processen ved hjælp af den blå baggrund, jeg vælger til mit visuelle.
- tilføj derefter din tekst. Gå til menuen i venstre side, og klik på fanen Tekst. Vælg en af de tilgængelige tekststørrelser, eller vælg en foruddefineret typografiskabelon, og udskift bare den eksisterende tekst med din egen.
her er den typografiindstilling, jeg vælger. Det er standard statisk, men du kan nemt animere det. Jeg viser dig hvordan.
- du kan oprette en hurtig animeret effekt ved hjælp af vores Magic Animator værktøj, der er på menulinjen, sidst på listen. Men hvis du vil skabe en overraskende og mere iøjnefaldende effekt, skal du tilpasse hvert af dine ord ved hjælp af tidslinjevisningen.
Klik på Tidslinjeknappen for at aktivere tidslinjevisningen, så du kan se alle dine elementer pænt lagdelt og organiseret.
klik derefter på hver lille boks i begyndelsen af hvert tekstlag, og du vil se en pop op-menu med de indbyggede animationer, der er tilgængelige. Prøv hver af dem for at se, hvilken der fungerer bedst med din tekst, og indstil derefter varigheden af animationseffekten ved blot at trække de højre margener i boksen til højre.
Gentag denne handling for hvert af ordene i dit visuelle.
for en kontinuerlig animeret effekt skal du ændre looping-indstillingen fra en gang til for evigt eller til så mange gange, som du gerne vil have animationen til at spille.
tryk derefter på afspilningsknappen, der er øverst på instrumentbrættet for at kontrollere dit arbejde.
- nu hvor du er færdig med at animere din tekst, kan du hente dit arbejde i HTML -, AMP -, MP4-og GIF-format.
det er det! Stille og roligt.
gør dine ord levende med bevægelsestypografi!
nu ved du mere om typografianimationer og forhåbentlig føler du dig mere sikker på at starte dit animerede typografiprojekt. Uanset om du prøver at oprette et reklamevisuelt eller et DIY-reklamemateriale til din blog, kan Creatopy hjælpe dig med at designe imponerende animerede tekster på få minutter!