Slik bruker du ettervirkninger for Web Animation Prototypes

Hva du skal skape

I denne screencast-opplæringen skal vi prototype en app-UI-animasjon. Vi tar en Photoshop-oppsett, så ta den til liv ved å bruke Adobe After Effects. 

Prototyping grensesnitt med After Effects er en fin måte å utforske komplekse animasjoner, enten for egne eksperimenter eller presentasjon til en klient. Det er en veldig populær tilnærming i disse dager, og et raskt søk på Dribbble vil avsløre mange UI-animasjonseksempler, hvorav mange er laget med After Effects.

The Screencast

Du vil kanskje også abonnere på vår YouTube-kanal.

Eiendeler

Filene for denne opplæringen inneholder en rekke eiendeler, oppført nedenfor:

• Bilde fra unsplash.com
• iPhone 5-modell som jeg pleide å gjøre smarttelefonen mockup
• Kildefiler på GitHub

Ekstra ressurser

Hvis du er ny på After Effects, anbefaler vi en rekke innledende opplæringsprogrammer for å få deg opp til hastigheten med After Effects grunnleggende:

• Velkommen til After Effects - En 10-delers begynner-serie av Dave Scotland

Hvis du er interessert i å få litt hjelp med After Effects-prosjektet, har Envato Studio en flott samling av Video After Effects-tjenester som du kanskje vil utforske. Du kan også ta en titt på After Effects Project Files på Envato Market.