Animer et underjordisk kart uten nøkkelrammer i bevegelse 4

I denne opplæringen lærer du hvordan du lager og animerer kartet over favorittbyen din under jorden med Apple Motion 4. Behavior vil være våre venner for å unngå bruk av keyframes. De er et av de kraftigste verktøyene i Motion for å få fart på arbeidet ditt.

Opplæringen

Trinn 1

Først av alt, opprett et nytt Motion-prosjekt og importer ditt referansekart til gruppen som Motion oppretter som standard. På egenskapsfanen (F1) skaler den slik at den passer inn i vinduet og endrer opaciteten til 50%.


Steg 2

I lagpanelet (F5 hvis det ikke er synlig), opprett en ny gruppe og gi den navnet linjer. Velg ditt bezier-verktøy (B). I HUD-vinduet (F7), velg omriss, velg fargen på linjen du vil spore (i så fall RGB: 0, 174, 236) og en bredde på 5. Start å spore den første linjen ved hjelp av skiftnøkkelen ned å ha perfekte vertikale og horisontale linjer. Du kan zoome inn for å få mer presisjon. Når du er ferdig med å spore linjen din, trykker du på enter-tasten.


Trinn 3

I lagpanelet velger du den nye linjen, navn den linje 1 og endre rundheten til 2 i HUD. Gå til inspektør> formfane> stil (eller F4 og stilfane) og endre start- og slutthettene til "runde".


Trinn 4

Gjenta trinn 2 og 3 for alle linjene dine. Jeg valgte å hoppe over linjen 12, R en og ML1 og ML2 på grunn av deres mangel på samspill med andre linjer. Her er fargene jeg brukte som R, G, B: linje 2 (226, 27, 6); linje 3 (255, 217, 0); linje 4 (151, 92, 38); linje 5 (152, 190, 17); linje 6 (175, 175, 158); linje 7 (242, 149, 61); linje 8 (224, 170, 184); linje 9 (148, 140, 188); linje 10 (7, 75, 142); linje 11 (4, 152, 59). Dette er hva du får etter å tegne alle linjene dine (jeg gjemte referansekartet for å se bedre på hva du får).


Trinn 5

Nå må vi følge opp å lage kortets elementer ved å tegne start / endene av linjer og byttepunktene. Du har to måter å gjøre det på. Den første bruker Motion-sirkelverktøyet med en hvit fyll og en svart oversikt på 1. Den andre bruker Illustrator og Motionsmart's Illustrator-bane til Motion-skript. Dette er et lite skript som lar deg eksportere Illustrator-baner som Bevegelsesformer. Dette gjør at du kan lage elementer enklere og med mer kontroll, men fungerer bare med stier med tilkoblede punkter (for eksempel fungerer det ikke med en doughnut). Du trenger ikke å vite hvordan du skal administrere Illustrator for å få det. Så la oss fortsette med Illustrator for å prøve det. I Illustrator, opprett et nytt dokument og gå til fil> sted og velg kartet for å få det som referanse.


Trinn 6

Som du vil få det som en bevegelsesform, trenger du bare å lage en kopi av hver type utveksling. Begynn med den første som lager en sirkel med en hvit fyll og en svart oversikt med sirkelverktøyet (L).


Trinn 7

Dupliser den og flytt den til høyre med å skifte shift-tasten ned for å holde dem justert horisontalt.


Trinn 8

Velg de to sirklene dine, gå til stifinderen og trykk på add-knappen, og utvid deretter.


Trinn 9

Du har allerede gjort i Illustrator med den slags interchanges. Du må nå lagre den som en bevegelsesform. Med banen din valgt, gå til fil> skript> eksporter som bevegelsesform. Navngi det 2circular og trykk ok. Dette oppretter automatisk en bevegelsesform på skrivebordet. Du kan nå flytte den til arbeidsmappen din.


Trinn 10

