7 minuutit luettu
typografia-animaatiot ovat olleet erittäin suosittuja jo vuosia, ja niitä voi nähdä kaikkialla elokuvien avauksista tv-mainoksiin. Ne ovat myös laajalti hyväksynyt web-suunnittelijat ja käytetään massiivisesti Verkkosivujen suunnittelu ja näyttö bannerisuunnittelu.
syy, miksi kineettinen tyyppi on niin rakastettu suunnittelijoiden keskuudessa, on se, että se tarjoaa loputtomasti luovia mahdollisuuksia, se on katseenvangitsija ja se voi välittää voimakkaita viestejä.
mikä on animaatiotypografia?
kineettisellä typografialla tai animoidulla typografialla tarkoitetaan mitä tahansa liikkuvaa tekstiä, olipa se teksti, joka liikkuu hitaasti, laajenee, kutistuu tai muuttuu joksikin muuksi. Animoidut kirjaimet ovat paljon houkuttelevampia kuin staattinen teksti.
teksti-animaatioita käytetään:
- korosta tekstin merkitystä ja
- välittää tunteen täyttämää viestiä.
- sillä on myös potentiaalia vangita katsojan huomio ja vaikuttaa häneen isosti.
ja nyt kutsun sinut käymään läpi valikoiman siistejä typografia-animaatioita. Jokainen niistä on loistava tilaisuus voit oppia uusia tekniikoita ja löytää uskomattomia luovia ideoita. Jotkut niistä saattavat häikäistä sinut!
10 esimerkkiä hämmästyttävästä animaatiotypografiasta
1. Morphing on yksi käytetyimmistä tekniikoista kineettisessä typografiassa liiketypografian luomiseksi. Se on yksinkertainen ja katseenvangitsija. Sitä paitsi se voi auttaa suunnittelijoita edistämään tärkeää viestiä tai antamaan lausunnon.
taiteilija: Holke79
2. Välkkyvä teksti, päinvastoin, ei ole jotain löydät kovin usein. Yksi todella täytyy olla hohto poiminta sanoja, jotta käyttää välkettä kuin animoitua tekstiä. Monet sanat eivät toimi yhtä hyvin tällä tekniikalla kuin ”missä” ja ”täällä”.
taiteilija: Christos Baltaszis
3.Hypnotisoiva teksti ei jää koskaan huomaamatta. Sen on tarkoitus erottua ja tehdä vaikutus. Ja lumoutua.
taiteilija: Cecilia Erlich
4.Tekstin siirtäminen, joko oikealta vasemmalle tai ylös alas, on myös näyttävää, varsinkin kun tekniikka on paritettu sopivilla sanoilla. Kuten näette tässä esimerkissä, tätä animaatioefektiä käytettiin korostamaan sanojen merkitystä ja yllättämään katsoja.
taiteilija: Siddhart Mate
5. Tekstin piirtäminen kirjain kirjaimelta ei ole mitään uutta, mutta kaikki riippuu siitä, miten teet sen, mitä fontteja käytät ja muita täydentäviä graafisia elementtejä. Tämä esimerkki osoittaa, kuinka luova voi saada yksinkertainen viesti, kuten ”metsän hiljaisuus”. Toisaalta taiteilija käytti tätä metsäistä vihreää, toisaalta se sai sanan ”metsä” todella näyttämään mäntymetsältä! Puhumattakaan pienestä lehdestä, joka putoaa i: n päälle!
taiteilija: Checa Akpal
6.Geometriset konstruktiot ovat animoidun typografian uusi sensaatio. Tämän tyyppinen animaatiotekniikka on moderni ja viileä, ja se voi auttaa luojia edistämään teknologiaa tai kaupunkibrändiä kuin mikään muu.
lähde: Animografia
7.Fluid geometry on uudenlainen typografia animaatio tekniikka ja se on loistava! Siinä on urbaania ilmaa ja virtaavaa dynamiikkaa.
lähde: Animografia
8. Et ehkä ole koskaan kuullut tekstuurirakenteista, mutta niitä on olemassa. Tässä todiste:
tämä animaatio tekniikka rakentaa kerrokset ja tekstuuri kirjaimia samanaikaisesti todella taiteellinen vaikutus.
lähde: Animografia
9. Monimutkainen morfointi on toinen tapa saada huomiota viestiisi. Rakastan sitä, miten nämä Lontoon symbolit luovat kaupungin nimen. Voit jopa tunnistaa jokaisen yksittäisen rakennuksen!
lähde: Giphy
- Graafiset animaatiot sisältävät grafiikan ja kuvituksen. Tämä on monimutkaisempi tyyppi animoitua tekstiä, mutta se on täysin sen arvoista.
lähde: Giphy
11. Tekstin dynaaminen montaasi voi kertoa tarinan, vaikka kuvia ei olisi lainkaan. Pysähdy hetkeksi ja katso alla olevaa esimerkkiä ymmärtääksesi, miten ajoitus, tauko ja tekstin äkillinen ilmestys voivat luoda jännitystä ja tarinan.
lähde: Sisältökuvat
12. Neonvälähdystä käytetään melko usein pubien ja baarien mainoksissa. Vaikutus on erittäin helppo luoda ja se takaa viestisi saa huomannut.
taiteilija: Margaret Fu
13. Dash typografia on moderni ja yksinkertainen ja se voi tuoda viestin tyylikkäästi.
lähde: Gifer
14. Luovat kirjeet voivat yllättää kaikki. Katsokaa tätä flying bat W. lepakko on täysin Halloween tavaramerkki, joten yhteys kahden tulee luonnollisesti.
lähde: digitaalinen Synopsis
15. Kuvitettuja kirjaimia, jotka muodostavat sanan, on ollut olemassa monta vuotta, mutta ne ovat edelleen tarttuvia ja yllättäviä.
lähde: Hackernoon
16. Scrabble-efektin typografia-animaatio voi auttaa sinua luomaan viestisi dynaamisella ja yllättävällä tavalla.
taiteilija: Maxym Zacharyack
17. Morphing geometriset muodot voivat korostaa tarinaasi ja luoda ainutlaatuisen tunnelman.
lähde: MVDC-projekti
18. Luovia animoituja kirjaimia staattisilla sanoilla, sitä ei kukaan odota. Tämä staattisten ja animoitujen kirjainten yhdistelmä on todella mielenkiintoinen, koska voit keskittää viestisi vain yhteen kirjaimeen.
taiteilija: Mindaugas Dudenas
19. Nopeutettua typografia-animaatiota käytetään häikäisevän visuaalisen efektin luomiseen ja nopean tarinan välittämiseen. Kuten voimme nähdä tässä esimerkissä, tämä animaatio puhuu siitä, kuinka monta tequila shotteja joku joi. Alkaa pyörryttää.
lähde: Giphy
20. Tunteiden täyttämiä animoituja kirjeitä. Tämä ei ole aivan animaatioefekti, vaan pikemminkin luova tekniikka. Tämä tärisevä ”minä” välittää niin paljon tunteita, että voimme melkein tuntea empatiaa sitä kohtaan!
taiteilija: Vlado Paunovic
miten luoda omat viileät typografia-animaatiot
innokkaita kokeilemaan ja luomaan viileää typografia-animaatiota? Vuonna Creatopy voit luoda yhden vain muutamassa minuutissa. Tässä on yksi loin noin 5 minuuttia:
utelias? Jos haluat luoda kinetic typography visual juuri nyt creatopy, kirjaudu tilillesi (tai rekisteröidy ilmaiseksi) ja noudata näitä ohjeita:
- valitse Luo ja napsauta painiketta, tai valitse haluamasi koko hakusivulta.
- valitse visuaalinen Tausta. Se voi olla joko väri, tekstuuri, kuvio tai varastokuva, joka on jo saatavilla Creatopyssa. Tai voit ladata oman kuvasi. Havainnollistan prosessia käyttämällä sinistä taustaa, jonka valitsen visuaaliseksi.
- sitten, lisätä tekstiä. Siirry vasemmalla olevaan valikkoon ja napsauta Teksti-välilehteä. Valitse jokin käytettävissä olevista tekstikooista tai valitse ennalta määritelty typografiamalli ja korvaa vain olemassa oleva teksti omalla tekstilläsi.
tässä on typografian esiasetus, jonka valitsen. Se on vakio staattinen, mutta voit helposti animoida sen. Näytän miten.
- voit luoda nopeasti animoitu vaikutus käyttämällä Magic Animator työkalu, joka on valikkopalkissa, viimeisenä luettelossa. Kuitenkin,jos haluat luoda yllättävä ja katseenvangitsija vaikutus, sinun täytyy muokata jokaisen sanasi käyttäen Aikajananäkymä.
Napsauta Aikajana-painiketta, jotta voit ottaa Aikajananäkymän käyttöön, jotta näet kaikki elementtisi kauniisti kerroksittain ja järjestetysti.
napsauta sitten jokaista pientä laatikkoa jokaisen tekstikerroksen alussa ja näet ponnahdusvalikon käytettävissä olevista sisäänrakennetuista animaatioista. Kokeile jokaista niistä nähdäksesi, mikä niistä toimii parhaiten tekstisi kanssa ja aseta animaatioefektin kesto yksinkertaisesti vetämällä laatikon oikeat marginaalit oikealle.
toista Tämä toiminto jokaiselle näköisesi sanalle.
jos haluat jatkuvan animaatioefektin, muuta silmukointiasetusta kerran ikuisuuteen tai niin monta kertaa kuin haluat animaation toistuvan.
paina sitten kojelaudan päällä olevaa Play-painiketta tarkistaaksesi työsi.
- nyt kun olet lopettanut tekstisi animoinnin, voit ladata työsi HTML -, AMP -, MP4-ja GIF-muodossa.
That ’ s it! Rauhallisesti.
herätä sanasi eloon liiketypografialla!
nyt tiedät enemmän typografia-animaatioista ja toivottavasti tunnet olosi varmemmaksi animaatioprojektin aloittamiseksi. Yrititpä sitten luoda blogiisi mainosmateriaalia tai DIY-mainosmateriaalia, Creatopy voi auttaa sinua suunnittelemaan näyttävästi animoituja tekstejä minuuteissa!