Mitä tulee väriconceptiin, olemme harkinneet tehdä sen hyvin yksinkertaiseksi ja pelkistetyksi sinisellä taustalla ja keltaisella kirjasimella. Sininen ja keltainen ovat komplementaarivärejä, joten ne ovat erittäin helposti luettavissa ja erottuvat kauniisti toisistaan.

Voisimme teoriassa luoda uuden väripinnan, jolle annamme sinisen värin ja värjätä sitten tekstin keltaisella. Voisimme tehdä näin, mutta kohdattaisimme ongelman kesken animaation, miten asetamme pyyhkäisijän koko kuvan yli, joka kääntää värit ympäri.

Voimme yrittää luoda säätökerroksen käyttämällä Layer>Uusi>Säätökerros tai painamalla Ctrl+Alt+Y ja sitten liittää Käännä kanavat -tehoste. Tällöin kuitenkin huomaamme, että värimme eivät ole täysin komplementaariset. Sinisen kanssa komplementaarinen olisi oranssi, ja se ei sovi tähän oikein, emme saa väriyhdistelmää kohdalleen.

Animaatiot helposti tehty: värit.


Mutta haluan ehdottomasti tehdä tämän, ja siihen on mahdollisuus.


Vaihe 1

Rakennamme sen seuraavasti: Otamme kuninkaansinisen värin ja painamme Ctrl+Shift+Y tai menemme kohtaan Layer>Värivälin asetukset ja muutamme värin mustaksi.

Animaatio tehdään helposti: Värit

Sitten se muuttuu kauniisti, ja After Effects jopa nimittää värilohkon uudelleen.

”Animaatio helpoksi” -tekstin kirjoitamme nyt yksinkertaisesti valkoisella.

Animaatio tehdään helposti: Värit

Meillä on mustaa ja valkoista ilman läpinäkyvyyttä ja voimme helposti kääntää värit ympäri.

Animaatio tehdään helposti: Värit



Mutta haluan silti sinistä ja keltaista.

Vaihe 2

Siksi luomme toisen säätökerroksen (Einstellungsebene 2) painamalla Ctrl+Alt+Y ja käyttämällä Tehosteet>Värikorjaukset>Värjätä.

Tehoste on hyvin yksinkertainen ja esikartoittaa vain värit. Se ottaa mustan ja valkoisen ja antaa niille uuden väriarvon.

Animaatio tehdään helposti: Värit

Otamme sitten täältä mustan ja sovitamme sinisen värimme. Olin jo kirjoittanut aikaisemmin värikoodin ”008FF”, joka on tämä kaunis sininen.

Ja sovitamme myös valkoisen värin keltaiseen, jonka väriarvo on ”FFF000”, todella voimakas keltainen.

Animaatio helppoa: värit

Vaihe 3

Olemme soveltaneet tätä kääntämismerkin jälkeen. Aion myös nimetä koko homman uudelleen ”Värimuutokset” ja ”Väritys”.

Lukitkaamme myös ylimmäinen taso, koska emme enää tarvitse sitä koskaan muokata.

Animaatio tehdään helposti: värit

Kun laitan ”Värimuutokset” päälle ja pois päältä, meillä on ihana värien kääntyminen ilman oranssiin tai violetteihin siirtymistä.

Animaatio tehdään helposti: värit



Mutta miten luomme siirtymän? Voimme siirtää ”Värimuutokset” -tasoa vasemmalta oikealle tai ylhäältä alas läpi kuvan ja luoda siirtymän sillä tavalla. Se ei kuitenkaan ole niin mielenkiintoista.

Haluaisin tehdä jotain enemmän, ja jakaa kaiken raidoiksi ja antaa näiden raitojen pyyhkäistä kuvan yli rikkoaksemme reunat hieman enemmän. Miten teemme tämän parhaiten?

Vaihe 4

Siihen on efektejä, kuten Effects>Transition Effects; siellä on Line Sweep, joka menee siihen suuntaan, mutta se tekee ensin käytännössä yhden viivan valmiiksi ennen kuin seuraava alkaa.

Se ei ole minulle tarpeeksi epäsäännöllinen.

Animaatio tehdään helpoksi: Värit.

Vaihe 5

Siksi teemme sen parhaiten Maskien avulla. Teen kaksinkertaisen klikkauksen maskikuvakkeeseen ja luon sillä sopivan kokoisen maskin. Tämä on erittäin kätevä ominaisuus, jota käytämme myöhemmin vielä uudelleen.

