|
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!!!.
|
 |
|