7 perc read
a tipográfiai animációk évek óta rendkívül népszerűek, és a filmbemutatóktól a tv-reklámokig mindenhol láthatjuk őket. A webes tervezők is széles körben elfogadták őket, és tömegesen használják a weboldal tervezésében és a banner megjelenítésében.
a kinetikus típust azért szeretik annyira a tervezők, mert végtelen kreatív lehetőségeket kínál, szemet gyönyörködtető és erőteljes üzeneteket képes közvetíteni.
mi az animált tipográfia?
kinetikus tipográfia vagy animált tipográfia bármilyen mozgó szövegre utal, legyen az a szöveg, amely lassan mozog, kibővül, zsugorodik vagy valami mássá alakul. Az animált betűk sokkal vonzóbbak, mint a statikus szöveg.
szöveges animációkat használnak:
- hangsúlyozzuk a szöveg jelentését és a
- értéket, hogy egy érzelmekkel teli üzenetet közvetítsünk.
- azt is megvan a lehetősége, hogy utolérjék a néző figyelmét, és hatással rá egy nagy út.
és most arra hívlak benneteket, hogy menjetek át néhány klassz tipográfiai animáción. Mindegyik nagyszerű lehetőség arra, hogy új technikákat Tanuljon és csodálatos kreatív ötleteket fedezzen fel. Néhányan talán elkápráztatnak!
10 példák csodálatos animált tipográfia
1. A morfizálás a kinetikus tipográfia egyik leggyakrabban használt technikája a mozgás tipográfia létrehozásához. Ez egyszerű és szemet gyönyörködtető. Ezenkívül segíthet a tervezőknek egy fontos üzenet népszerűsítésében vagy nyilatkozatban.
előadó: Holke79
2. A villogó szöveg éppen ellenkezőleg, nem olyan, amit nagyon gyakran talál. Egy igazán szükség van egy érzéke a szedés szavak használata érdekében villódzó animált szöveget. Nem sok szó működik olyan jól ezzel a technikával, mint a “hol” és az “itt”.
művész: Christos Baltaszis
3.A hipnotizáló szöveg soha nem marad észrevétlen. Ez azt jelentette, hogy kitűnjön és lenyűgözni. És megbabonáz.
előadó: Cecilia Erlich
4.A szöveg mozgatása, akár jobbról balra, akár felfelé, szintén látványos, különösen, ha a technikát megfelelő szavakkal párosítják. Amint ebben a példában látható, ezt az animációs effektust arra használták, hogy hangsúlyozzák a szavak jelentését és meglepjék a nézőt.
előadó: Siddhart Mate
5. A szöveg betű szerinti rajzolása nem valami új, de minden attól függ, hogyan csinálod, milyen betűtípusokat használsz és más kiegészítő grafikai elemeket. Ez a példa megmutatja, hogy mennyire kreatív lehet egy olyan egyszerű üzenettel, mint az “erdő csendje”. Egyrészt a művész ezt az erdős zöldet használta, másrészt az “erdő” szó valójában fenyvesnek tűnt! Nem is beszélve a finom kis levélről, amely az “én”tetejére esik!
előadó: Chesca Acpal
6.A geometriai konstrukciók az animált tipográfia új szenzációja. Ez a fajta animációs technika modern és hűvös, és segíthet a kreatívoknak egy olyan tech vagy városi márka népszerűsítésében, mint senki más.
forrás: Animográfia
7.A Fluid geometry egy újfajta tipográfiai animációs technika, és csodálatos! Városi levegővel és folyékony dinamizmussal rendelkezik.
forrás: Animográfia
8. Lehet, hogy még soha nem hallottál a textúraszerkezetekről, de léteznek. Íme a bizonyíték:
ez az animációs technika egyszerre építi fel a betűk rétegeit és textúráját, hogy valóban művészi hatást érjen el.
forrás: Animográfia
9. A komplex morfizálás egy másik módja annak, hogy felhívja a figyelmet az üzenetére. Szeretem, hogy ezek a londoni szimbólumok hozzák létre a város nevét. Még az egyes épületeket is felismerheti!
forrás: Giphy
- a grafikus animációk grafikák és illusztrációk jelenlétét tartalmazzák. Ez egy összetettebb típusú animált szöveg, de teljesen megéri.
forrás: Giphy
11. A szöveg dinamikus montázsja elmondhat egy történetet, még akkor is, ha egyáltalán nincsenek képek. Álljon meg egy pillanatra, és nézze meg az alábbi példát, hogy megértse, hogyan hozhat létre izgalmat és történetet az időzítés, a szünet és a szöveg hirtelen megjelenése.
forrás: Contentcreatures
12. A Neon villogást gyakran használják kocsmák és bárok hirdetéseiben. A hatás rendkívül könnyű létrehozni, és ez garantálja az üzenetet kap észre.
előadó: Margaret Fu
13. A Dash tipográfia modern és egyszerű, és elegáns módon képes bemutatni az üzenetet.
forrás: Gifer
14. A kreatív levelek mindenkit meglephetnek. A denevér teljesen Halloween védjegy, tehát a kettő közötti kapcsolat természetesen jön létre.
forrás: digitális szinopszis
15. A szót alkotó illusztrált betűk már évek óta léteznek, de még mindig fülbemászóak és meglepőek.
forrás: Hackernoon
16. A scrabble effect tipográfiai animáció segítségével dinamikus és meglepő módon hozhatja létre üzenetét.
előadó: Maxym Zacharyack
17. Morfium geometriai formák hangsúlyozzák a történet, és hozzon létre egy egyedi hangulatot.
forrás: MVDC projekt
18. Kreatív animált betűk statikus szavakkal, erre Senki sem számít. Ez a statikus és animált betűk kombinációja nagyon érdekes, mert az üzenetet csak egy betűre összpontosíthatja.
művész: Mindaugas Dudenas
19. A gyorsított tipográfiai animációt káprázatos vizuális effektus létrehozására és gyors történet közvetítésére használják. Mint ebben a példában láthatjuk, ez az animáció arról beszél, hogy hány tequila lövést ivott valaki. Kicsit megszédülsz tőle.
forrás: Giphy
20. Érzelmekkel teli animált betűk. Ez nem egészen animációs hatás, hanem kreatív technika. Ez a remegő ” én ” annyi érzelmet közvetít, hogy szinte együtt tudunk érezni vele!
előadó: Vlado Paunovic
hogyan készíthetsz saját menő tipográfiai animációkat
alig várod, hogy megpróbálj létrehozni egy klassz tipográfiai animációt? A Creatopy – ban néhány perc alatt létrehozhat egyet. Itt van egy, amit körülbelül 5 perc alatt hoztam létre:
kíváncsi? Ha kinetikus tipográfiai képet szeretne létrehozni most a Creatopy alkalmazásban, jelentkezzen be fiókjába (vagy regisztráljon ingyen), majd kövesse az alábbi lépéseket:
- lépjen a Létrehozás elemre, kattintson a gombra, vagy egyszerűen válassza ki a kívánt méretet a Keresés lapon.
- válassza ki a vizuális hátteret. Lehet szín, textúra, minta vagy stock fotó, amely már elérhető a Creatopy-ban. Vagy feltölthet egy saját képet. A folyamatot a vizuális képemhez választott kék háttér segítségével szemléltetem.
- ezután adja hozzá a szöveget. Lépjen a bal oldali menübe, majd kattintson a szöveg fülre. Válasszon egyet a rendelkezésre álló szövegméretek közül, vagy válasszon egy előre definiált tipográfiai sablont, és egyszerűen cserélje le a meglévő szöveget a sajátjára.
itt van az általam választott tipográfiai beállítás. Ez szabványos statikus, de könnyen animálhatja. Megmutatom, hogyan.
- gyors animált effektust hozhat létre a Magic Animator eszköz segítségével, amely a menüsoron található, utoljára a listán. Ha azonban meglepő és szemet gyönyörködtető hatást szeretne létrehozni, akkor az Idővonal nézet segítségével testre kell szabnia az egyes szavakat.
kattintson az Idővonal gombra, hogy engedélyezze az Idővonal nézetet, így láthatja az összes elemet szépen rétegezve és rendezve.
Ezután kattintson az egyes szövegrétegek elején lévő apró dobozokra, és megjelenik egy előugró menü a rendelkezésre álló beépített animációkról. Próbálja ki mindegyiket, hogy megnézze, melyik működik a legjobban a szövegével, majd állítsa be az animációs effektus időtartamát úgy, hogy egyszerűen jobbra húzza a doboz jobb margóit.
ismételje meg ezt a műveletet a kép minden egyes szavához.
folyamatos animált effektus esetén változtassa meg a hurok beállítást egyszerről örökre, vagy annyiszor, ahányszor szeretné az animációt lejátszani.
Ezután nyomja meg a lejátszás gombot, amely az irányítópult tetején található, hogy ellenőrizze a munkáját.
- most, hogy befejezte a szöveg animálását, letöltheti munkáját HTML, AMP, MP4 és GIF formátumban.
ennyi! Szép lassan.
hogy a szavak életre mozgás tipográfia!
most már többet tud a tipográfiai animációkról, és remélhetőleg magabiztosabbnak érzi magát az animált tipográfiai projekt elindításához. Akár hirdetési látványt, akár barkácsolási promóciós anyagot próbál létrehozni blogjához, a Creatopy percek alatt segíthet lenyűgözően animált szövegek tervezésében!