Hur man bygger uttrycksdrivna texteffekter

Vad du ska skapa

I denna handledning vill jag visa dig hur du skapar lite texteffekter genom att bara använda ett enda uttryck.

Steg 1

Skapa en ny sammansättning.

Steg 2

Skriv ett nytt Textlagret.

Steg 3

Släpp ner Textalternativ.

Steg 4

Klicka på Animera alternativ, välj Fyllnadsfärg, sedan RGB.

Detta görs för att göra färgförskjutning som du kan se från förhandsgranskningsvideot.

Steg 5

Öppna nu Animator1 alternativ och klicka på Lägg till sedan Väljare sedan Uttryck. Vi kommer att infoga vårt uttryck här istället för att använda Range Selector.

Steg 6

Nu kan du se Expressionsväljare 1 så ta bort Range Selector för att vi inte behöver det.

Steg 7

När du öppnar Expressionsväljare alternativ, du kan se Belopp parametrar där.

Steg 8

Infoga detta uttryck i Belopp.

maxDelay = 0; seedRandom (textIndex, true); myDelay = slumpmässig (maxDelay); t = tid - myDelay; om (t> = 0) freq = 0; amplitud = 0; sönderfall = 0; s = amplitud * Math.cos (freq * t * 2 * Math.PI) /Math.exp (sönderfall * t); [s, s] annat värde

Nu finns det få saker du behöver förstå.

  1. MaxDelay = Detta värde försenar tiden för effekten i början.
  2. frekv = Detta värde justerar effektens hastighet. Du kommer inte märka det i färgmönstren, men du ser det med allt som hanterar rörelse.
  3. amplitud = Det handlar om effektens storlek. Du kommer att se detta i kommande steg.
  4. förfall = Detta berättar hur snabbt effekten ska sluta. ett större värde betyder att effekterna slutar snabbare.

Steg 9

Låt oss ändra några värden för att se vad som händer med vår text.

Steg 10

Som du kan se har vi två färger på texten. Det kommer att förändras till vitt över tiden. Jag bytte färg från röd till gul.

Steg 11

Låt duplicera Animator1 och välj en annan färg.

Steg 12

Ändra värdena på maxDelay, freq, amplitude & decay något och du kommer se denna effekt.

Kom ihåg att den nedre animatorn alltid ska ha ett lägre värde för maxDelay eftersom den nedersta färgen alltid syns på toppen så att den ska blekna snabbare än toppfärgen, annars kommer du bara att märka bottenfärgen eftersom de skulle ha samma värden.

Steg 13

I förhandsgranskningsvideot kan du se mer än två färger som bleknade i vitt. Låt oss kopiera animatorerna till 5 färger.

Steg 14

Ändra nu värdena för var och en. De övre bör alltid ha större värden än de nedre MaxDelay.

Steg 15

Du borde se något så här. Olika färger blinkar i vitt över tiden.

Steg 16

Jag tror att vi har sett tillräckligt med färgerna. Låt oss spela med några andra alternativ. Lägg till en Blur Animator till texten.

Steg 17

Lägg till Expressionsväljare till det och radera Range Selector.

Steg 18

Sätt in samma uttryck igen under Belopp och ge det lite värde till fläck.

Steg 19

Du får följande resultat.

Steg 20

Vi kommer att göra samma steg i alla Animator alternativ. Lägg till en Scale Animator till texten. Lägg till Expressionsväljare till det och radera Range Selector.

Ställ in Skalvärdet till Noll så texten kommer att animera från 0 till 100.

Steg 21

Infoga uttrycket i Belopp.

Nu kan du se att jag har givit högre värde till amplitud och ett lägre värde till förfall. Om du ökar frekvens, alfabeterna skulle röra sig extremt snabbt så det är viktigt att ge det ett riktigt värde.

Steg 22

Du borde se något så här.

Om du ökar förfall värde, då kommer du att märka den studsande typen av effekt reduceras och de kommer direkt att animera från 0 till 100. Ju mindre förfall värde kommer att ge det mer djup.

Steg 23

Låt stänga av alla animatörer.

Steg 24

Lägg till en Position Animator och ange följande värden.

Håll frekvensen låg eller du kommer att se väldigt snabb rörelse.

Steg 25

Jag har bara ändrat Placera av Y-axeln så du kommer se något så här. Bokstäverna ska slumpmässigt gå in Y-axeln.

Steg 26

Ändra värdet på X-axeln endast.

Steg 27

Du kommer se rörelsen i X-axeln bara för att jag har satt värdet av Y-axeln till 0.

Steg 28

Lägg till en Rotations Animator.

Steg 29

Infoga uttrycket i Belopp och försök följande värden.

Steg 30

Du borde se något så här.

Jag har stängt av alla animatörer utom rotationen här. Tecknen kommer slumpmässigt att flytta runt sin mittposition.

Steg 31

Låt oss försöka samma effekt med Skev. Lägg till en Skew Animator.

Steg 32

Använd uttrycket med följande värden.

Steg 33

Du får följande resultat.

Steg 34

Så du kan se varje Animator ger dig en unik effekt. Du kan göra kombinationer av olika animatorer för att få roliga resultat som du kan se från förhandsgranskningsvideot.

Låt oss tillämpa alla animatorer på samma textlager.

Steg 35

Du kan se alla effekter som sker slumpmässigt på samma text beroende på deras tids- och positionsvärden.

Steg 36

Jag har också gjort en titelsekvens som du kan ladda ner tillsammans med handledningen för att ge dig en uppfattning om vad du kan uppnå.

Notera: Textlagren bör alltid börja i början av kompositionen eftersom effekterna sker efter tidslinjens tid. Om du vill använda mer än en text under olika tidsperioder är det viktigt att skapa en ny komposition för varje textlag. Du kan sedan justera alla kompositioner i tidslinjen i enlighet med vad du kan se från de senaste tre bilderna.

Slutsats

Så i princip är vi färdiga med handledningen här. Kom ihåg det MaxDelay spelar en viktig roll i färgkombinationer medan amplitud och frekvens är viktiga i animationen Animation som Position, Skala och Rotation. förfall kommer att låta dig justera tidpunkten för effekterna. Du kan alltid anpassa dina inställningar för att få bättre resultat. Jag hoppas du lärde dig något användbart från den här handledningen. Tack för att du har arbetat med det!