Animating In Keynote

Creating a New Document Preview 02:41

Creating a new document is where it all begins. Let's open up Keynote and look at how to get started completely from scratch. We will set up the document to be the perfect canvas for bringing in our design elements without having to resize or adjust anything.

Autosave Preview 06:37

Autosave can be a confusing feature for those who are unfamiliar with it. Let's take the mystery out of it and look at how helpful it can be, along with a few warnings and workflow tips.

Interface Tour Preview 07:24

It's time for a tour around Keynote. We will look at the interface, where your tools are, how the inspector works, and how to get around quickly and smoothly.

Customizing the Toolbar Preview 02:40

The toolbar at the top of Keynote gives us quick access to commonly used tools and features. The problem is, Apple doesn't know what we want up there. Let's customize our toolbar to make it suitable for our workflow.

Quiz on the Basics

Exporting Assets from Sketch Preview 08:25

Sketch 3 is a very powerful and very popular UI design application for the Mac. Let's look out how to get our design assets out of Sketch so we can start dropping them into Keynote.

Quiz on Exporting from Sketch

Exporting Assets from Photoshop Preview 06:33

Photoshop is still the industry leader for UI design. Let's look out how to get our design assets out of Photoshop using the Generator tool so we can start dropping them into Keynote.

Quiz on Exporting from Photoshop

Exporting Assets from Illustrator Preview 04:29

For those of you Illustrator users out there, let's take a look at some of the challenges and opportunities when preparing your design to be brought over into Keynote.

Quiz on Exporting from Illustrator

Assembling Assets in Keynote Preview 08:05

Now that we have our assets set aside, it's time we start assembling our Keynote document. We will bring in our design elements as well as layer and position them properly. This is the tedious part but we will get it done quickly and put it in the past.

Creating and Styling Shapes Preview 07:03

Some elements are better off created in Keynote rather than being brought in from the outside. Shapes can have their styles, and proportions later animated with no loss in quality. That's definitely something to take advantage of.

Creating and Styling Text Boxes Preview 09:12

Much like shapes, text has some advantages when recreated in Keynote. The text is vector and looks very clean, making changes to text will be very easy, and using text boxes in Keynote, you gain access to additional animations that are text specific. So let's rebuild our text elements real quick.

Quiz on Designing in Keynote

Introduction to Builds Preview 05:52

We finally made it past the assembling phase. Now it's onto animated. Before we start making deliberate animation decisions, let's first talk about Builds and the role that they play in Keynote.

Adding Builds Preview 08:07

Now we are ready to start adding builds to our elements and making things animate onto the page. Using builds, we will determine how things appear and how quickly these things happen. This is a big big step.

Build Order Preview 02:45

Animating can get a little hectic when we have a lot of elements. By default, our builds animate in the order that we add them to the document. This doesn't have to be the case. We can rearrange our builds at any time to be absolutely sure that we get things to flow the way we want them to.

On Click, Build After, and Build With Preview 07:05

Some builds need to happen one after the other in sequence, but many need to happen at the same time. Especially in an opening animation, many things will be happening at once. Here we take a look at the three options we have for sequencing our animations together or separately.

The Magic of Magic Move Preview 07:06

More often than not, between two screens, things may move around but still be visible. Here we take a look at one of the most powerful features of keynote, Magic Move. Magic Move allows us to animate the changes between two design comps with little to no effort whatsoever. It really is like magic.

Reverse Magic Move Preview 02:01

Since Magic Move is so very powerful and so very automatic, let's do a quick trick to make things animate back to the start.

Quiz on Animating

Timing the Presentation Preview 02:25

We've got our builds and transitions set, but it's not all automatic. We've set a number of our builds to happen automatically, but the transitions are still waiting for our click. While it's possible to set this timing to be automatic, it can be much more natural to record the timing by clicking through our presentation in real time. Let's get our timing dialed in.

Exporting the Video Preview 02:15

You've done it! All of your animation is set and all we need to do now is produce our Quicktime video. Let's take a look at the export settings that yeild us the best result possible.

Creating the Mockup Preview 02:36

Our video is finished! Now let's add some extra polish by making it look like it's playing on an actual iPhone sitting on a desk. This is the type of thing that really brings your presentations to the next level. And it's very, very easy.

Quiz on Exporting

Conclusion Preview 00:59

You made it! Congratulations on completing the course and thank you for being a part of it. You are the reason I do this and I hope your work is never the same.