Animate An Underground Map Without Keyframes In Motion 4

In deze tutorial leer je hoe je de plattegrond van je favoriete stad onder de grond kunt maken en animeren met Apple Motion 4. Gedrag zal onze vrienden zijn om het gebruik van keyframes te vermijden. Ze zijn een van de krachtigste tools in Motion om je werk te versnellen.

Tutorial

Stap 1

Maak allereerst een nieuw Motion-project en importeer uw referentiekaart in de groep die Motion standaard maakt. In het eigenschappen tabblad (F1) schaal het om het in je venster te passen en verander de dekking naar 50%.


Stap 2

Gebruik in het deelvenster Lagen (F5 als het niet zichtbaar is) een nieuwe groep en geef deze een naam lijnen. Selecteer uw bezier-tool (B). Selecteer in het HUD-venster (F7) omtrek, pak de kleur op van de lijn die u wilt volgen (in dat geval RGB: 0, 174, 236) en een breedte van 5. Begin met het volgen van de eerste lijn met de shift-toets naar beneden om perfecte verticale en horizontale lijnen te hebben. U kunt inzoomen om meer precisie te krijgen. Als u klaar bent met het traceren van uw lijn, drukt u op de Enter-toets.


Stap 3

Selecteer uw nieuwe regel in uw lagenpaneel, geef deze een naam lijn 1 en verander de ronding naar 2 in de HUD. Ga naar inspecteur> tabblad Vorm> stijl (of tabblad F4 en stijl) en verander de begin- en eindlimieten in "rond".


Stap 4

Herhaal stap 2 en 3 voor al uw lijnen. Ik koos voor het overslaan van regel 12, de R one en de ML1 & ML2 vanwege hun gebrek aan interactie met andere lijnen. Hier zijn de kleuren die ik gebruikte als R, G, B: regel 2 (226, 27, 6); regel 3 (255, 217, 0); regel 4 (151, 92, 38); regel 5 (152, 190, 17); regel 6 (175, 175, 158); regel 7 (242, 149, 61); regel 8 (224, 170, 184); regel 9 (148, 140, 188); regel 10 (7, 75, 142); regel 11 (4, 152, 59). Dit is wat je krijgt na het tekenen van al je lijnen (ik verborg de referentiekaart om beter te kunnen zien wat je krijgt).


Stap 5

Nu moeten we het maken van de elementen van onze kaart volgen door het begin / einde van lijnen en de uitwisselingen te tekenen. Je hebt twee manieren om het te doen. De eerste gebruikt het cirkeltool van Motion met een witte vulling en een zwarte omtrek van 1. De andere gebruikt het Illustrator-pad van Illustrator en Motionsmart naar het bewegingsvormscript. Dit is een klein script waarmee u Illustrator-paden kunt exporteren als bewegingsvormen. Hiermee kunt u elementen gemakkelijker en met meer controle maken, maar werkt u alleen met paden met verbonden punten (het werkt bijvoorbeeld niet met een donut). U hoeft niet te weten hoe u Illustrator moet beheren om het te krijgen. Laten we doorgaan met Illustrator om het te proberen. Maak in Illustrator een nieuw document en ga naar bestand> plaats en selecteer uw kaart om deze als referentie te gebruiken.


Stap 6

Omdat je het als een bewegingsvorm krijgt, hoef je maar één kopie van elk soort uitwisseling te maken. Begin met de eerste cirkel met een witte vulling en een zwarte omtrek met de cirkelhulpprogramma (L).


Stap 7

Dupliceer het en verplaats het naar rechts om de Shift-toets ingedrukt te houden om ze horizontaal uitgelijnd te houden.


Stap 8

Selecteer uw twee cirkels, ga naar de Pathfinder en druk op de knop Toevoegen en vouw vervolgens uit.


Stap 9

Je bent al klaar in Illustrator met dat soort uitwisselingen. Je moet het nu opslaan als een bewegingsvorm. Ga met je pad naar bestand> scripts> exporteren als bewegingsvorm. Noem maar op 2circular en druk op ok. Hiermee wordt automatisch een bewegingsvorm op uw bureaublad gemaakt. U kunt het nu verplaatsen naar uw werkmap.


Stap 10

