Animazione Behaviors in Motion Project

• Aprile 30, 2024

Ora che abbiamo importato il nostro Photoshop a strati^R immagine nel nostro movimento^R progetto, siamo pronti per creare un'animazione con luci lampeggianti. Disegneremo alcuni cerchi colorati che poi animeremo per lampeggiare usando i comportamenti di movimento.

Abbiamo già un bell'effetto Boken nella grafica di sfondo ma è statico. Sarebbe bello aggiungere un'animazione sottile. Dopo aver testato il sistema di particelle Bokeh preimpostato di Motion, ho deciso che l'animazione era troppo. Così, ho deciso di sovrapporre alcuni cerchi colorati, abbinando il colore della luce sottostante. Quindi aggiungendo i comportamenti Glow Filter, FadeIn / FadeOut e Grow / Shrink, abbiamo una bella animazione intermittente.

1. Sposta la testina di riproduzione all'inizio della linea temporale e rinomina il livello Gruppo in "Luci".
   
   
2. Con il livello Luci selezionato, usa lo strumento Cerchio per disegnare un cerchio su una delle luci Bokeh. Otterrai un nuovo sottostrato chiamato Cerchio sotto il livello Luci. Rinomina questo livello in "Cerchio 1".
   
   Vogliamo che la luce lampeggi una volta più di 1 secondo sulla linea temporale.
   
   
3. Trascina il bordo destro del livello Cerchio 1 a sinistra sulla linea temporale fino a quando termina nella posizione di 1 secondo.
   
   Per impostazione predefinita, il nuovo cerchio è bianco. Cambiamo il colore in modo che corrisponda alla luce sottostante.
   
   
4. Con il livello Cerchio 1 ancora selezionato, vai a Impostazioni - Forma e cambia il colore del cerchio in modo che corrisponda al colore della luce sottostante.
   
   
5. Per ammorbidire il bordo del cerchio, impostare il parametro Feather su 5.0.
   
   Ora aggiungiamo il primo comportamento che è il comportamento FadeIn / FadeOut.
   
   
6. Con il Cerchio 1 ancora selezionato, vai a Libreria - Comportamenti - Movimento di base - Dissolvenza in entrata / dissolvenza in uscita. Fai clic su questo comportamento e poi fai clic sul pulsante Applica. Vedrai il comportamento FadeIn / FadeOut aggiunto come layer secondario al layer Circle 1.
   
   Riproduci l'animazione e dovresti vedere il cerchio svanire dentro e fuori, come se la luce Bokeh lampeggiasse. Aggiungiamo un altro comportamento al livello Circle 1. Il comportamento di crescita / riduzione dovrebbe aggiungere più realismo all'animazione.
   
   
7. Con il livello Cerchio 1 selezionato, vai alla Libreria - Comportamenti - Movimento di base - Cresci / Riduci. Fai clic sul pulsante Applica. Dovresti vedere il livello di comportamento Crescita / Riduzione aggiunto sopra il primo comportamento.
   
   

Esempio di tutorial:


Copyright 2018 Adobe Systems Incorporated. Tutti i diritti riservati. Le schermate dei prodotti Adobe sono state ristampate con l'autorizzazione di Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Catalyst Flash e Flash Paper è / sono [a] marchi registrati o marchi commerciali di Adobe Systems Incorporated negli Stati Uniti e / o in altri paesi.

Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie e Mac sono marchi di Apple Inc., registrati negli Stati Uniti e in altri Paesi. CoffeBreakBlog è una pubblicazione indipendente e non è stata autorizzata, sponsorizzata o altrimenti approvata da Apple Inc. Schermate utilizzate su autorizzazione.

Istruzioni Video: Apple Motion 5 Tutorial: Animating a Pop-Up City (Aprile 2024).