Create Lottie animations for apps and the web in After Effects

After Effects logo

Create Lottie animations for apps and the web in After Effects

Lottie is a file format used in apps and on web pages to show high quality, light-weight, adjustable and scalable animations. Change static buttons and icons into engaging animated versions.

During this two-day training you’ll learn the whole workflow from importing vector graphics to exporting and testing your finished Lottie animations. You also get to work independently, building your own animations with help from Jarle when needed.

Learn the workflow, the smart little tricks and techniques, and all the necessary settings.

On-site training – or on Zoom/Teams

This is an on-site course, held at your companies’ premises. You must provide a room for the training, with a projector or big TV. Alternatively, it can be done online via Zoom or Teams.

Contents

  • Creating shapes from scratch in After Effects
  • Importing and converting vector graphics
    • Direct import from Adobe Illustrator
    • Import via Adobe XD
    • Parenting layers
    • Shy layers
  • Supported frame rates
  • Converting text to shapes
  • Keyframe animation of Shape Layers
  • Using Expressions
    • Converting Expressions to Keyframes
  • Plug-ins for Lottiefiles
    • Bodymovin
    • Lottiefiles
    • WP Bodymovin
  • Exporting animations to Lottiefiles
  • Compatible effects and methods
  • Apps and web sites for previewing Lottiefiles

 

Here are some sample Lottie animations.

[bodymovin anim_id=”3304″ loop=”true” width=”200px” align=”center”]
[bodymovin anim_id=”3301″ loop=”true” width=”200px” align=”center”]
[bodymovin anim_id=”3307″ loop=”true” width=”200px” align=”center”]
[bodymovin anim_id=”3310″ loop=”true” width=”200px” align=”center”]
[bodymovin anim_id=”3312″ loop=”true” width=”300px” align=”center”]

 

Prerequisites

You must know your OS (Windows eller MacOS) well, and manage to make folders, copy files, delete files, use keyboard shortcuts, etc. You must have the newest version of After Effects installed on your system. A free 7-day trial is OK.

Training that Jarle offers

 

About Jarle

Jarle Leirpoll headshot

Jarle Leirpoll

Jarle was trained as a videographer and video editor at NRK – the Norwegian Broadcasting Corporation. After 14 years as sound engineer/videographer/editor in the NRK, he started his own company where he makes documentaries and corporate movies. When he’s not doing training, writing articles or books, that is.

Jarle teaches film and video production at several universities, and he wrote the Norwegian book “Video i Praksis” (practical video production), which is now in its fifth edition.

Most of the courses Jarle offers are basic or intermediate training, but he has also trained experienced editors at NRK , MonsterSeefood, Strix,  Danmarks Radio, TV 2, SVT, Swedish TV4, Valve Media OyAito Media Oy, BBCDisney Channel and many others – even Adobe’s own employees! He has presented at international events like Adobe Video World, Adobe MAX, NAB, Post | Production World, and Editors Retreat.

He has also done training in Video Camera Shooting Techniques, Video Editing Theory, Podcast Production in Adobe Audition, Storytelling with Video, Green Screen Workshops, Lighting Workshops etc. for countless companies and organizations that use video on their Social Media channels, on websites, and for internal and external training videos and info films.

Jarle has written a book on advanced editing techniques Premiere Pro (The Cool Stuff in Premiere Pro) and a book on making Motion Graphics Templates in After Effects – for use in Premier Pro (Making MOGRTs). He’s also a beta tester for Adobe, and he’s an Adobe Certified Instructor and Adobe Certified Expert on Premiere Pro og After Effects. Jarle uses Premiere Pro, After Effects and the other Creative Cloud A/V apps for all his films and videos.

 

adobe-certified-instructor-creative-cloud-video-editing-solutions-badge        adobe-subject-matter-expert-creative-cloud-video-editing-solutions-badge

Adobe_Certified_Instructor_Adobe_Creative_Cloud_Video_Editing_badge
Certified_Instructor_After_Effects_CC_badge