Photoshop Animation for 'Projection Mapping'

Taking my original learning of Photoshop animation I used it to create a 'projection map' of animations happening over the top of real-world objects so that it looked as though the animation was actually interacting with what it was being projected onto.

First of all I played around with drawing directly onto a subject and seeing how it could alter the look of the real-world model:

Then I took a picture of a real-world model that I knew would stay perfectly still and used that image as a reference to create my photoshop animation over the top of using the animation timeline. From this I was then able to line up the projection with my animation easily and play the animation over the object, having it appear as through the animation was interacting with it:
A beating heart gif that I drew, animated and projected onto myself
Picture that I took for reference of the animation in the video below

See the projection mapped animation over on YouTube: https://www.youtube.com/watch?v=d4orW7nQEgw&feature=youtu.be

Photoshop Animation

In lesson we learnt how to use the animation timeline to create a frame by frame animation and then export it into a gif. Below is my first attempt at doing so:
We got the template of a girl walking in a loop and I added, frame by frame, the fire ball which eventually sets her hair on fire. I had to be conscious of moving the flames to adjust to the bobbing of her body walking up and down.

Popular Posts

Follow me on Twitter

YouTube Channel