EXERCISE 2.

2 – SUNRISE ANIMATION

Exercise 3: Motion Graphic Cartoon Eye

CREATING THE CARTOON EYE
1. Open your MS PowerPoint and use a blank slide.
2. Click the Design tab and click Format Background. Change the color by clicking the fill color
icon and choose the Light Blue color. Close the Format Background Pane.
3. Go to Home tab and choose Oval shape in the Drawing group. Holding the Ctrl+Shift drag the
oval shape to your working area.

Figure 1. Step 2

Figure 2. Step 3

4. Click the Oval you’ve created, then click Format tab, click on Shape Fill and change the color to Gray, Accent
3. Go to Shape Outline and choose No Outline.

Figure 3. Step 4
Figure 4. Step 4

5. Press Ctrl+D to duplicate the shape and change its color to white. Bring it to the front of the lighter blue
shape and decrease its size from the bottom. Then select the two shapes. Press Crtl+Shift and drag the
shapes to the right.

Figure 6. Step 5 Figure 5. Step 5

EXERCISE 2.2 – SUNRISE ANIMATION

6. Select the two circles at the right and press Ctrl+G to group them together. Then Ctrl+Shift+Resize and rotate
the circle (see figure 8).

Figure 7. Step 6 Figure 8. Step 6

7. Select the small white circle and change its color into Blue, Accent 5, Darker 25%. Also change the outer
circle to color Blue, Accent 1, Darker 50%.
Tip: Try to ungroup the two circles if you’re having difficulty in selecting the shape and regroup it again.

Figure 10. Step 7 Figure 9. Step 7

8. After changing the color, just bring the small circles to the white big circle.

Figure 11. Step 8

9. Select the outer big circle, press Ctrl+D to duplicate, change its color to Dark Blue. Holding Ctrl+Shift
to reduce the size and place it inside of the small blue circle.

Figure 13. Step 9 Figure 12. Step 9

EXERCISE 2.2 – SUNRISE ANIMATION

10. Press Ctrl+D to duplicate and change its color to white.

Figure 14. Step 10

11. Click the small icon on your shape style group, change the transparency to 25%.
Ctrl+Shift+resize into smaller and place it on the upper corner of the small dark blue (see figure 15 below).

Figure 15. Step 11

Figure 16. Step 11

12. Select in inside circle and pres Ctrl+G to group them together.

Figure 18. Step 12 Figure 17. Step 12

13. Select all of the circle. Press Ctrl+Shift+drag to the right and it will duplicate.

Figure 19. Step 13 Figure 20. Step 13

14. Select all the circles and drag it to the middle of the slide.
EXERCISE 2.2 – SUNRISE ANIMATION

SELECTING ANIMATION
15. Select the inside circles of the left eye and click the Animation tab and select the Arcs effect from the motion
paths. Select the red arrow and change the path to the left of the small circle (see figure 21-23) Then resize it
from the bottom (see figure 24 and 25).

Figure 22.Step 15
Figure 21. Step 15

Figure 23. Step 15 Figure 24. Step 15 Figure 25. Step 15

16. Start the slideshow and you will see that the animation is working.
17. Click the inside circle on the left eye and set the start with After Previous, Duration is 01.75 seconds.
18. Click the Animation Painter and paste it on the small circle of the right eye. Then start With Previous.
19. Select the big gray circle of the left eye, Press Ctrl+D to duplicate and place it in the exact middle to cover the
whole left eye. Resize it a bit.

Figure 27. Step 19

Figure 26. Step 19

20. Got to Home tab and create a rectangle shape. Place it at the half way bottom of the circle. Select the two
shapes you’ve just created. Go to Format and click Merge Shapes dropdown box and then click Fragment.
Delete the rectangle shape. Then you will see that you have two half circle.

Figure 28. Step 20 Figure 29. Step 20 Figure 30. Step 20

EXERCISE 2.2 – SUNRISE ANIMATION

21. Selecting new created shapes, change the color by using the same color as the background. If there’s excess
gray circles, resize the blue circle to cover the gray.

Figure 31. Step 21 Figure 32. Step 21

Figure 33. Step 22-23

22. Select the upper object and then click Animations tab.
23. Add animation effect. From Motion Path select Lines.
24. From Effect option, select Up.
25. Holding the Shift key, drag the red arrow to the top.
Figure 33. Step 24

Figure 34. Step 25 Figure 35. Step 25

26. Keep it On Click and set the duration to 01.00 second.

27. Now click on Animation Pane to look on your animation.
28. Select the upper half circle again, click the Animation Painter and paste on the half circle below. From Effect
option, select Down. Change its starts With Previous and duration is 01.00 seconds
29. On your Animation Pane, select the two freeform:shape and press ctrl+shift+drag to the right side to cover the
right eye.

Figure 36. Step 29 Figure 37. Step 29

30. From your Animation Pane, select the 2nd – 4th Freeform:shape with animation effect and change it to start
With Previous.
31. Select the four Freeform:shape on your
Animation Pane and drag them to the top.

Figure 38. Step 31 Figure 39. Step 31

EXERCISE 2.2 – SUNRISE ANIMATION

32. You’re almost there. From the Animation Pane, click the first object with arc effect then click dropdown arrow
and then click Effect Options…
An Arc Down dialog box will appear and then check the Auto-reverse.

Figure 41. Step 32

Figure 40. Step 32

33. Do the same to the other arc object.

34. Save your work in your folder and use the filename: E3_LastName_FirstName.
35. Click Save Us and save your work again on your folder with the same filename above but this time save it as
MPEG-4 video.
36. Try to open your saved video file and set its setting loop to all loop or repeat (depends on your video
application)