Aggiungere grafica reattiva agli elementi grafici

Ultimo aggiornamento il 27 mar 2026

Crea composizioni flessibili in Adobe After Effects utilizzando gli strumenti Responsive Design per adattare i layout a diverse proporzioni e formati senza ricostruire le animazioni.

La funzionalità Responsive Design - Time consente di creare grafica animata adattiva. La funzionalità consente l'allungamento temporale adattivo quando una composizione è nidificata o esportata come modello di grafica animata.L'allungamento temporale adattivo significa che le aree protette si animano nella stessa quantità di tempo, anche se allunghi temporalmente le aree non protette.

Puoi proteggere le introduzioni, le conclusioni e qualsiasi area arbitraria di una composizione, salvare i modelli responsive design e riutilizzarli in diversi progetti per evitare duplicazioni e ritempificazioni.

Con questa funzione, l’animazione si adatta alla grafica o alla sequenza e si trasforma in base alle modifiche apportate. In questo modo potete creare animazioni complesse e modelli di grafica animata di cui è possibile eseguire il retiming per allinearsi a una sequenza di un progetto.

Ad esempio, crei un lower third e animi la dissolvenza in entrata/uscita, e aggiungi responsive design-time. Il responsive design preserva il tempo di animazione indipendentemente dal fatto che la durata della clip sia estesa o tagliata.

Comprendere la funzione Grafica reattiva - Tempo

Per illustrare il problema, prendete l’esempio seguente:

Create un’animazione testuale con una dissolvenza in apertura/chiusura e l’animazione deve essere lunga quanto la sequenza. L’animazione comprende due parti di testo che si dissolvono in apertura su uno sfondo nero.

Aggiungete la stessa animazione a una sequenza diversa. Ogni elemento dell'animazione, come la dimensione del font e il tempo di inizio e fine della dissolvenza in entrata/uscita, dovrebbe corrispondere alla sequenza. Un modo è duplicare l'animazione per farla corrispondere alla lunghezza della sequenza. Tuttavia, questo approccio può richiedere molto tempo poiché devi spostare i fotogrammi chiave dell'animazione per allineare la dissolvenza in entrata/uscita con la sequenza.

Qui puoi utilizzare Responsive design – Time.Puoi proteggere le aree di dissolvenza in entrata/uscita (che comprendono fotogrammi chiave) ed estendere l'animazione. Questo collega le aree alla sequenza, e il tempo che impiegano per animarsi rimane inalterato anche quando allunghi temporalmente l'animazione per farla corrispondere alla lunghezza della sequenza. Una volta eseguito il collegamento, l’animazione si adatta in modo dinamico alla lunghezza della sequenza.

Applicare la funzione Grafica reattiva - Tempo

Potete applicare Grafica reattiva - Tempo in tre modi:

Opzione 1:

Nel menu Composizione, selezionate una delle opzioni dal sottomenu Grafica reattiva - Tempo:

  • Crea intro: crea un’area protetta per il 15% della durata della composizione, a partire dal primo fotogramma della composizione.
  • Crea outro: crea un’area protetta per il 15% della durata della composizione, fino all’ultimo fotogramma della composizione.
  • Crea area protetta da area di lavoro: crea un’area protetta con punto di inizio e punto di fine allineate alla barra dell’area di lavoro. Le aree protette sono evidenziate in blu.

Opzione 2:

Trascina la barra dell'area di lavoro per selezionare la regione da impostare come area protetta.Fai clic con il pulsante destro sulla barra dell'area di lavoro, quindi seleziona Crea area protetta dall'area di lavoro.

Opzione 3:

Fai clic sull’icona marcatore nella parte destra della timeline e crea un marcatore composizione.

Nel pannello Timeline, fai doppio clic sul marcatore per aprire la finestra di dialogo Marcatore composizione e imposta una durata e abilita l'opzione Area protetta.

Aggiunta dell’animazione a un’altra composizione

Una volta impostate aree protette, outro e intro delle animazioni, potete aggiungerle a diverse composizioni o sequenze.

Per illustrare il processo, consultate l’esempio seguente:

  • Assegnate un nome all’animazione con aree protette, ad esempio, Comp A.
  • Assegnate un nome alla composizione a cui aggiungere l’animazione, ad esempio, Comp B.

Aprite Comp B nel pannello Timeline.

Nella Timeline, trascina e posiziona Comp A sopra Comp B.

La Timeline mostra le regioni protette ombreggiate in blu.Prendete il punto finale di Comp A e trascinatelo in modo che corrisponda al punto finale di Comp B.

Quando mostri l'anteprima della comp, le aree protette nell'animazione impiegano la stessa quantità di tempo per animarsi, e solo le aree non protette vengono allungate.

Utilizzo della composizione nidificata con più aree protette

  • Quando trascini i punti In e Out di una composizione che ha una o più aree protette, ed è nidificata in un'altra composizione, allungherà temporalmente la composizione invece di tagliarla. La funzione conserva la durata delle aree protette. Ad esempio, quando dilatate il tempo di 5 secondi per una clip con aree protette di 2 secondi, per renderla di 10 secondi, la durata delle aree protette rimane di 2 secondi.
  • Per tagliare il punto di attacco o stacco del livello invece di effettuare la dilatazione temporale, tenete premuto il tasto Opzione (macOS) o Alt (Windows) e trascina i punti di attacco e stacco.
  • Le aree protette sono marcatori composizione con l’opzione area protetta attiva, con diverse icone maniglia per semplificare l’identificazione delle stesse. I marcatori dell'area protetta si comportano allo stesso modo degli altri marcatori composizione, ad eccezione del fatto che quando nidifichi una composizione con aree protette, tali marcatori non possono essere modificati. Al contrario, la barra livello per composizione nidificata è colorata in modo da indicare le aree protette.
  • Se modificate un’area protetta dopo aver nidificato una composizione, il marcatore area protetta del livello di composizione nidificato non viene aggiornato automaticamente. Per aggiornare i marcatori in un livello di composizione nidificata, selezionate il livello e scegli Livello > Marcatori > Aggiorna marcatori dalla sorgente.
  • Potete inoltre accedere all’opzione Area protetta mediante lo scripting o le espressioni utilizzando l’attributo protectedRegion dei marcatori composizione.

Esportazione di una composizione con aree protette come modello di grafica animata

Quando esporti una composizione con aree protette come Modello di grafica animata e la aggiungi a una sequenza in Premiere, puoi regolare la durata direttamente senza eseguire la rimappatura temporale.

Potete trascinare i punti di attacco e stacco della clip per estendere il tempo della composizione anziché tagliare il punto di attacco o stacco. La durata delle aree protette viene conservata.

  • Quando esporti una composizione contenente audio come Modello di grafica animata, non si allunga in modo adattivo in Premiere.
  • Composizioni che utilizzano il modulo di rendering CINEMA 4D e contengono livelli 3D o che contengono un livello CINEMA 4D che utilizza l’effetto CINEWARE, potrebbero verificarsi problemi all’uniformità dell’animazione delle aree non protette quando il tempo della composizione è dilatato.

Aumentate la vostra produttività con After Effects

Create grafiche animate incredibili, animazioni di testo ed effetti di impatto visivo con Adobe After Effects. Grafica per film, TV, video e Web.