Animation 1 : Rotation

This is the simplest animation using technique of selection and layer. If you know more trick of selection and layer’s technique, you will make it faster and easier. This procedure is based on the simple ways :

1. Open the raw file. Since animated file will spend more memory, don’t make a big size image. Change the size to be smaller.
   

   raw image

2. Make selection to the mollen (propeller) you want to animate. Do copy and paste. Repeat four times, so you will have four layers.
   

   4 layers

3. Make the four new layers invisible by click oout the “eye icon”. Now you work with the background one. Double click so that it become a layer.
   

   make invisible

4. Set foreground color to be the same color with “the sky” behind the mollen”.
   

   click to set foreground color

   

   put color picker in the

   

   click ok

5. With brush, cover the original mollen. You can make correction also with brush paint.
   

   brush the mollen

6. Make layer 1 visible. Also layer 2. Make selection to layer 2 in the layer panel
   

   selection-in-layer2

7. Back to the canvass, bring the mollen of layer 2 exactly on the top of molen layer1. Click menu Edit -> transform -> rotate. You will see a small circle in the center of the square, that is the center of rotation. Drag it exactly on the top of the center of the mollen.
   

   center of rotation

8. Bring your mouse out of the square, it will change to a curve. While pushing “shfit” botton, move clockwise direction two times. (It automatically 15 degree each movement). To apply it you have to click the move tool.
   

   rotate

9. Do the similar way to layer 2, 3 and 4 so that you have like this.
   

   all have been rotated

10. Click menu Windows -> animation, to get animation frames panel.
11. Duplicate frame three times so that you have four frames.
    

    duplicate animation frame

12. Select first frame, the make layer 2-3-4 invisible
13. Select second layer, make layer 1-3-4 invisible
14. Select third frame, the make layer 1-2-4 invisible
15. Select fourth layer, make layer 1-2-3 invisible
16. Select all frame (click +”ctr). Click a small arrow to set the timing of the frame, choose 0.2 sec). You can preview your animation by click the play arrow.
    

    set animation speed

17. Now your animation is ready.
18. This time you will safe it as gif. Go to menu File à Save for Web and Device.
19. In the dialog box, choose to save as GIF
20. click ok. This is the one :
    

    animated windmollen

Again, make notes whatever you have learned from this session.

Then, as exercise, download this image

raw image

and animate it as this final result – or you may add with your own creativity:

animated