So verwenden Sie After Effects für Web-Animationsprototypen

Was Sie erstellen werden

In diesem Screencast-Tutorial werden wir eine App-UI-Animation prototypisieren. Wir nehmen ein Photoshop-Layout und beleben es mit Adobe After Effects. 

Durch das Prototyping von Schnittstellen mit After Effects können Sie komplexe Animationen erkunden, entweder für Ihre eigenen Experimente oder für die Präsentation an einen Kunden. Heutzutage ist dies ein sehr beliebter Ansatz. Eine schnelle Suche in Dribbble zeigt eine Fülle von Animationsbeispielen für die Benutzeroberfläche, von denen viele mit After Effects erstellt wurden.

Der Screencast

Vielleicht möchten Sie auch unseren YouTube-Kanal abonnieren.

Vermögenswerte

Die Dateien für dieses Lernprogramm enthalten eine Reihe von Elementen, die unten aufgeführt sind:

• Bild von unsplash.com
• iPhone 5-Modell, das ich verwendet habe, um das Smartphone-Modell zu rendern
• Quelldateien auf GitHub

Zusätzliche Ressourcen

Wenn Sie noch nicht mit After Effects vertraut sind, empfehlen wir Ihnen eine Reihe von Einführungs-Tutorials, um sich mit den Grundlagen von After Effects vertraut zu machen:

• Willkommen bei After Effects - Eine 10-teilige Anfängerserie von Dave Scotland

Wenn Sie Interesse an einem After Effects-Projekt haben, bietet Envato Studio eine große Sammlung von Video After Effects-Diensten, die Sie vielleicht näher kennenlernen möchten. Sie können sich auch die After Effects-Projektdateien auf dem Envato-Markt ansehen.