Lag nå de andre typer bytteer på samme måte. For eksempel er 3 linjers eliptiske kryss laget med et rektangel og 2 sirkler. Du kan bruke guider for å gjøre tingene enklere. Jeg flyttet elementene mine litt ned for å vise kilden og elementene som ble brukt til å kopiere den.


Trinn 11

Igjen, takket være pathfinderverktøyet, grupperer du elementene dine til en unik en ved å trykke på add-knappen og deretter utvide. Som gjort i trinn 9, eksporter den som bevegelsesform og nevn den 3eliptical.


Trinn 12

Du vet nå alt du trenger for å skape de andre seks typer byttene. Her kan du se alle med deres relative navn.


Trinn 13

Nå er du ferdig med Illustrator, gå tilbake til Motion. Lag et nytt kamera. I popup-vinduet velger du "bytt 2D-grupper i 3D-grupper". Endre visningen til perspektiv (ctrl + P). Dette gjør at du ikke kan ha den dårlige pixel-effekten ved å zoome inn. Opprett en ny gruppe over linjer en, nevner den starter-knutepunkter og endre opaciteten til ca. 25%. I filbrowserpanelet (cmd + 1), finn mappen som inneholder figurene du laget i Illustrator (hvis du ikke flyttet dem, er de fortsatt på skrivebordet). Du må nå dra så mange eksemplarer av hver som ønsket av referansekartet til den nye gruppen og plassere dem i henhold til ditt referansekart. Ta vare på Z-posisjonen til hvert element og i gruppen for å være 0. Du kan zoome inn for mer presisjon. Ikke glem å nevne dem for å finne dem lettere etter. Her har du resultatet av alle startene dine og bytteposisjonene plassert med full ustabilitet for en bedre forhåndsvisning.


Trinn 14

Som standard har figurene du eksporterte fra Illustrator bare en oversikt, så velg alle figurene du nettopp har plassert og aktiver den hvite fyllingen i HUD eller i inspektøren> form> stilfliken.


Trinn 15

Siste skritt i opprettelsen av kartet: de fargede punktene. Opprett en ny gruppe over starter-knutepunkter og nev detpunkter. Med sirkelverktøyet valgt (C), gå til starten av første linje og tegne en sirkel midt på stasjonen med samme farge på stasjonslinjen. Igjen, vær forsiktig med Z-posisjonen til punktet du nettopp opprettet og av punkter gruppe for å være 0.


Trinn 16

Nå dupliser det som peker ni ganger og plasser kopiene dine langs linje 1.


Trinn 17

Dupliser igjen så mange ganger som nødvendig, og legg hvert punkt i en start eller bytte for å fullføre kartet. Ikke glem å endre farge tilsvarende i linjene! Du bør ende med 97 poeng. Når du er ferdig med å plassere poeng, kan du slå på starter-knutepunkter Opacity til 100% og skjul din referanse fordi du ikke trenger det for nå.


Trinn 18

Gå til Rediger> prosjektegenskaper ... (cmd + J), endre varighet til 30 sekunder, endre bakgrunnsfarge til et mykt grått (R = G = B = 228) og bakgrunnen til solid.


Trinn 19

Nå er det på tide å begynne å animere det kartet. Du må først vite hvilken vil være din reiseplan. Etter en liten undersøkelse fant jeg en sti som følger alle linjene. Start fra sør på linje 11, deretter linje 6 til "pacifico", linje 1 til "Sol", linje 2 til "plaza España", linje 10 til "Gregorio Marañon", linje 7 til "pueblo nuevo", linje 5 til " Nuñez Balboa ", linje 9 til" colombia ", linje 8 til" mar de cristal ", linje 4 til" argüelles "og til slutt linje 3 mot sør.


Trinn 20

Det er bedre å begynne med alle våre linjer, poeng og utvekslinger skjult. Så gå til siste ramme, velg alt annet enn kameraet og gå til markering> merk i (I).


Trinn 21