Animaatio helposti tehty: Värit

Vaihe 6

Haluan jakaa tämän maskin 20 osaan, jotta meillä olisi 20 erillistä saraketta. Standardi After Effects -työkalut eivät siihen kykene.

Tällaisissa tilanteissa kirjoitan vain skriptin sen tekemiseen. Olen liittänyt skriptit tähän opetusohjelmaan niiden käyttöä varten.

Löydämme sieltä Layer Chainer, Mask Slicer ja Sequence Strokes. Mask Slicer on se, mitä tässä tarvitsemme, kuten voitte arvata.

Tuo symboli tiedostonimen edessä kuuluu Extendscript Toolkitiin, voin käynnistää sen tässä. Kun sen käynnistän, käynnistyy myös tämä Extendscript Toolkit.

Tämä Toolkit on asennettava erikseen, koska sitä ei ole oletuksena asennettu. Tämän tulisi olla helppo hoitaa CreativeCloudin kautta.

Tässä skriptissä meillä on muutamia asetuksia. En rakentanut käyttöliittymää kaikille skripteille, koska ne ovat oman käyttöni tarkoituksia varten. Tämä tarkoittaa, että kaikki asetukset on muutettava suoraan tekstitiedostossa.

Tässä tapauksessa voimme muuttaa kahta arvoa: "noOfSplices", siis kuinka monta erillistä slicetä haluamme lopulta.

Ja "seperateLayers", johon voi olla arvona true tai false. Arvolla true lisätään uusi taso jokaiselle slicelle.

Kokeillaan 4 slicen kanssa…

Animaatio tehdään helpoksi: värit

... mene After Effectsiin ja valitse maski, jota haluamme viipaloida. Se on erittäin tärkeää.

Sitten valitsemme ylhäällä sovelluskohteen After Effects CC. Näette, siellä on myös muita ohjelmia, tämä työkalusarja on tarkoitettu skriptien kirjoittamiseen ja testaamiseen.

Tässä tapauksessa valitsemme siis After Effectsin, sitten painan Toista-nappia ...

Animaatio tehdään helposti: Värit

... ja palaan takaisin After Effectsiin. Siellä meillä on uudet tasot, joista jokainen koostuu yhdestä tasosta.

Ja jos nyt generoin tässä 4-värinvaihtelun, ...

Animaatio tehdään helposti: Värit

... sitten näet, että koko asia muodostaa jälleen kuvan. Se on itse asiassa taso koordinaatilla, mutta vain maskit ovat viipaloidut. Tarkoittaa, että meillä on yksittäisiä viipaleita tästä tasosta, mikä voi olla hyvin kätevää, koska voimme liikuttaa ja kääntää niitä erikseen.

Animaatio tehdään helposti: Värit



Mutta sitä me emme tarvitse täällä. Haluan jotain muuta.

Ask 7

Haluaisin kaikilla maskeilla yhdellä tasolla, ei 4, vaan 20.

Ja separateLayersin asetamme falseen. Tallennan, painan sitten uudestaan Toista, ...

Animaatio tehdään helposti: Värit

... ja nyt meillä on kaikki 20 maskia yhdellä tasolla.

Merkitsen ne 1-20 ja painan Ctrl+C tai cmd+C. Sitten poistan alkuperäisen maskin ja lisään kaikki nämä sen tilalle tänne.

Nyt kaikki ovat siellä ja haluaisin animoida ne seuraavassa vaiheessa.

Animaatio tehdään helpoksi: värit

Ask 8

Maskeilla ei valitettavasti ole transformaatio-ominaisuuksia, kuten kiertäminen ja skaalaaminen, vain maskin polku. Se ei kuitenkaan ole ongelma.

Merkitsemme kaikki maskit ja kanavoimme ne ulos. Sitten painamme Maskin polku, asetamme avainkehyksen ja siirrymme hieman myöhemmin koostumukseen, jossa sitten siirrämme kaikki maskit hitaasti alaspäin kuvasta ulos.

Animaatio tehdään helposti: Värit

Ask 9

Katsotaanpa. Musiikki soi taustalla, se sopii. Ja meillä on nyt kaksi lineaarista avainkehyssarjaa, mikä ei ole kovin mielenkiintoista.

