7 minuter läsa
typografi animationer har varit mycket populär i många år, och vi kan se dem överallt från filmöppningar till tv-reklam. De har också allmänt antagits av webbdesigners och används massivt i webbdesign och display banner design.
anledningen till kinetisk typ är så älskad av designers är att det ger oändliga kreativa möjligheter, det är iögonfallande och det kan förmedla kraftfulla budskap.
vad är animerad typografi?
kinetisk typografi eller animerad typografi, hänvisar till någon form av rörlig text, vara den text som rör sig långsamt, expanderar, krymper eller förvandlas till något annat. Animerade bokstäver är mycket mer attraktiva än statisk text.
textanimationer används för att:
- betona betydelsen av en text och
- för att förmedla ett känslofyllt meddelande.
- det har också potential att fånga en tittares uppmärksamhet och påverka honom på ett stort sätt.
och nu inbjuder jag dig att gå igenom ett urval av coola typografianimationer. Var och en av dem är ett utmärkt tillfälle för dig att lära dig några nya tekniker och upptäcka fantastiska kreativa ideer. Några av dem kan blända dig!
10 exempel på fantastiska animerade typografi
1. Morphing är en av de mest använda teknikerna i kinetisk typografi för att skapa rörelsetypografi. Det är enkelt och iögonfallande. Dessutom kan det hjälpa designers att främja ett viktigt budskap eller göra ett uttalande.
Konstnär: Holke79
2. Flimrande text är tvärtom inte något du hittar så ofta. Man måste verkligen ha en känsla för att plocka ord för att kunna använda flimmer som animerad text. Inte många ord där ute fungerar lika bra med den här tekniken, som ”var” och ”här” gör.
Konstnär: Christos Baltaszis
3.Hypnotiserande text kommer aldrig att gå obemärkt. Det är tänkt att sticka ut och imponera. Och fascinera.
Konstnär: Cecilia Erlich
4.Att flytta text, antingen från höger till vänster eller upp till ner, är också spektakulärt, särskilt när tekniken är parad med lämpliga ord. Som du ser i det här exemplet användes denna animeringseffekt för att betona betydelsen av orden och överraska tittaren.
Konstnär: Siddhart Mate
5. Att skriva texten bokstav för bokstav är inte något nytt, men allt beror på hur du gör det, vilka teckensnitt du använder och andra kompletterande grafiska element. Detta exempel visar hur kreativ man kan få med ett enkelt meddelande som”tystnad i en skog”. Å ena sidan använde konstnären denna skogsgröna, å andra sidan fick det ordet ”skog” faktiskt att se ut som en tallskog! Och för att inte tala om det subtila lilla bladet som faller ovanpå ”jag”!
Konstnär: Chesca Acpal
6.Geometriska konstruktioner är den nya känslan av animerad typografi. Denna typ animation teknik är modern och cool och det kan hjälpa annons främja en tech eller urban varumärke som ingen annan.
källa: Animografi
7.Fluid geometri är en ny typ av typografi animation teknik och det är fantastiskt! Den har en urban luft och en flytande dynamik.
källa: Animografi
8. Du kanske aldrig har hört talas om texturkonstruktioner,men de finns. Här är beviset:
denna animationsteknik konstruerar lager och textur av bokstäver samtidigt för en verkligt konstnärlig effekt.
källa: Animografi
9. Komplex morphing är ett annat sätt att uppmärksamma ditt meddelande. Jag älskar hur dessa symboler i London skapar stadens namn. Du kan även känna igen varje enskild byggnad!
källa: Giphy
- grafiska animationer inkluderar närvaron av grafik och illustrationer. Detta är en mer komplex typ av animerad text men det är helt värt det.
källa: Giphy
11. Den dynamiska monteringen av text kan berätta en historia, även när det inte finns några bilder alls. Pausa ett ögonblick och ta en titt på exemplet nedan för att förstå hur timing, paus och den plötsliga uppenbarelsen av text kan skapa spänning och en historia.
källa: Innehållvarelser
12. Neonflimmer används ganska ofta i annonser för pubar och barer. Effekten är extremt lätt att skapa och det garanterar att ditt meddelande kommer att märkas.
Konstnär: Margaret Fu
13. Dash typografi är modern och enkel och det kan introducera ett meddelande på ett elegant sätt.
källa: Gifer
14. Kreativa brev kan överraska alla. Titta bara på denna flygande fladdermus W. fladdermusen är helt ett Halloween-varumärke, så sambandet mellan de två kommer naturligt.
källa: Digital Synopsis
15. Illustrerade bokstäver som bildar ett ord har funnits i många år, men de är fortfarande catchy och överraskande.
källa: Hackernoon
16. Scrabble effect typografi animation kan hjälpa dig att skapa ditt meddelande på ett dynamiskt och överraskande sätt.
Konstnär: Maxym Zacharyack
17. Morphing geometriska former kan betona din historia och skapa en unik atmosfär.
källa: Mvdc projekt
18. Kreativa animerade bokstäver i statiska ord, det är något ingen förväntar sig. Denna kombination av statiska och animerade bokstäver är väldigt intressant eftersom du bara kan fokusera ditt meddelande på en bokstav.
Konstnär: Mindaugas Dudenas
19. Accelererad typografianimering används för att skapa en bländande visuell effekt och för att förmedla en snabb historia. Som vi kan se i det här exemplet talar den här animationen om hur många tequila-skott någon drack. Gör dig lite yr.
källa: Giphy
20. Emotion fyllda animerade bokstäver. Det här är inte riktigt en animationseffekt, utan snarare en kreativ teknik. Denna skakande” jag ” förmedlar så mycket känslor, vi kan nästan empati med det!
Artist: Vlado Paunovic
Hur skapar du dina egna coola typografianimationer
ivriga att försöka skapa en cool typografianimation? I Creatopy kan du skapa en på bara några minuter. Här är en jag skapade på ungefär 5 minuter:
nyfiken? Om du vill skapa en kinetisk typografi visuell just nu i Creatopy, logga in på ditt konto (eller registrera dig gratis) och följ dessa steg:
- gå till skapa och klicka på knappen, eller välj helt enkelt önskad storlek från fliken Sök.
- välj en bakgrund för din visuella. Det kan antingen vara en färg, textur, mönster eller lagerfoto, som redan finns i Creatopy. Eller så kan du ladda upp en egen bild. Jag illustrerar processen med den blå bakgrunden jag väljer för min visuella.
- lägg sedan till din text. Gå till menyn till vänster och klicka på fliken Text. Välj en av de tillgängliga textstorlekarna, eller välj en fördefinierad typografimall och ersätt bara den befintliga texten med din egen.
här är typografin förinställning jag väljer. Det är standard statisk, men du kan enkelt animera det. Jag ska visa dig hur.
- du kan skapa en snabb animerad effekt med vårt Magic Animator-verktyg som finns på menyraden, senast på listan. Men om du vill skapa en överraskande och mer iögonfallande effekt måste du anpassa alla dina ord med tidslinjevyn.
klicka på Tidslinjeknappen för att aktivera tidslinjevyn så att du kan se alla dina element snyggt lagrade och organiserade.
klicka sedan på varje liten ruta i början av varje textlager så ser du en popup-meny med de inbyggda animationerna som finns tillgängliga. Prova var och en av dem för att se vilken som fungerar bäst med din text och ställ sedan in animeringseffektens varaktighet genom att helt enkelt dra de högra marginalerna i rutan till höger.
upprepa denna åtgärd för vart och ett av orden i ditt visuella.
för en kontinuerlig animerad effekt, ändra loopinställningen från en gång till för alltid eller till så många gånger du vill att animationen ska spelas.
tryck sedan på Play-knappen som ligger ovanpå instrumentpanelen för att kontrollera ditt arbete.
- nu när du är klar med att animera din text kan du ladda ner ditt arbete i HTML -, AMP -, MP4-och GIF-format.
det är det! Lugnt och fint.
gör dina ord till liv med rörelsetypografi!
nu vet du mer om typografianimationer och förhoppningsvis känner du dig mer säker på att starta ditt animerade typografiprojekt. Oavsett om du försöker skapa ett reklamvisuellt eller ett DIY-reklammaterial för din blogg, kan Creatopy hjälpa dig att designa imponerande animerade texter på några minuter!