How to make an animated zoom-in photo!

Introduction

This page describes how to make an animated GIF of an zoomed in photo.
Warning: this might take a lot of time!


Example: My son Jochem in a zoom animation...




Step 1: Make a photo containing a person holding a frame.
It is wise to take a clear frame, not having a print or so.




Step 2: Use a photo editor to make the frame rectangular.
Ofcourse, you can keep the frame in perspective, but it will cost a lot of extra effort to place the resized picture inside the frame! Watch these pictures exactly to see the difference:
   



Step 3: Determine exactly what resize factor is necessary.
I did this step the following way:
* I measured the size of the inside of the frame
* I cut out of the original picture exactly the double of the frame size

These were the dimensions I used (determined by innerside of frame):

The offset of the frame from the corner of the outside picture is irrelevant; but the ratio of the frame vs the outside picture is very important! Just try to keep it easy (e.g. doubling the side size, like I did).



Step 4: Downsizing the original picture.
My rescale factor was easy: just half of the original size.
Indication of the downsizing process:
       



Step 5: While combining, adjust the details.
In my case, I had to make sure that the fingers on the frame weren't overwritten when combining the pictures. I used some freehand selection to cut out the fingers and pasted them seperately.




Step 6: Repeat the downsizing + combining until the smallest picture is nearly invisible.
In my case, I downsized approximately 10 times. Click it to see the big version.




Step 7: Calculate the shrinking coordinates.
Now you really have to know in how many steps the cycle must be completed. At first, calculate in linear steps the coordinates of the piece to be cut out. I used even an Excel sheet to calculate them.
Here you see the schematic of these coordinates + the excel file.
  




Step 8: Cut out the shrinking rectangles as calculated.
I will just show four small images of what I mean here.
        



Step 9: Resize the pictures to the SAME required size.
Determine how big the animated picture should be and resize all pictures to those dimensions.
        



Step 10: Generate the animated GIF.
Save all pictures in a portable format (e.g. .GIF) and use a tool to generate the animated GIF. I personally used UNFREEZE, a free tool. See the website URL.




Step 11: Include it in your website as if it was a normal picture and ENJOY!!!.