How bruke After Effects for web animasjon Prototyper
Hva du skal lage

I denne screen opplæringen vi kommer til å prototype en app UI animasjon. Vi vil ta en Photoshop layout, deretter bringe den til liv ved hjelp av Adobe After Effects.

Prototyping grensesnitt med After Effects er en flott måte å utforske komplekse animasjoner, enten for dine egne eksperimenter eller presentere til en klient. Det er en veldig populær tilnærming i disse dager, og et raskt søk på Dribbble vil avdekke masse UI animasjon eksempler, hvorav mange har blitt gjort med After Effects.

The Screen

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

eiendeler

filene for denne opplæringen inneholder en rekke eiendeler, er oppført nedenfor.

Bilde fra unsplash.com

iPhone 5 modell som jeg brukte til å gjengi smarttelefonen mockup

Source filer på GitHub

Ekstra Resources

Hvis du er ny på After Effects vi vil anbefale en rekke innledende opplæringsprogrammer for å komme deg opp til hastighet med After Effects grunnleggende:

Velkommen til After Effects - en 10 Part nybegynners serien av Dave Scotland
< p> Hvis du er interessert i å få litt hjelp med After Effects-prosjektet, har Envato Studio en stor samling av video After Effects tjenester som du kanskje har lyst til å utforske. Du kan også ta en titt på After Effects Project Files på Envato Market.