How å lage en enkel animert Speedometer
Denne opplæringen handler om hvordan å lage en animert speedometer bruker lydkontroller i After Effects. Vi vil også se på hvordan å knytte digital nummer veksten til hastigheten på den analoge dial.
1. Legge til et bakgrunnsbilde
Trinn 1
Opprett en ny sammensetning, gå til Composition > Ny sammensetning endre navnet "Speedometer Animation" og gjøre innstillingene som vist nedenfor.
Trinn 2
Nå kan du legge en ny solid lag til sammensetningen. Gå til Layer > New Solid og endre navnet "BG" eller et navn du liker
Trinn 3
Nå velger bakgrunnslaget "BG" og gå til Effect >.; Generere > Ramp.
Trinn 4
Endre rampe Shape å Radial rampe.
Trinn 5
Dra Start farge mot sammensetningen midten. Anmeldelser
Trinn 6
Endre "Start Color" til # 202020 og "End Color" til # 000000
Trinn 7
Nå Dra End Color kontrollpunktet nedover til du får noe som nedenfor. Du kan legge til en hvilken som helst farge du liker.
2. Animere speedometeret
Trinn 1
Velg meter_Icon.png, speedometer.png og bil sound.mp3 og dra dem inn i tidslinjen. Sørg for at "meter_arrow.png" er over "speedometer.png"
Trinn 2
Velg laget "Car sound.mp3" og gå til Effects >.; Audio > High-Low Pass.
Trinn 3
Gå til det første bildet av tidslinjen og klikk stoppeklokken ikonet i "tørke ut" -innstillingen i high-Low Pass. Dette vil skape den første nøkkelen rammen for animasjonen. Sett verdien av "tørke ut" til "0,00%". Gå til rundt 12-14 sekunder i tidslinjen og sett verdien av "Dry Out" til 100%. Dette vil sette slutt keyframe for animasjonen.
Trinn 4
Når du har satt den siste keyframe, trykk "N" på tastaturet. Dette vil sette tidslinjen endepunktet. Høyreklikk over tidslinjen og velg "Trim Comp to Work Area".
Trinn 5
Nå velger lag meter_Icon.png og trykk "Y" på tastaturet. Dette vil bringe opp Pan Behind verktøyet. Dra Anchor Point mot "sentrum" av den lille hvite sirkelen slik at pilen vil bare rotere fra den posisjonen.
Trinn 6
Igjen velger meter_Icon.png, trykk "R" på tastaturet. Dette vil bringe opp rotasjonskontrollene på det laget. Nå velger bilen sound.mp3 lag og trykk "U" på tastaturet. Dette vil vise animasjonsnøkkelbildene som vi allerede gjorde før du bruker "Dry Out" Trykk én "Alt" tasten på tastaturet, klikk timeren ikonet for rotering av meter_Icon.png. Nå klikke og dra pick pisk verktøyet (tredje ikonet) til "Dry Out" -innstillingen på bilen sound.mp3 lag og klikk deretter hvor som helst på timeline.Now du kan se speedometer pilen animeres etter bilen sound.mp3
3. Økende pil Speed
Trinn 1
For å øke hastigheten på måleren, kan du gi høyere verdier til "tørke ut" ende nøkkelbilde i bilen sound.mp3. Prøv å spille med 125%, 130% osv
4. Legge til digital animasjon
Trinn 1
Gå til Layer > New > Fast. Name it "Digital"
Trinn 2
Velg Layer "Digital" og gå til Effect >.; Tekst > Tidskode.
Trinn 3
I tidskode Effect, endring "Display format" til Bruk tall. Tid kilde til Custom. Da fjernet Show Box og Composite på original.Go til den første rammen og sette en keyframe i tidsenheter inne skikk og endre verdien til "1" .For å endre antall farger, klikk pipetteverktøyet i tekstfarge og klikk tallet inne måleren. Dette vil ta fargen på nummeret du klikker.
Trinn 4
Flytt tidslinjen fremover. Når speedometeret pilen når 20, endre verdien i tidsenheter til 11.00.
Trinn 5
Igjen flytte tidslinjen fremover. Når pilen når 40, endre verdien av tidsenheter til 8,00
. Tips: For en annen speedometer måler, vil verdien av tidsenheter være forskjellig avhengig av måleren hastighet merking. Bare leke seg med verdien inne i tidsenheter for å få den riktige verdien vises.
Trinn 6
Etter å ha stilt de riktige hastighetsverdiene, klikk på tekstposisjon og flytte den til stedet vist nedenfor .
Trinn 6
Etter å ha gjort trinnet ovenfor, lar Pre-komponere "Digital" lag. Klikk på "Digital" lag og gå til Layer > Pre-komponere. Name it "Digital" og velg Flytt alle attributter i den nye sammensetningen
Trinn 7
Velg den Pre-komponert Digital Layer og gå til Effect >.; Rektangel verktøyet.
Trinn 8
Ved hjelp av rektangelverktøyet, dra og trekke over de siste 3 tallene som vist nedenfor.
5. Hvordan Endre Digital Color
Trinn 1
Dobbeltklikk på Digital lagsammensetning. Fra Tekstfarge endre den til hvilken som helst farge du vil, som vist nedenfor. For å få fargen på måleren nummer bruke øyedråpeteller verktøyet og klikk ovenfor måle antallet farge
Trinn 2
Klikk på Digital Comp og gå til Effect >.; Stilisere > Gløde. Dette vil gi den en fin litt ekstra realisme.
Final Render
Jeg håper du likte denne opplæringen. Denne grunnleggende oppsett kan tilpasses som en hyggelig element i enhver form for GUI eller HUD. Hvis du har spørsmål, la dem i kommentarfeltet nedenfor. Igjen, jeg er Reni, for Aetuts +. Inntil neste gang! Anmeldelser