WELKOM, ik ben Jop van der Kroef, freelance UX & UI Designer werkzaam vanuit HAARLEm.

Creating a youtube animation in Adobe XD

Creating a youtube animation in Adobe XD

STUDIO EXPERIMENTS 🧪

How to design and animate a full youtube intro animation in Adobe XD…

disclaimer: it makes zero sense… none, at all. – It’s just fun.

 

SOFTWARE

 
 

why would you do that

Starting projects, creating work within a certain function of software gives me the opportunity to learn it’s possibilities and limits in a fun, easy and fast way.

A couple of random thinks i’ve learned:

  • Layer management has to be on point, does not work if your layer names or rank switched.

  • Timing and transition in animation could be improved

  • changing shadows and colour during animation is disastrous

  • Key colour also knows as ’chroma key’ or greenscreen works when using your exports in After Effects or other editing software.

 
 

The results

Intro animation

 
 

chapter transitions

 

overlay ticker or bar using key colour

 
 
 
The magic of custom hoverstates

The magic of custom hoverstates

Interface design voor PhotoArchives

Interface design voor PhotoArchives