Maak nu de andere soorten uitwisselingen op dezelfde manier. Het eliptische kruis met 3 lijnen is bijvoorbeeld gemaakt met een rechthoek en 2 cirkels. U kunt gidsen gebruiken om dingen eenvoudiger te maken. Ik heb mijn elementen een beetje naar beneden verplaatst om de bron en de elementen te tonen die zijn gebruikt om het te kopiëren.


Stap 11

Wederom, dankzij de Pathfinder-tool, groepeer je elementen in een unieke door op de knop Toevoegen te drukken en vervolgens uit te vouwen. Zoals u in stap 9 hebt gedaan, exporteert u het als bewegingsvorm en geeft u het een naam 3eliptical.


Stap 12

Je weet nu alles wat je nodig hebt om de andere zes soorten uitwisselingen te maken. Hier kunt u ze allemaal zien met hun relatieve namen.


Stap 13

Nu bent u klaar met Illustrator en gaat u terug naar Motion. Maak een nieuwe camera. Selecteer in het pop-upvenster "schakel 2D-groepen in 3D-groepen". Verander het aanzicht in perspectief (ctrl + P). Hiermee kunt u dat waardeloze pixeleffect niet hebben door in te zoomen. Maak een nieuwe groep boven de lijnen één, noem maar op starts-knooppunten en verander de dekking naar ongeveer 25%. Zoek in het bestandsbrowserpaneel (cmd + 1) naar de map met de shapes die je in Illustrator hebt gemaakt (als je ze niet hebt verplaatst, staan ​​ze nog steeds op het bureaublad). U moet nu zoveel kopieën van elke kaart slepen als vereist door uw referentiekaart in uw nieuwe groep en ze positioneren volgens uw referentiekaart. Zorg ervoor dat de Z-positie van elk element en van de groep gelijk is aan 0. U kunt inzoomen voor meer precisie. Vergeet ze niet te benoemen om ze daarna gemakkelijker te vinden. Hier heb je het resultaat van al je starts en uitwisselingen geplaatst met volledige dekking voor een betere preview.


Stap 14

Standaard hebben de vormen die u uit Illustrator hebt geëxporteerd alleen een omlijning, dus selecteer alle vormen die u zojuist hebt gepositioneerd en activeer de witte vulling in de HUD of in het infovenster> vorm> stijltabblad.


Stap 15

Laatste stap bij het maken van de kaart: de gekleurde punten. Maak een nieuwe groep boven de starts-knooppunten en noem hetpoints. Met het cirkelgereedschap geselecteerd (C), ga naar het begin van de eerste regel en teken een cirkel in het midden van het station met dezelfde kleur als de stationslijn. Wees opnieuw voorzichtig met de Z-positie van het punt dat u zojuist hebt gemaakt en van de points groep om 0 te zijn.


Stap 16

Kopieer dat punt nu negen keer en plaats je kopieën langs de lijn 1.


Stap 17

Dupliceer zo vaak als nodig opnieuw en plaats elk punt in een begin of wissel om uw kaart te voltooien. Vergeet niet om de kleur dienovereenkomstig aan de lijnen te veranderen! Je moet eindigen met 97 punten. Als u klaar bent met het plaatsen van punten, kunt u de starts-knooppunten dekking tot 100% en verberg je referentie omdat je het voor nu niet nodig hebt.


Stap 18

Ga naar Bewerken> projecteigenschappen ... (cmd + J), wijzig de duur in 30 seconden, verander de achtergrondkleur in een grijs (R = G = B = 228) en de achtergrond in effen grijs.


Stap 19

Nu is het tijd om die kaart te animeren. U moet eerst weten wat uw reisplan zal zijn. Na een klein onderzoek vond ik een pad dat alle lijnen volgt. Vanaf het zuiden in lijn 11, dan lijn 6 naar "pacifico", lijn 1 naar "Sol", lijn 2 naar "plaza España", lijn 10 naar "Gregorio Marañon", lijn 7 naar "pueblo nuevo", regel 5 naar " Nuñez Balboa ", lijn 9 naar" colombia ", lijn 8 naar" mar de cristal ", lijn 4 naar" argüelles "en tenslotte lijn 3 naar het zuiden.


Stap 20

Het is beter om te beginnen met al onze lijnen, punten en uitwisselingen verborgen. Ga dus naar het laatste frame, selecteer alles behalve de camera en ga naar> markeren in (I).


Stap 21

