Hvordan bygge uttrykksdrevne teksteffekter

Hva du skal skape

I denne veiledningen vil jeg gjerne vise deg hvordan du lager noen teksteffekter ved bare å bruke et enkelt uttrykk.

Trinn 1

Lage en ny sammensetning.

Steg 2

Skriv inn en ny Tekstlag.

Trinn 3

Slipp ned Tekstalternativer.

Trinn 4

Klikk på animere alternativer, velg Fyll farge, deretter RGB.

Dette er gjort for å gjøre fargeforskyvning som du kan se fra forhåndsvisningsvideoen.

Trinn 5

Åpne nå Animator1 alternativer og klikk på Legg til deretter Selector deretter Uttrykk. Vi vil sette inn vårt uttrykk her i stedet for å bruke Range Selector.

Trinn 6

Nå kan du se Ekspresjonsvelger 1 så slett Range Selector fordi vi ikke trenger det.

Trinn 7

Når du åpner Ekspresjonsvelger Alternativer, du kan se Beløp parametere der.

Trinn 8

Sett inn dette uttrykket i Beløp.

maxDelay = 0; seedRandom (textIndex, true); myDelay = tilfeldig (maxDelay); t = tid - myDelay; hvis (t> = 0) freq = 0; amplitude = 0; forfall = 0; s = amplitude * Math.cos (freq * t * 2 * Math.PI) /Math.exp (henfall * t); [s, s] annet verdi

Nå er det få ting du trenger å forstå.

  1. maxDelay = Denne verdien vil forsinke tidspunktet for effekten i begynnelsen.
  2. freq = Denne verdien justerer hastigheten på effekten. Du vil ikke legge merke til det i fargemønstre, men du vil se det med alt som håndterer bevegelse.
  3. amplitude = Dette handler om størrelsen på effekten. Du vil se dette i kommende trinn.
  4. forfall = Dette forteller deg hvor raskt effekten skal slutte. en større verdi betyr at effektene slutter raskere.

Trinn 9

Lar endre noen verdier for å se hva som skjer med teksten vår.

Trinn 10

Som du kan se, har vi to farger på teksten. Det vil endres til hvitt over tid. Jeg endret fargen fra rød til gul.

Trinn 11

Lar duplisere Animator1 og velg en annen farge.

Trinn 12

Endre verdiene for maxDelay, freq, amplitude & decay litt, og du vil se denne effekten.

Husk bunnen Animatoren skal alltid ha en lavere verdi for maxDelay fordi bunnen farge alltid vises på toppen slik at den skal falme raskere enn toppfarge, ellers vil du kun merke bunnfargen fordi de ville ha de samme verdiene.

Trinn 13

I forhåndsvisningsvideoen kan du se mer enn to farger som falmer i hvitt. La oss duplisere animatorene til 5 farger.

Trinn 14

Endre nå verdiene til hver enkelt. De øverste skal alltid ha større verdier enn de nederste maxDelay.

Trinn 15

Du bør se noe sånt. Ulike farger flimrer i hvitt over tid.

Trinn 16

Jeg tror vi har sett nok av fargene. La oss spille med noen andre alternativer. Legg til en Blur Animator til teksten.

Trinn 17

Legg til Ekspresjonsvelger til det og slette Range Selector.

Trinn 18

Sett inn det samme uttrykket igjen under Beløp og gi det litt verdi til uklarhet.

Trinn 19

Du får følgende resultat.

Trinn 20

Vi vil gjøre de samme trinnene i alle Animator alternativer. Legg til en Scale Animator til teksten. Legg til Ekspresjonsvelger til det og slette Range Selector.

Sett skalaverdien til Null så teksten vil animere fra 0 til 100.

Trinn 21

Sett inn uttrykket i Beløp.

Nå kan du se at jeg har gitt høyere verdi til amplitude og en lavere verdi til forfall. Hvis du øker Frekvens, alfabeter vil bevege seg ekstremt fort, så det er viktig å gi den en riktig verdi.

Trinn 22

Du bør se noe sånt.

Hvis du øker forfall verdi, så vil du legge merke til den hoppende typen effekt redusert og de vil direkte animere fra 0 til 100. Jo mindre forfall verdien vil gi det mer dybde.

Trinn 23

Lar lukke alle animatørene av.

Trinn 24

Legg til en Plassering Animator og sett inn følgende verdier.

Hold frekvensen lav, eller du vil se veldig rask bevegelse.

Trinn 25

Jeg har bare endret Stilling av Y-aksen så du vil se noe sånt. Bokstavene skal tilfeldigvis bevege seg inn Y-aksen.

Trinn 26

Endre verdien av X-akse bare.

Trinn 27

Du vil se bevegelsen i X-akse bare fordi jeg har satt verdien av Y-aksen til 0.

Trinn 28

Legg til en Rotasjons Animator.

Trinn 29

Sett inn uttrykket i Beløp og prøv følgende verdier.

Trinn 30

Du bør se noe sånt.

Jeg har slått av alle animatørene unntatt rotasjonen en her. Tegnene vil tilfeldig bevege seg rundt sin senterposisjon.

Trinn 31

La oss prøve samme effekt med skew. Legg til en Skew Animator.

Trinn 32

Bruk uttrykket med følgende verdier.

Trinn 33

Du får følgende resultat.

Trinn 34

Så du kan se hver animator gir deg en unik effekt. Du kan lage kombinasjoner av forskjellige animatorer for å få morsomme resultater som du kan se fra forhåndsvisningsvideoen.

Lar alle applikasjonene brukes på samme tekstlag.

Trinn 35

Du kan se alle effektene som foregår tilfeldig på samme tekst, avhengig av tid og posisjon.

Trinn 36

Jeg har også laget en tittelsekvens som du kan laste ned sammen med opplæringen for å gi deg en ide om hva du kan oppnå.

Merk: Tekstlagene bør alltid starte i begynnelsen av sammensetningen fordi effektene finner sted i henhold til tidslinjens tid. Hvis du vil bruke mer enn en tekst over ulike tidsperioder, er det viktig å lage en ny sammensetning for hvert tekstlag. Du kan deretter justere alle komposisjonene i tidslinjen, slik du kan se fra disse tre siste bildene.

Konklusjon

Så i utgangspunktet er vi ferdige med opplæringen her. Husk at maxDelay spiller en viktig rolle i fargekombinasjoner mens amplitude og Frekvens er viktige i animasjonen Animasjon som Posisjon, Skala og Rotasjon. forfall vil tillate deg å justere tidspunktet for effektene. Du kan alltid tilpasse innstillingene dine for å få bedre resultater. Jeg håper du har lært noe nyttig fra denne opplæringen. Takk for at du jobbet med det med meg!