Hur man använder efter effekter för webb animations prototyper

Vad du ska skapa

I denna screencast handledning kommer vi att prototyper en app UI-animering. Vi tar en Photoshop-layout och tar den till liv med Adobe After Effects. 

Prototyping gränssnitt med After Effects är ett bra sätt att utforska komplexa animationer, antingen för egna experiment eller presentera för en klient. Det är ett mycket populärt tillvägagångssätt idag, och en snabb sökning på Dribbble kommer att avslöja massor av UI-animationsexempel, varav många har gjorts med After Effects.

Screencast

Du kanske också vill prenumerera på vår YouTube-kanal.

Tillgångar

Filerna för denna handledning innehåller ett antal tillgångar, listade nedan:

• Bild från unsplash.com
• iPhone 5 modell som jag brukade göra smartphone mockup
• Källfiler på GitHub

Extra resurser

Om du är ny på After Effects rekommenderar vi ett antal introduktionshandledningar för att få dig i snabb takt med After Effects grunderna:

• Välkommen till After Effects - En 10 del nybörjarserie av Dave Scotland

Om du är intresserad av att få lite hjälp med ditt After Effects-projekt, har Envato Studio en bra samling av Video After Effects-tjänster som du kanske vill utforska. Du kan också ta en titt på After Effects Project Files på Envato Market.