Ga terug naar het beginpunt van het project en selecteer de uitwisselingsnaam genaamd la peseta en druk op I. Doe hetzelfde met het bijbehorende groene punt van regel 11. Als dat punt nog steeds is geselecteerd, ga je naar filter> glow> bloom. Wijzig op het tabblad filtereigenschappen (F3) de instellingen zoals hieronder weergegeven. Ga met het bloom-effect naar frame 8 en druk op O om het effect te markeren.


Stap 22

Ga met het groene punt (of het bloom-filter) nog steeds naar gedrag> parameter> twee keer lopen en stel het in zoals hieronder wordt getoond. Ga naar frame 5, selecteer oprit en druk op O en selecteer vervolgens oprit 1 en druk op I, ga dan naar frame 8 en met oprit 1 Druk nog steeds geselecteerd op O. U hebt nu de belichtingsanimatie gedaan zonder een keyframe.


Stap 23

Selecteer in het lagenpaneel je effect en je twee gedragingen, druk op cmd + D om ze te dupliceren en sleep ze naar "la peseta" -uitwisseling.


Stap 24

Ga naar frame 5, selecteer regel 11 en druk op I. Ga naar gedrag> parameter> helling toevoegen en stel deze in zoals hieronder wordt getoond. Dit zal fungeren als het klassieke schrijfeffect. Door het gedrag opnieuw te bepalen, kunt u de snelheid van het effect aanpassen. Dus selecteer het ramp-gedrag, ga naar frame 32 en druk op O.


Stap 25

Nu hebben we alles wat we nodig hebben om de hele animatie vrij snel te doen. Ik heb ervoor gekozen om eerst de animatie te maken en vervolgens met de uitwisselingen te werken. Ga dus naar frame 37, selecteer regel 6 en druk op I. We beginnen te bewegen regel 6 5 beelden na regel 11 komt door het gloeiende effect. Voeg twee rampgedrag toe aan de eerste en laatste puntverschuiving en stel deze in zoals hieronder wordt weergegeven. Waarden kunnen veranderen, afhankelijk van hoe u de lijnen maakt. Het belangrijkste punt is om je lijn terug te brengen naar 1% (som de offset op en krijg 99%. Hier 73 + 26 = 99) en op de goede plek.


Stap 26

Retime elk gedrag volgens hoe ver het te gaan. de 26% één om ongeveer drie keer sneller te zijn dan de 73% voor elk onderdeel om dezelfde snelheid te hebben. Ga naar frame 63, selecteer oprit 1 en druk op O. Ga vervolgens naar frame 110, selecteer oprit en druk op O.


Stap 27

Ga naar frame 63, wanneer regel 6 kruis lijn 1 waar we deze willen volgen, selecteer lijn 1 en druk op O. Voeg zoals eerder eerder twee ramp-gedrag toe zoals in stap 25. Hieronder staan ​​de waarden die ik heb gebruikt. Laat ze opnieuw retime. Ik gebruikte frame 84 voor oprit en frame 238 voor oprit 1 als uit punten.


Stap 28

Herhaal stap 25 en 26 voor alle lijnen. U kunt de referentiekaart gebruiken om te laten zien wanneer lijnen kruisen. Hieronder staan ​​mijn instellingen voor elke regel en hun timing.

lijn 2: Startframe: 127; oprit eindframe: 161; oprit 1 eindframe: 188;

regel 10: Startframe: 143; oprit eindframe: 289; oprit 1 eindframe: 292;

regel 7: Startframe: 213; oprit eindframe: 277; oprit 1 eindframe: 349;

regel 5: Startframe: 295; oprit eindframe: 465; oprit 1 eindframe: 321;

regel 9: Startframe: 338; oprit eindframe: 436; oprit 1 eindframe: 438;

regel 8: Startframe: 376; oprit eindframe: 421; oprit 1 eindframe: 428;

regel 4: Startframe: 389; oprit eindframe: 524; oprit 1 eindframe: 404;

regel 3: Startframe: 529; oprit eindframe: 544; oprit 1 eindframe: 664;


Stap 29

Nu zijn de lijnen goed getimed, we moeten de uitwisselingen plaatsen. Gebruik opnieuw de referentiekaart en selecteer elke keer als een lijn een uitwisseling overschrijdt deze en druk op I. Dit is hoe uw tijdlijn eruit zou moeten zien.


Stap 30

Herhaal stap 29 met de punten. Doe het regel voor regel om fouten te voorkomen.


