How do you put a magazine cover into motion?

I collaborated with Stephen Sklocky of Sports Illustrated to concept a new style of motion design for animating the front covers of the magazine for social media.

COV0225.LO.jpg
cover01_attempt_05.gif

 

The Process

ITERATIONS 1 & 2

These first two tries are choppy and boring to watch — they’re either too long or too short, and viewers won’t want to engage with either. The timing had to be much tighter, the motion much smoother, and the overall visual more engaging.

 
cover01_attempt_01.gif
cover01_attempt_02.gif

 

ITERATIONS 3 & 4

The next two tries begin messing around in 3D space, applying subtle zooms and even the effect of a magazine cover closing over. Skalocky and I agreed that this was the right direction to be moving in, but that the motion could still be smoother.

 
cover01_attempt_03.gif
cover01_attempt_04.gif

 

FINAL STYLE

The final style incorporates a very subtle 3D motion, with the background settling backwards and the main subjects growing slightly larger in each cover. The “Sixers” cover was edited for practice over the course of a couple of weeks, but “The Gamble” was edited on a 2-hour deadline the night the before the magazine was published.

 
cover01_attempt_05.gif
SI_Jets_final.gif