Haluaisin tehdä sen hieman mielenkiintoisemmaksi enkä halua työskennellä lineaaristen avainkehysten kanssa, koska olemme jo kuulleet Disney Rulesissa: Vakionopeutta ei tapahdu todellisessa elämässä, joten emme tarvitse sitä myöskään animaatiossa.

Animaation tekeminen helpoksi: Värit

Ask 10

Siihen me valitsemme Käyräeditorin. Sieltä saan käyriä, joita opimme tuntemaan tarkemmin bouncing ballissa.

Rajoittaakseni sen maskinpolkuihin, merkitsen kaikki maskit ja painan U, koska sillä saan kaikki animoidut ominaisuudet.

Animaatio tehdään helpoksi: Värit

Täällä näemme nyt nopeuskäyrän, nopeuskaavion. Se ei ole yhtä mukavaa työstää kuin arvokaavio, mutta sen kanssa voi työskennellä hyvin, jos haluaa animoida monta ominaisuutta samanaikaisesti.

Haluaisin ensin antaa sille Helpon pehmeyden, joko F9:llä tai tällä napilla.

Näin graafi on muuttunut aika radikaalisti. Vasemmalla olisi vakionopeus, aloitamme tietyllä nopeudella ja lopetamme äkillisesti.

Helpon pehmeyden kanssa siirrymme nollanopeudesta hitaasti ylös ja sitten taas alas. Se on sitten tällainen parabelimuoto.

Animaatio tehdään helposti: värit

Haluaisin sen hieman äärimmäisemmäksi. Sen vuoksi otan tangentin ja vedän siitä hieman, jotta meillä olisi todella huippu keskellä.

Jotain tällaista, katsotaan miten se näyttää …

Animaatio tehdään helposti: Värit



Asetan sen pyörimään ja näen: Se kiitää suoraan ylös. Keskiössä on paljon nopeampi liike kuin alussa ja lopussa. Se miellyttää minua.

Ask 11

Olisimme voineet tehdä saman myös asemalla - miksi sitten viipaloidut?

Siirrämme sen nyt kauniisti epäsäännöllisesti ajassa ja asetamme avainkehykset tänne satunnaisesti, jotta saamme myös hieman vaihtelua reunaan. Viivojen ei pitäisi kiitää kaikki samanaikaisesti.

Lopussa se muistuttaa hieman taivaanrantaa. Tätä yhtä viivaa, joka yleensä jakaisi kuvamme, haluamme rikkoa. Joskus se riittää vain yhdeltä puolelta tai vain edestä tai vain takaa. Yritän välttää, että ne päättyvät samalle korkeudelle.

Näyttää hyvältä.

Animaatio helposti tehty: Värit

Ja näette, kun esikatselu on aktivoitu - näyttää hienolta. Fantastista.

Animaatio tehdään helposti: värit.

Vaihe 12

Ja tätä tasoa voimme nyt ottaa, kääntää, skaalata, siirtää ja tietysti käyttää useammin, koska se on vain käänteinen vaikutus.

Kahdenkertaistamme sen, siirrämme sitä aikataulussa ja vaihdamme keltaisen siniseksi ja sinisen keltaiseksi.

Animaatio tehdään helposti: värit



Tässä tapauksessa se oli kuitenkin ensin näkyvissä ja sitten ei enää. Tätä meidän täytyy vielä kääntää, koska haluan, että meillä ei ole alkuvaiheessa mitään tasoa ja että taso liukuu eteenpäin.

Joten poistan kaksinkertaistetun tason uudelleen ja aktivoimme tason "Vaihda värit". Sitten valitsemme kaikki avainkehykset vetämällä suorakulmaa niiden yli.

Hiiren kakkospainikkeella siirryn Avainkehyksen avustimeen ja löydän sitten alhaalta Kääntämisen avainkehysjärjestys.

Animaatio tehdään helpoksi: Värit

Olen juuri nyt painanut sitä ja nyt keltainen väri liikkuu alhaalta siniseen.

Ja nyt sen pitäisi toimia, kun kaksinkertaistan tason uudelleen ja siirrän koko jutun hieman taaksepäin.

Siirrymme nyt toisesta väristä toiseen ja takaisin. Täydellistä.

Animaatio tehdään helpoksi: Värit



Se toimii ainakin. Seuraava rakennustyömaa tämän tutoriasarjan seuraavassa osassa on sitten tekstin vuoro.