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.
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.
Sitten se muuttuu kauniisti, ja After Effects jopa nimittää värilohkon uudelleen.
”Animaatio helpoksi” -tekstin kirjoitamme nyt yksinkertaisesti valkoisella.
Meillä on mustaa ja valkoista ilman läpinäkyvyyttä ja voimme helposti kääntää värit ympäri.
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.
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.
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.
Kun laitan ”Värimuutokset” päälle ja pois päältä, meillä on ihana värien kääntyminen ilman oranssiin tai violetteihin siirtymistä.
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.
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.
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…
... 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 ...
... ja palaan takaisin After Effectsiin. Siellä meillä on uudet tasot, joista jokainen koostuu yhdestä tasosta.
Ja jos nyt generoin tässä 4-värinvaihtelun, ...
... 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.
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, ...
... 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.
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.
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.
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.
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.
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ää …
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ä.
Ja näette, kun esikatselu on aktivoitu - näyttää hienolta. Fantastista.
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.
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.
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ä.
Se toimii ainakin. Seuraava rakennustyömaa tämän tutoriasarjan seuraavassa osassa on sitten tekstin vuoro.