Gå tilbake til startpunktet for prosjektet, velg det utvekslede navnet la peseta og trykk på I. Gjør det samme med det tilsvarende grønne punktet på linje 11. Med det punktet fortsatt valgt, gå til å legge til filter> glød> blomstre. På fanen for filteregenskaper (F3), endre innstillingene som vist nedenfor. Med blomstrende effekten valgt, gå til ramme 8 og trykk på O for å markere effekten.


Trinn 22

Når det grønne punktet (eller blomstfilteret) er valgt, går du til adferd> parameter> rampe to ganger og angir det som vist nedenfor. Gå til ramme 5, velg rampe og trykk på O, og velg deretter rampe 1 og trykk på I, deretter gå til ramme 8 og med rampe 1 Trykk fortsatt på O. Du har nå belysningsanimasjonen gjort uten noen keyframe.


Trinn 23

I lagpanelet velger du effekten og de to oppføringene dine, trykk på cmd + D for å kopiere dem, og dra dem til "la peseta" -utveksling.


Trinn 24

Gå til ramme 5, velg linje 11 og trykk på I. Gå til adferd> parameter> rampe og sett det som vist nedenfor. Dette vil fungere som den klassiske skrive på effekten. Ved å retimere oppførselen, kan du justere effektens hastighet. Så velg rampens oppførsel, gå til ramme 32 og trykk på O.


Trinn 25

Nå har vi alt vi trenger for å gjøre hele animasjonen ganske fort. Jeg valgte å først lage animasjonen og deretter jobbe med byttepunktene. Så gå til ramme 37, velg linje 6 og trykk på I. Vi begynner å flytte linje 6 5 rammer etter linje 11 kommer på grunn av den glødende effekten. Legg til to rampefigurer til første og siste punktforskjell og sett den som vist nedenfor. Verdiene kan endres avhengig av hvordan du lager linjene. Det viktige poenget er å få linjen redusert til 1% (sum offset og få 99%. Her 73 + 26 = 99) og i det gode stedet.


Trinn 26

Retid hver oppførsel i henhold til hvor langt det skal gå. Den 26% en skal være omtrent tre ganger raskere enn den 73% en for hver del å ha samme hastighet. Gå til ramme 63, velg rampe 1 og trykk på O. Gå deretter til ramme 110, velg rampe og trykk på O.


Trinn 27

Gå til ramme 63, når linje 6 kryss linje 1 hvor vi vil følge denne, velg linje 1 og trykk på O. Som vi gjorde før, legg til to rampedrag som i trinn 25. Nedenfor er verdiene jeg brukte. Nok en gang retime dem. Jeg brukte rammen 84 for rampe og rammen 238 for rampe 1 som ut poeng.


Trinn 28

Gjenta trinn 25 og 26 for alle linjene. Du kan bruke referansekartet til å vise når linjene krysser. Nedenfor er mine innstillinger for hver linje og deres timings.

linje 2: Start ramme: 127; rampe enderamme: 161; rampe 1 enderamme: 188;

linje 10: Start ramme: 143; rampe sluttramme: 289; rampe 1 enderamme: 292;

linje 7: Start ramme: 213; rampe enderamme: 277; rampe 1 enderamme: 349;

linje 5: Start ramme: 295; rampe enderamme: 465; rampe 1 enderamme: 321;

linje 9: Start ramme: 338; rampe enderamme: 436; rampe 1 enderamme: 438;

linje 8: Start ramme: 376; rampe enderamme: 421; rampe 1 enderamme: 428;

linje 4: Start ramme: 389; rampe enderamme: 524; rampe 1 enderamme: 404;

linje 3: Start ramme: 529; rampe enderamme: 544; rampe 1 enderamme: 664;


Trinn 29

Nå er linjene godt tidsbestemte, vi må plassere byttepunktene. Igjen, bruk referansekartet og hver gang en linje krysser et utveksling, velg denne og trykk på I. Her er hva din tidslinje skal se ut som.


Trinn 30

Gjenta trinn 29 med punktene. Gjør det på linje for å unngå feil.


