Cool effect combining layers, shapes and movement in Apple Keynote [Tutorial]
On this slide, I want to reveal a shape in 3 stages and label each stage as we go along. It looks like a simple slide but the animation is a bit more complicated than the finished result makes it seem.
I use a lot of different techniques as I build this slide so even if you are not trying to achieve the exact same result as me, you can still pick up some useful tips and techniques.
The full tutorial is 30 minutes long but I have broken it up into 53 very short sections so you can just dip in and out as you want.
You can even see me make some rooky mistakes along the way.
00:00 What I want the slide to do for me
00:32 A quick demo of the slide
01:00 Using the built in objects in Apple Keynote
01:45 Drawing a shape with the pen tool
05:05 Using and rotating a ready made shape
05:42 Tweaking the shape I drew
06:01 Using the group tool
06:45 Why the wipe transition wouldn't work for me
07:20 Using a shape to reveal another shape
08:03 Using actions to animate the movement of a shape
09:22 A quick test to see if it is working
10:13 Adding another action
11:17 Build order and timings for the actions
11:30 Using acceleration (easing in and out)
12:33 Another quick test to see if it is still working
12:49 Adding a target shape to symbolise the destination
13:20 Lining up the new shape with the arrow point
13:58 Layers are the key to everything (The object list)
14:30 Deciding how to animate the target shape
14:40 The first problem shows up
15:02 Fixing the problem - using the animation ghost images
15:35 Actually animating the target shape
15:50 Setting the build order for the target shape
16:14 Testing the animation
16:31 My OCD kicks in
16:45 Making the locator pin move with the shape reveal (using the move action)
17:42 Setting the build order for the move action
17:59 testing the animation - 2nd problem shows up
18:12 Solving the timing problem
18:28 More OCD
18:40 Add more move actions to the locator pin
19:12 Fading out the locator pin with an opacity action
19:49 Setting the build order for the new locator pin actions
20:40 Testing the animation again - Timing problems
20:57 Fixing the timing problems
21:31 testing yet again - better but still a timing issue
21:45 My slow brain finally spots the problem
22:28 Yet another test - Success!
22:38 Adding some text labels
23:31 Animating the text
23:49 A quick tip about animating white text
24:28 Duplicating objects carries the animation over to the new object
25:21 Setting the build order for the text animation
25:49 Testing the text animation - success!
26:09 Adding some lines
27:54 Animating the lines using the line draw build-in
28:24 A quick test of the line draw animation - success!
28:47 Set timings for the line draws (select lines using the object list)
29:04 I get cocky and think I am finished - Fail
29:23 Sorting the build order for the lines
29:44 This time I really do think I am finished - Reputation goes up in smoke
29:55 A quick layer adjustment to redeem my credibility
30:01 This time I am absolutely sure it is all working - Hurrah!
#PresentationDesign #PresentationTips