After Effects gebruiken voor webanimatie-prototypen

Wat je gaat creëren

In deze screencast-tutorial gaan we een app-gebruikersinterface-animatie prototypen. We nemen een Photoshop-lay-out en brengen die vervolgens tot leven met Adobe After Effects. 

Prototyping interfaces met After Effects is een geweldige manier om complexe animaties te verkennen, zowel voor uw eigen experimenten of voor de presentatie aan een klant. Het is tegenwoordig een erg populaire benadering en een snelle zoekopdracht op Dribbble onthult veel UI-animatievoorbeelden, waarvan er veel zijn gemaakt met After Effects.

De Screencast

Misschien wil je je ook abonneren op ons YouTube-kanaal.

Middelen

De bestanden voor deze zelfstudie bevatten een aantal items, hieronder weergegeven:

• Afbeelding van unsplash.com
• iPhone 5-model dat ik gebruikte om de smartphone-mockup weer te geven
• Bronbestanden op GitHub

Extra hulpbronnen

Als After Effects nieuw voor je is, raden we je een aantal inleidende zelfstudies aan om je op de hoogte te brengen van de basisprincipes van After Effects:

• Welkom bij After Effects - A 10 Part Beginner's Series van Dave Scotland

Als je graag hulp wilt bij je After Effects-project, heeft Envato Studio een geweldige verzameling Video After Effects-services die je misschien graag zou willen verkennen. U kunt ook een kijkje nemen naar de After Effects Project Files op Envato Market.