Trinn 31

En annen gjentakende oppgave: gi alle poeng den glødende effekten. Velg effekten og de to oppføringene til det første punktet, trykk deretter alternativtasten og dra dem til det andre punktet. Du ser at de alle starter på samme tid, så du må dra din rampe 1 kopi seks rammer fremover for å holde effekten i gang.


Trinn 32

Gjenta trinn 31 for alle punkter og byttepunkter. For å gjøre det ganske fort, kopier først alle dine effekter og atferd, og velg deretter alle rampe 1 kopi atferd ved å klikke på den første du vil velge, og deretter, hold kommandotasten nede, klikk på alle de andre atferdene. Ved å gjøre det på denne måten kan du flytte alle dem samtidig. Du bør gjøres med animasjonen av kartet. Spill av for å bekrefte at alt er OK. Ved ramme 135 bør du ha noe sånt.


Trinn 33

Under linjer gruppe, opprett en ny gruppe og navn den BG. Deretter går du til biblioteket (cmd + 2)> Generatorer og drar en gradient i den nye gruppen. Endre Z-posisjonen til -5 og aktiv refleksjon og sett reflektiviteten til 44% og slør mengden til 11 og sett den som vist under.


Trinn 34

Velg kameraet ditt og sett det som vist nedenfor.


Trinn 35

Gå til den første rammen, velg kameraet ditt, gå til adferd> grunnleggende bevegelse> bevegelsesbane. Gå til den siste rammen for å se hele nettverket ditt og i frontvisningen, flytt de to punktene til start og slutt på linje 11. Det trenger ikke å matche nøyaktig. Deretter går du til ramme 32 og med din oppførsel valgt, trykker du på O.


Trinn 36

Gå til ramme 37 og gjenta trinn 35 med neste linje. Før du flytter poeng, trykk O. Denne handlingen lokaliserer ditt første punkt på samme sted enn det siste punktet i den forrige virkemåten din.


Trinn 37

Gjenta trinn 36 for hver linje. Ikke glem å retime hver oppførsel før du oppretter en annen. Hvis du trenger å ha poeng til en hvilken som helst bane, må du bare fjerne alternativtasten nede og klikke på banen. Du kan konvertere interpoleringen av punktene til lineær eller la dem være glatte (som standard). Her er banen jeg får.


Trinn 38

Gå til første ramme, velg kameraet ditt og i aktiv kameravisning, reduser y-posisjonen som du kan se et svart punkt.


Trinn 39

Gå litt før det siste av animasjonen, rundt rammen 650, og opprett en ny gruppe mellom kameraet og punkter gruppe. Gå til forfra og lag et rektangel for å maskere hele kartet. Når du er ferdig, endre dens opasitet til 0% og posisjonen til 0, 0, 0.


Trinn 40

Velg kameraet, gå til adferdstilstand> kamera> innramming og trykk deretter I. Dra og slipp rektangelet i målvinduet på oppføringsfanen, endre posisjonovergangen til 45% og rotasjonsovergangen til 15% for å beholde den endelige av animasjonen på skjermen når kameraet ditt roterer.


Trinn 41

Gå til siste ramme, velg alle grupper og trykk på O. Gå deretter til adferd> grunnleggende bevegelse> fade inn / fade ut. Sett deretter fade inn i 0 og fade ut til 25 for hver enkelt.


Trinn 42

Gå til fil> eksporter (cmd + E) og velg eksport: Quicktime film, bruk: HDV 720p25 film. Trykk deretter på alternativer ... I utgangsfanen er denne oppløsningen satt til full, kamera: actve kamera, refleksjoner er på og gjengis kvalitet: best. Trykk deretter OK og trykk på Eksporter. Du kan bruke andre innstillinger i henhold til dine behov, men pass på å la refleksjonene på om du vil at de skal vises i eksporten din.

Vel, jeg håper du likte min første Apple Motion-opplæring (faktisk er det min første veiledning noensinne).