Stap 31

Nog een herhalingsoefening: alle punten het gloeiende effect geven. Selecteer het effect en de twee gedragingen van het eerste punt, druk vervolgens op de optietoets en sleep ze naar het tweede punt. Je zult zien dat ze allemaal tegelijkertijd beginnen, dus je moet je slepen ramp 1 kopie zes frames vooruit om het effect te laten werken.


Stap 32

Herhaal stap 31 voor alle punten en uitwisselingen. Om het vrij snel te doen, kopieert u eerst al uw effecten en gedrag en selecteert u vervolgens alle ramp 1 kopie gedrag door te klikken op de eerste die u wilt selecteren en vervolgens, met behoud van de commandotoets ingedrukt, klikt u op alle andere gedragingen. Door het op deze manier te doen, kunt u ze allemaal tegelijkertijd verplaatsen. Je moet klaar zijn met de animatie van de kaart. Speel af om te controleren of alles in orde is. Bij frame 135 zou je zoiets als dit moeten hebben.


Stap 33

Onder de lijnen groep, maak een nieuwe groep aan en noem deze BG. Ga vervolgens naar bibliotheek (cmd + 2)> Generators en sleep een verloop naar je nieuwe groep. Wijzig de Z-positie in -5 en activeer vervolgens de reflectie en stel de reflectiviteit in op 44% en vervaag de hoeveelheid vervaging tot 11 en stel deze in zoals hieronder wordt weergegeven.


Stap 34

Selecteer uw camera en stel deze in zoals hieronder wordt getoond.


Stap 35

Ga naar het eerste frame, selecteer je camera, ga naar gedrag> basisbeweging> bewegingspad toevoegen. Ga naar het laatste frame om al je netwerk te zien en in vooraanzicht verplaats je de twee punten naar het begin en einde van regel 11. Het hoeft niet exact overeen te komen. Ga vervolgens naar frame 32 en druk met je gedrag geselecteerd op O.


Stap 36

Ga naar frame 37 en herhaal stap 35 met de volgende regel. Druk vóór het verplaatsen van punten op O. Deze actie lokaliseert uw eerste punt op dezelfde plaats als het laatste punt van uw vorige gedrag.


Stap 37

Herhaal stap 36 voor elke regel. Vergeet niet elk gedrag opnieuw in te voeren voordat u een nieuw gedrag maakt. Als u punten op een pad wilt hebben, houdt u de optietoets ingedrukt en klikt u op het pad. U kunt de interpolatie van de punten converteren naar lineair of ze even soepel laten (standaard). Dit is het pad dat ik krijg.


Stap 38

Ga naar het eerste frame, selecteer uw camera en verlaag de y-positie in de actieve cameraweergave, aangezien u een zwart punt kunt zien.


Stap 39

Ga een beetje voor de finale van de animatie, rond frame 650 en maak een nieuwe groep aan tussen de camera en de points groep. Ga naar het vooraanzicht en maak een rechthoek om de hele kaart te maskeren. Als u klaar bent, zet u de dekking op 0% en de positie op 0, 0, 0.


Stap 40

Selecteer je camera, ga naar gedrag> camera> framing toevoegen en druk vervolgens op I. Versleep je rechthoek in het doelvenster van het tabblad gedragingen, verander de positietransitie in 45% en de rotatieovergang naar 15% om de finale te behouden. de animatie op het scherm terwijl je camera draait.


Stap 41

Ga naar het laatste frame, selecteer alle groepen en druk op O. Ga vervolgens om gedrag toe te voegen> basisbeweging> fade in / fade out. Stel daarna de fade in op 0 en fade out naar 25 voor elke fade.


Stap 42

Ga naar bestand> exporteren (cmd + E) en kies export: Quicktime movie, gebruik: HDV 720p25 movie. Druk vervolgens op de opties ... Op het output-tabblad is die resolutie ingesteld op full, camera: actve camera, reflecties is ingeschakeld en weergavekwaliteit: de beste. Druk vervolgens op OK en druk op Exporteren. U kunt andere instellingen gebruiken volgens uw behoeften, maar zorg ervoor dat u de reflecties doorlaat als u wilt dat ze in uw export verschijnen.

Nou, ik hoop dat je mijn eerste Apple Motion-tutorial leuk vond (in feite is dit mijn eerste zelfstudie ooit).