A ARTE DE GUACIRA SAMPAIO ROCHA 2008

Animating your images with
"Page Curl"

 

You'll need Paint Shop Pro7 and its complement,
Animation Shop.

(if you want to have the images that were used in this tutorial, catch them here: )


Follow the steps:

1
Open your images, in the GIF format, in the Animation Shop. In our example we will barely
use three images as a base to produce our animation and guarantee a reasonably light movie in the end of the work - to complete the first step of this work, open the Animation Shop, click on File/ Animation Wizard and follow the indications, screen to screen: "same size as the first image frame, and Advance/ Opaque, and Advance/ Upper left corner of the frame, With the canvas color, and Advance/ Yes, repeat the animation indefinitely, 30, and Advance/ Add Image - by clicking on this command you will be in conditions to locate and select the three images that will be our animation base; to do that, begin by selecting the third one, the second one and finally the first one, in that order; click on Advance and Conclude. Your work area, in AS, will be like this:

2
Clique on the animation first frame (barely on the first one), to select it; in succession, in the menu bar, click on Effects/ Insert Image Transition - in the screen that opens, do the configurations as follows:

3
In the screen above, notice the "Customize" button, that will offer you the possibility to define the page curl position. Take a look:


4
At this point our animation fulfilled the first phase, but is still crippled - barely the two first images, the blue balloon and the yellow one, will be functioning as we desire - unfortunately the yellow balloon is not communicating itself with the following image, the green balloon, to carry out the page curl; to correct that, let's to the second step: in your animation, click on the last frame from the image of the yellow balloon to select it; we will then make the yellow balloon communicate with the green balloon (the third image). Confer the print in reduced size, where the selected is the frame 9 ("F:9"):

5
Continuing, repeat the above procedures (
click Effects/ Insert Image Transition), just to create an animation between the last frame of the yellow balloon and the green balloon - you will have a better animation, in this way.

6
And now, is it finished? Click on "View/ Animation" to test the movie. We will verify, then, that our movie is still crippled - there's not the last part: the animation of the green balloon being 'curled' over the blue balloon, to avoid that undesirable 'stop' at the end of the animation's movement. If you followed all of this tutorial's steps over here, knows well from what I'm talking about. And then, what do we do? Follow the next step!

7
Click on the first animation frame to select it (the frame that initiates the animation: the first blue balloon). Notices that the animation, at this point, created an extra frame identical to the first one from the blue balloon, and shows it next to the other one. In succession click in Edit/ Cut to copy that frame to the Clipboard, at the same time that you delete it from the animation.

8
Locates the last animation's frame, more exactly the frame with the green balloon, that is isolated down there, and without 'communication' with no other frame, and click on it with the mouse secondary button; in the menu that opens, choose the option "Paste/ After Current frame" - the frame with the blue balloon will be inserted in the movie, as the last animation's image. Click on the frame previous to this, more exactly in the last green balloon's frame (to select this frame), and do the same procedures you did before to curl the green balloon over the blue one.

 

9
Oh... Now yes! Our movie runs nice and complete! But it still can be better... Look how it is: make a revision in all the animation's frames , and delete (click on the frame to select it and press the 'delete' key), all those frames that in the change between the colors of the balloons, are duplicated - they are unnecessary to the animation itself, and still leave it much more heavy as desirable. In fact, the kind of frame that uses to be duplicated is always similar to the frame "F:16", blue balloon, that can be seen in the 'print' above. Test the results by clicking on "View/ Animation".
Look below the partial take from the animation in reduced size , where the duplicated frames were highlighted (with blue borders) and selected for exclusion:

Your movie is ready! And was worth the effort, wasn't it? Save your work as GIF.

Tip: if you want to improve the time delay for the first frame of each new image, set a bigger time amount for that frame: click on the frame with the mouse secondary button/ Frame properties and define, in the screen that opens (see the graphic down) a bigger numeral in the adequate field. Look graphic down, and after, an example of the same movie with the 'stop' between the new images.

the graphic


the movie

Liked? Hands in work and...

Have fun!

Guacira Sampaio Rocha
rights reserved
previous next

Voltar back to tutorials



home
galeria
arte virtual
scripts
Página 2
links
imagens digitais
guestbook

 

A ARTE DE GUACIRA SAMPAIO ROCHA 2008