Share
In questo tutorial imparerai come creare e animare la mappa della tua città metropolitana preferita con Apple Motion 4. I comportamenti saranno i nostri amici per evitare l'uso di keyframes. Sono uno degli strumenti più potenti in circolazione per velocizzare il tuo lavoro.
lezione
Prima di tutto, crea un nuovo progetto Motion e importa la tua mappa di riferimento nel gruppo che Motion crea per impostazione predefinita. Nella scheda delle proprietà (F1) ridimensionala per adattarla alla tua finestra e modifica la sua opacità al 50%.
Nel pannello dei livelli (F5 se non è visibile), crea un nuovo gruppo e assegnagli un nome Linee. Seleziona il tuo strumento Bezier (B). Nella finestra HUD (F7), seleziona contorno, prendi il colore della linea che vuoi tracciare (in questo caso RGB: 0, 174, 236) e una larghezza di 5. Inizia a tracciare la prima linea mantenendo il tasto shift in giù avere perfette linee verticali e orizzontali. Puoi ingrandire per ottenere maggiore precisione. Una volta terminato di tracciare la linea, premere il tasto Invio.
Nel pannello dei livelli, seleziona la tua nuova linea, nominala Linea 1 e cambia la sua rotondità a 2 nell'HUD. Vai a ispettore> scheda forma> stile (o scheda F4 e stile) e cambia i tappi di inizio e fine in "round".
Ripeti i passaggi 2 e 3 per tutte le tue linee. Ho scelto di saltare la linea 12, la R e ML1 e ML2 a causa della loro mancanza di interazione con altre linee. Ecco i colori che ho usato come R, G, B: linea 2 (226, 27, 6); riga 3 (255, 217, 0); linea 4 (151, 92, 38); linea 5 (152, 190, 17); linea 6 (175, 175, 158); linea 7 (242, 149, 61); linea 8 (224, 170, 184); linea 9 (148, 140, 188); linea 10 (7, 75, 142); linea 11 (4, 152, 59). Questo è ciò che ottieni dopo aver disegnato tutte le tue linee (ho nascosto la mappa di riferimento per vedere meglio cosa ottieni).
Ora dobbiamo seguire la creazione degli elementi della nostra mappa disegnando gli inizi / le estremità delle linee e gli interscambi. Hai due modi per farlo. Il primo utilizza lo strumento Cerchio di Movimento con un riempimento bianco e un contorno nero di 1. L'altro utilizza il percorso Illustrator di Illustrator e Motionsmart per lo script Forma movimento. Questo è un piccolo script che consente di esportare i tracciati di Illustrator come forme di movimento. Ciò consente di creare elementi più facilmente e con maggiore controllo, ma funziona solo con percorsi con punti collegati (ad esempio, non funziona con una ciambella). Non è necessario sapere come gestire Illustrator per ottenerlo. Quindi continuiamo con Illustrator per provarlo. In Illustrator, crea un nuovo documento e vai al file> posiziona e seleziona la tua mappa per averla come riferimento.
Come avrai ottenuto come forma di movimento, devi solo creare una copia di ogni tipo di interscambio. Inizia con il primo creando un cerchio con un riempimento bianco e un contorno nero con lo strumento cerchio (L).
Duplicalo e spostalo a destra mantenendo premuto il tasto Maiusc per mantenerli allineati orizzontalmente.
Seleziona i tuoi due cerchi, vai al pathfinder e premi il pulsante Aggiungi e poi espandi.
Il tuo già fatto in Illustrator con quel tipo di interscambi. Ora devi salvarlo come una forma di movimento. Con il percorso selezionato, vai su file> script> esporta come forma di movimento. Nominalo 2circular e premi ok. Questo crea automaticamente una forma di movimento sul desktop. Ora puoi spostarlo nella tua cartella di lavoro.
Crea ora gli altri tipi di interscambi usando allo stesso modo. Ad esempio, la croce elittica a 3 linee è realizzata con un rettangolo e 2 cerchi. Puoi usare le guide per semplificare le cose. Ho spostato leggermente i miei elementi per mostrare la fonte e gli elementi utilizzati per copiarlo.
Ancora una volta, grazie allo strumento Pathfinder, raggruppa i tuoi elementi in uno unico premendo il pulsante Aggiungi e quindi espandi. Come fatto al punto 9, esportalo come forma di movimento e chiamalo 3eliptical.
Ora sai tutto ciò di cui hai bisogno per creare gli altri sei tipi di interscambi. Qui puoi vedere tutti loro con i loro nomi relativi.
Ora hai finito con Illustrator, torna in Motion. Crea una nuova fotocamera. Nella finestra pop-up, selezionare "Cambia gruppi 2D in gruppi 3D". Cambia la vista in prospettiva (ctrl + P). Questo ti permette di non avere quel crappy effetto pixel con lo zoom. Crea un nuovo gruppo sopra il Linee uno, nominalo starts-interscambi e cambia la sua opacità a circa il 25%. Nel pannello del browser di file (cmd + 1), individua la cartella contenente le forme create in Illustrator (se non le hai spostate, sono ancora sul desktop). Ora devi trascinare il numero di copie di ognuna come richiesto dalla mappa di riferimento nel nuovo gruppo e posizionarle in base alla mappa di riferimento. Prenditi cura della posizione Z di ogni elemento e del gruppo in modo che sia 0. Puoi ingrandire per maggiore precisione. Non dimenticare di nominarli per trovarli più facilmente dopo. Qui hai il risultato di tutte le tue partenze e interscambi posizionati con piena opacità per una migliore anteprima.
Per impostazione predefinita, le forme esportate da Illustrator hanno solo un contorno, quindi seleziona tutte le forme appena posizionate e attiva il riempimento bianco nell'HUD o nella scheda ispettore> forma> stile.
Ultimo passo nella creazione della mappa: i punti colorati. Crea un nuovo gruppo sopra il starts-interscambi e nominalopunti. Con lo strumento cerchio selezionato (C), vai all'inizio della prima linea e disegna un cerchio al centro della stazione con lo stesso colore della linea della stazione. Ancora una volta, stai attento alla posizione Z del punto che hai appena creato e del punti gruppo per essere 0.
Ora duplica quel punto nove volte e posiziona le tue copie lungo il Linea 1.
Duplica di nuovo tutte le volte che è necessario e posiziona ciascun punto in un inizio o interscambio per completare la mappa. Non dimenticare di cambiare il colore in base alle linee! Dovresti finire con 97 punti. Una volta fatto con i punti di posizionamento, puoi girare il starts-interscambi opacità al 100% e nascondi il tuo riferimento perché non ne hai bisogno per ora.
Vai a Modifica> Proprietà del progetto ... (cmd + J), modifica la durata a 30 secondi, cambia il colore di sfondo in un grigio tenue (R = G = B = 228) e lo sfondo in solido.
Ora è il momento di iniziare a animare quella mappa. Devi prima sapere quale sarà il tuo piano di viaggio. Dopo una piccola ricerca, ho trovato un percorso che segue tutte le linee. Partendo da sud sulla linea 11, quindi linea 6 per "pacifico", linea 1 per "Sol", linea 2 per "plaza España", linea 10 per "Gregorio Marañon", linea 7 per "pueblo nuevo", linea 5 per " Nuñez Balboa ", linea 9 per" colombia ", linea 8 per" mar de cristal ", linea 4 per" argüelles "e infine linea 3 per sud.
È meglio iniziare con tutte le nostre linee, punti e interscambi nascosti. Quindi vai all'ultimo frame, seleziona tutto tranne la fotocamera e vai a selezionare> mark in (I).
Torna al punto di partenza del progetto, seleziona l'interscambio denominato la peseta e premere I. Fare lo stesso con il punto verde corrispondente di linea 11. Con quel punto ancora selezionato, vai ad aggiungere il filtro> glow> bloom. Nella scheda delle proprietà del filtro (F3), modificare le impostazioni come mostrato di seguito. Con l'effetto bloom selezionato, vai al frame 8 e premi O per evidenziare l'effetto.
Con il punto verde (o il filtro di fioritura) ancora selezionato, vai ad aggiungere comportamento> parametro> rampa due volte e impostalo come mostrato di seguito. Vai al fotogramma 5, seleziona rampa e premere O, quindi selezionare rampa 1 e premere I, quindi andare al frame 8 e con rampa 1 ancora selezionato premi O. Ora hai l'animazione della luce fatta senza alcun keyframe.
Nel pannello dei livelli, seleziona il tuo effetto e i tuoi due comportamenti, premi cmd + D per duplicarli, quindi trascinali sullo scambio "la peseta".
Vai al fotogramma 5, seleziona linea 11 e premere I. Vai ad aggiungere comportamento> parametro> rampa e impostarlo come mostrato di seguito. Questo fungerà da classico effetto scritto. Ricalcando il comportamento, puoi regolare la velocità dell'effetto. Quindi seleziona il comportamento della rampa, vai al frame 32 e premi O.
Ora abbiamo tutto ciò di cui abbiamo bisogno per fare l'intera animazione abbastanza velocemente. Ho scelto di creare prima l'animazione e poi lavorare con gli interscambi. Quindi vai al frame 37, seleziona linea 6 e premere I. Iniziamo a muoverci linea 6 5 fotogrammi dopo linea 11 arriva a causa dell'effetto incandescente. Aggiungi due comportamenti di rampa al primo e all'ultimo punto di offset e impostalo come mostrato di seguito. I valori possono cambiare a seconda di come si creano le linee. Il punto importante è far ridurre la linea all'1% (sommare l'offset e ottenere il 99%. Qui 73 + 26 = 99) e nel punto giusto.
Ricalcola ogni comportamento in base a quanto lontano. il 26% uno per essere circa tre volte più veloce del 73% per ogni parte di avere la stessa velocità. Vai al frame 63, seleziona rampa 1 e premere O. Quindi andare al fotogramma 110, selezionare rampa e premi O.
Vai al frame 63, quando linea 6 attraversare Linea 1 dove vogliamo seguire questo, selezionare Linea 1 e premere O. Come abbiamo fatto prima, aggiungere due comportamenti di rampa come nel punto 25. Di seguito sono riportati i valori che ho usato. Ancora una volta li ritempriamo. Ho usato il frame 84 per rampa e il frame 238 per rampa 1 come punti.
Ripeti i passaggi 25 e 26 per tutte le linee. Puoi usare la mappa di riferimento per mostrare quando le linee si incrociano. Di seguito sono riportate le mie impostazioni per ciascuna riga e i relativi tempi.
linea 2: Inizio frame: 127; rampa fine frame: 161; rampa 1 end frame: 188;
linea 10: Inizio frame: 143; rampa frame finale: 289; rampa 1 frame finale: 292;
linea 7: Inizio frame: 213; rampa frame finale: 277; rampa 1 fine frame: 349;
linea 5: Inizio frame: 295; rampa frame finale: 465; rampa 1 cornice finale: 321;
riga 9: Inizio frame: 338; rampa frame finale: 436; rampa 1 frame finale: 438;
linea 8: Inizio frame: 376; rampa frame finale: 421; rampa 1 frame finale: 428;
linea 4: Inizio frame: 389; rampa frame finale: 524; rampa 1 frame finale: 404;
linea 3: Inizio frame: 529; rampa frame finale: 544; rampa 1 fine frame: 664;
Ora le linee sono ben sincronizzate, dobbiamo piazzare gli interscambi. Ancora una volta, usa la mappa di riferimento e ogni volta che una linea incrocia un interscambio, seleziona questa e premi I. Ecco come dovrebbe apparire la tua timeline.
Ripeti il passaggio 29 con i punti. Fallo riga per riga per evitare errori.
Un altro compito ripetitivo: dare a tutti i punti l'effetto luminoso. Selezionare l'effetto e i due comportamenti del primo punto, quindi premere il tasto opzione e trascinarli sul secondo punto. Vedrai che iniziano tutti allo stesso tempo, quindi dovrai trascinare il tuo rampa 1 copia sei fotogrammi in avanti per mantenere l'effetto funzionante.
Ripetere il passaggio 31 per tutti i punti e gli interscambi. Per farlo abbastanza velocemente, prima copia tutti i tuoi effetti e comportamenti e poi seleziona tutti i rampa 1 copia comportamenti facendo clic sul primo da selezionare e quindi, mantenendo premuto il tasto comando, fare clic su tutti gli altri comportamenti. In questo modo, puoi spostarli tutti contemporaneamente. Si dovrebbe fare con l'animazione della mappa. Riproduzione per verificare che tutto sia OK. Al fotogramma 135, dovresti avere qualcosa di simile.
Sotto il Linee gruppo, crea un nuovo gruppo e nominalo BG. Quindi vai in libreria (cmd + 2)> Generatori e trascina un gradiente nel tuo nuovo gruppo. Cambia la sua posizione Z a -5 quindi il riflesso attivo e imposta la riflettività al 44% e la quantità di sfocatura a 11 e impostala come mostrato di seguito.
Seleziona la tua fotocamera e impostala come mostrato di seguito.
Vai al primo fotogramma, seleziona la tua videocamera, vai ad aggiungere comportamento> movimento di base> percorso di movimento. Vai all'ultimo fotogramma per vedere tutta la tua rete e in vista frontale, sposta i due punti all'inizio e alla fine di linea 11. Non ha bisogno di corrispondere esattamente. Quindi vai al frame 32 e con il tuo comportamento selezionato, premi O.
Passare al frame 37 e ripetere il passaggio 35 con la riga successiva. Prima di spostare i punti, premi O. Questa azione individua il primo punto nello stesso punto dell'ultimo punto del tuo comportamento precedente.
Ripetere il passaggio 36 per ogni riga. Non dimenticare di ritemprare ogni comportamento prima di crearne un altro. Se hai bisogno di avere punti per qualsiasi percorso, tieni semplicemente premuto il tasto opzione e fai clic sul percorso. È possibile convertire l'interpolazione dei punti in lineare o lasciarli uniformi (per impostazione predefinita). Ecco il percorso che ottengo.
Vai al primo fotogramma, seleziona la tua fotocamera e nella visualizzazione della videocamera attiva, diminuisci la posizione y come puoi vedere un punto nero.
Vai un po 'prima della fine dell'animazione, attorno al frame 650, e crea un nuovo gruppo tra la fotocamera e il punti gruppo. Vai alla vista frontale e crea un rettangolo per mascherare l'intera mappa. Al termine, modifica l'opacità a 0% e la sua posizione a 0, 0, 0.
Seleziona la tua macchina fotografica, vai ad aggiungere comportamento> camera> inquadratura e quindi premi I. Trascina e rilascia il rettangolo nella finestra di destinazione della scheda comportamenti, modifica la transizione della posizione al 45% e la transizione della rotazione al 15% per mantenere la finale di l'animazione sullo schermo mentre la tua videocamera sta ruotando.
Vai all'ultimo frame, seleziona tutti i gruppi e premi O. Quindi vai ad aggiungere comportamento> movimento base> dissolvenza in apertura / chiusura. Quindi imposta la dissolvenza in entrata su 0 e la dissolvenza fino a 25 per ciascuna.
Vai su file> esporta (cmd + E) e scegli esportazione: film Quicktime, usa: film HDV 720p25. Quindi premere le opzioni ... Nella scheda di output, quella risoluzione è impostata su pieno, fotocamera: attiva la fotocamera, le riflessioni sono attive e rendono la qualità: migliore. Quindi premere OK e premere Esporta. È possibile utilizzare altre impostazioni in base alle proprie esigenze, ma assicurarsi di lasciare che le riflessioni si attivino se si desidera che vengano visualizzate nell'esportazione.
Beh, spero che ti sia piaciuto il mio primo tutorial su Apple Motion (in effetti è il mio primo tutorial in assoluto).
Accentsconagua