Imparate le basi dell’animazione in Adobe After Effects. In pochi passaggi facili da seguire, faremo lampeggiare un occhio in un’immagine statica.
Potrete utilizzare questa tecnica per creare altre semplici animazioni.
Guardate questo video o seguire la guida passo passo qui sotto.
Per questo tutorial, abbiamo utilizzato l’icona Staring Contest. Tuttavia, potete utilizzare qualsiasi immagine simile della vostra.
Quello che faremo è sostituire l’occhio del personaggio a sinistra con una forma animata. Nasconderemo l’occhio esistente in seguito. Ora ci serve solo come riferimento: per segnare il centro per la nuova forma.
Posizionate le guide al centro dell’occhio.
Scheglete lo strumento Rettangolo arrotondato, disegnate una forma e posizionatela dove dovrebbe essere.
Regolate le proprietà del rettangolo per renderlo rotondo e della stessa dimensione e colore dell’occhio originale. Ora potete nascondere o eliminare l’occhio originale. Non ne abbiamo più bisogno.
Con il nuovo occhio selezionato, impostate tre fotogrammi chiave sulla timeline.
Selezionate il secondo fotogramma chiave e regola le dimensioni dell’occhio per renderlo semichiuso.
Quindi, abbiamo tre fotogrammi chiave con l’occhio aperto, semichiuso e aperto di nuovo.
Ora aprite il grafico della velocità usando il pulsante mostrato nella figura seguente.
Per rendere l’animazione più realistica, giocate con il grafico della velocità fino a ottenete il risultato desiderato. Il nostro grafico era simile a questo.
Questo è tutto. Il vostro occhio lampeggiante è pronto.
Discover how machine learning can automate tasks, generate design inspiration, and optimize collaboration.
Discover the power of the first and only AI image generator made by professional artists.
Essential tips for team managers and members to enhance collaboration, improve communication, and achieve exceptional…
Discover top Figma plugins to streamline your workflow, enhance visuals, and add creative flair to…
Learn how to manage visuals in blog posts to optimize them for SEO in this…
Unraveling Figma’s pricing structure: tips to avoid hefty bills and save money. (more…)
This website uses cookies.