Creating Klokkehånd animasjoner i After Effects

I denne opplæringen, vil jeg vise deg hvordan å animere en klokke hendene i After Effects ved hjelp av enkle uttrykk. Dette er en oppfølging tutorial av tutorials Opprette en animert Clock i 3DS Max Bruke uttrykk & Custom attributter
, og Animer en klokke i Maya Bruke uttrykk

Hva du skal lage

1. Opprette klokken Mal i Photoshop

Trinn 1

OpenPhotoshop. Importer BG.jpg fil som er gitt med opplæringen. Ihave gjort denne malen for referansen som ville hjelpe med å gjøre døgnet.
Åpne Photoshop
Trinn 2

Trykk på Shift-Ctrl-N
å opprette en ny layer.Rename dette laget som BG
.
Lag et nytt lag
Trinn 3

Med Elliptical Marquee Tool valgt, tegne en sirkulær utvalg.
Elliptical Marquee Tool
Trinn 4

Fillwhite farge inne i utvalget.
Fyll hvit farge
Trinn 5

Velg Tekst
verktøy og skriv 12
i svart farge. Hold det justert tothe bakgrunn pigg.
Tekstverktøyet
Trinn 6

Etter samme måte, skriver alle tall og plassere themaccordingly.
Tekstverktøyet
Trinn 7

Trykk på Shift-Ctrl-N
å opprette et nytt lag. Gi nytt navn til dette laget som minuttviseren
.
Lag et nytt lag
Trinn 8

Withthe rektangel Marquee Tool, tegne en liten hånd utvalg og fylle den med blackcolour. Anmeldelser
rektangel Marquee Tool
Trinn 9

Withthe minuttviseren laget valgt, trykker du på Ctrl-J
å lage et duplikat lag av det. Gi nytt navn til dette laget som Hour Hånd
.
timeviseren
Trinn 10

Withthe Hour Hånd laget valgt, trykker du på Ctrl-T
for Free Transform
.
Roter timeviseren og justere den til 3.
Free Transform
Trinn 11

Med hjelp av Free Transform, forkorte thehour hånd. Anmeldelser forkorte lengden på timeviseren
Step 12

Withthe BG
laget valgt, klikker du på Legg et lag stil
ikonet (fx)
på bunnen. Velg Stroke
alternativ i fly ut menyen.
Stroke alternativet
Trinn 13

Det åpner LayerStyle
vinduet. Velg ønsket farge og bredde for hjerneslag.
Bevel det createsthe grensen døgnet rundt.
Layer stil vindus
Step 14

Legg til en Bevel andEmboss
lag stil også, og følg innstillingene som vises i followingimage. og preg
Step 15

Lagre filen som clock.psd.Saving en fil i PSD
format insuresthat du kan styre hver eneste lag i After Effects. Vær oppmerksom på, thisis en veldig enkel og grunnleggende klokke oppsett bare for demonstrasjon formål. Du kan adddetails og gjøre det mer avansert som per ditt behov. Spar filen
2. Opprette Clock Animasjon i After Effects

Trinn 1

OpenAfter effekter. Importere clock.psdfile.
Åpne After Effects
Trinn 2

Importit som en Composition
med Merge Layer Styles
inn Footage alternativet.
Flett Layer Styles
Trinn 3

Sammensetningen inneholder alle lagene i orden bare likein Photoshop.
Alle lag
Trinn 4

Åpne < b> Rotasjon
egenskapene til både liten og time hender.
Rotation eiendom
Trinn 5

Iwant minuttviseren bør styre timeviseren. Med Alt
tasten nede, klikk på Rotationstop se. Det åpner uttrykket editor. Her skrive, thisComp.layer ("Minute Hand"). Transform.rotation

Thealternative måte er å klikke på pick pisk av timeviseren rotasjon anddrop det til minuttviseren rotasjon.
Expression
Trinn 6

Akkurat nå, når minuttviseren roterer 360 grader orperforms en hel rotasjon, roterer timeviseren bare sånn. Jeg vil at MinuteHand å rotere 360 ​​grader og timeviseren skal rotere bare 30 grader. I uttrykket redaktør, dele theexpression med 12.
Expression redigere
Trinn 7

It'sdone. Animere minuttviseren og se. Når minuttviseren utfører en fullrotation, timeviseren skift danne ett siffer til en annen. Bare animere theminute hånd rotasjon verdi og timeviseren roterer automatisk.
Endelig
Konklusjon

Jeg håper du må ha hatt opplæringen. Uttrykk kan gjøre mirakler og lagre mye tid. Du kan gjøre fantastiske og komplekse fungerer enkelt ved hjelp av uttrykk.

Men en liten bit av matematikk er nødvendig. Jeg ville prøve å komme opp med noen flere tutorials basert på uttrykk.