Working with Motion
Ok, so let's, talk about motion just for a second before we actually get our hands dirty with that. So what does motion dio motion helps us to invoke certain emotions, right? So for example, these are some of the emotions that we can have motion in our slide, dex, invoke in us, so we can, we can look at something is being powerful, we can use motion to help support something to help enable something to help us, to communicate, to show that things were interesting and things like that, you'll notice that there's one right there for obnoxious, ok, the one thing I wanted to point out with this one is I'm a big believer that just because we can do something technically doesn't mean that we have to do something, okay, going overboard on anything is usually not a good idea, and the same applies with motion just because you can do it doesn't mean you should so there's a website that always comes to mind when I talk about this that goes back to the eighties and it's, this one here, if you guys...
remember this, right, this, this is a website that I don't remember the student's name, but it was a couple of students that got together, and they had a a bet, and that that was see who could have the most people visit their site between the two of them and the winner one pizza our dinner or something like that and so this one student said well I know how I could do that I could make it obnoxious like this and so this this student created the hamster dance okay, I think the website is still out there the hamster dance hamster dance dot com or something and there was some obnoxious audio that kind of went with it but the idea was she took something that could have been made simple and just made it really obnoxious and that's that's not what we're trying to do here with key note we want to make it simple we want to keep it subtle but still get our point across so nancy duarte is the author of several books and she also consults with different big big businesses on making slide decks and she had this to say about slide design she said the audience will either listen to you or reader slides they won't do both so the idea with that is the way that I look at using keynote and designing good slides is used slides too to essentially or to back up what what it is you're trying to convey so if I have a message and I'm trying to convey we should use slides to really um augment that or to support what it is we're trying to communicate so with that in mind let's go ahead and less lookit animations and motions so let's go ahead and switch over to my laptop so here I have a blank slide deck on my screen with keynote and we're going to drop in an image that I have here just an image of my logo is good and shrink that up and we're going to center that appeasing our linemen guides so it's right in the middle and we want to add a little bit of an introduction to this logo on this slide so the way that we do this is we go over to our editing pain on the right hand side and so far we've been in this class we've been working on how to form at these objects in these images there's another tab at the top of the tool bar for animation so we're going to click on the animation button and this is going to take us to our builds so apple calls animations builds so that's a term that you want to get from there with using so we want to add a bill to this object where we want to build this into the slide so down below in this section we have three types of animation's or motions for this object the way that it animates are built into the slide when it's on the slide we can we can force it to animate in a certain way to draw attention to it or to make it move and there's a way to build that out of the slide as well so in this case just to keep it really simple at first we'll go ahead and add in effect to build that into the slide to do that we click on the blue at an effect button and here were presented with lots of different animation types um they're broken down into categories so as you use that they will sort of dynamically build the first group which is recent effects so these are the ones that we use all the time which is really nice because if I use a couple of them all the time there at the top of the list and I don't have to go through the list and try and find them the first real section is is appear and move so this is just get it there you know sort of abruptly and make it appear um the second section is flipped spin and scale so it gets a little more exciting and then the last section is special effects so this is this is really exciting this is where a lot of the fun stuff can happen but I will go back to what I said earlier just because you can do something doesn't mean necessarily should be done so again we want to make it subtle and clean and we want to make sure it makes sense because if we do something that detracts the audience from what I am saying over here to this guy, then you know, we're kind of going against what meant nancy duarte's advices, which is, you know, the focus should be here with this supporting me, not the other way around. Ok, so in this case, just to give you an extreme example of what that could look like let's, go ahead and add, uh, see what's it good when we can add let's, d'oh, let's see if flame ok before I select this and commit this to our build, we can if you if you notice on the ring inside, has got a preview option, we can actually preview so let's do that on fireworks. So if we preview that we could preview without committing that to the object. So with the flame, we've already previewed it. We know what it looks like. We'll go ahead and select that when we selected, it also gives us another preview toe look at ok before we actually play the slide. Some of the options we have around that build is we can change the duration of that builds, so maybe we want to change that to a five and a half second builds, it'll take five and a half seconds for those flames to come in, engulf the image and then disappear so that will be a total of five and a half seconds, so in this case, I think we're good let's, go ahead and see what this looks likes will hit play now be default when we add a build to a graphic or an object, it will wait for us to click the next button on the keyboard around the clicker until it actually goes through that build. We'll talk about build timing in just a couple of minutes, but but that's the default action. So at this point, we don't see anything, I'll go ahead and click next and we'll see what happens so that's pretty cool, I kind of feel like the attention was on that, not me, which is ok because I wasn't talking anyway, but that's one of those things that the attention would definitely be on that then the attention would be on that first of all is because it's a little on the obnoxious side, but they're definitely times to use that, but also one of the things that I really appreciate about keynote and I said it before is that they're animations and there their graphics and their motion are really cinematic in quality if we go back and let's do this again, so I'm just going to hit back and forward again, you can see the quality in these flames. Is actually really, really impressive, so a lot of work has gone in for on their part to make these animations look really, really good let's go ahead and exit out and I do that by just hitting the escape key and let's change this animation to maybe something different, so we'll change it from flames to let's dio maybe a drift and scale we'll see what that looks like there's a preview will hit play and again it's gonna wait for us to advance so we'll go ahead in advance that and it took that same five and a half seconds because way change the type but we didn't change the timing on that so it's still a five and a half second bill time okay so that's building in an object into our slide let's talk about an action so the object is now on our slide we want to do something with it at this point. So to look at doing that we click on the action bar on the side and we click on add an effect now these air different effects it doesn't make sense at a flame effect for example in this case because the object is already on the display at this point we just want to draw everybody's attention to it so it's a different set of animations we have to work with so some of the more popular ones are maybe moved so this is just moving an object from this part of the screen over to this part of the screen that's a really subtle animation we could scale we could rotate capacity we could do things like blink so let's go into a preview of that ok so that's pretty straightforward it just hides and comes back we could do a balance okay that's not actually bouncing the way I expected let's go ahead and I'm going to remove that build in so let's change that back to none and let's go back into our bounds. Okay? So it's just like a kid that wants your attention right? I don't know about your kids but my kids they like to jump up and say dad, listen to me okay that's what we're doing here with the bounce when we can flip it that just says hey twirl around look at me jiggle that's a fun one uh pop so there's a lot of different options here so let's go ahead and let's see that flip option? I like that one so let's go ahead and play that and keep in mind I remove that build in build so we already have the object here well, go ahead and click next hey look at my great logo isn't that wonderful so it draws your attention into that object all right let's go ahead and remove that action and we'll talk about building out so building out, as you can imagine, is exactly like building in in reverse. Ok, so this is we have an object on the screen, we want to get rid of it now, so let's, go ahead and add an effect and these air all going to be the same types of animations that we were exposed to on the build in process because we can do the same thing just in reverse. So for example, if we want to use the flame since we've seen what that looks like building in, we use that same one so let's, go ahead and play this, and we have our image on the screen. I'll advance the slide catches on fire and it disappears, so that is building out now you can, you can't actually employ different builds on the same object, obviously so we can add a build in, so maybe let's do a it was through an iris build in and let's leave the action off and we'll do the build out so let's, go ahead and play that phillips. I apologize let's, change that to none, and then let's re ad the flame will talk about why we had to do that in just a second, so here we have no image we want that to build in the next animation is to build that back out again, okay? And we could do the same thing with actions. We could have something built in, have a decent action, and then have a build out again. Um, if I let me, let me show you one thing on the action that I think would be useful for you to see one of the action types that that I actually use quite a bit is the size and scale. So this is something where I want to draw your attention to something maybe a little bit larger on the screen, so let's, build that out like that, and we'll snap that to the middle and let's, go ahead and choose the scale option. Now, when we scale, we actually have the option of scaling that that object, as well as moving it all in one a same time. So in this case, the default setting is going to take that object and actually make it bigger. So in this case, we actually want to make it smaller and move it off to the side. So to do that, we you could see that we have the the more prominent version of the logo with over the smaller one, in this case is the base version of that logo, and then the lighter image, one that that has about fifty percent capacity is where it's going to be that's the target spot okay, so in this case it's going to get bigger and it's going to move off center a little bit so in this case we actually want to make it smaller so let's shrink that up and then we also want to move that path over to the top left corner ok, so in this case we're going to start with the larger image we're going to scale it down and move it all at the same time let's go ahead and d select that when we d selected that that target spot and the size will actually disappear to kind of hide that so we can work with other with other objects around them so let's go ahead and hit play so we have our building and let's go ahead and watch our action in action so that's that there are a couple things that we should know about those actions, especially with the with the move actions when we highlight the image we don't see that target spot by default we have to get to that we have to expose that again in order to do that we click on the red tilted square at the bottom the diamond so who click on that will now expose that target spot and we could make whatever changes we want at that point um one of the options that we have with specific to the move feature here is we can either go in a straight line, which is the default on the move, or we can actually have a go in and sort of a curved angle to do that. All we have to do is take our mouths and hovered around the line, and you'll notice, right in the middle. But there's a little white dot, you can imagine what we do if we move that white god, because we've seen that white dot and lots of other places throughout these applications. So we take that white dot let's move it down here like that and that's going to be our new path. So let's, go and play that and see what it looks like. Okay, so here's our building and let's go ahead and move that up to our new spot. So there's some really, really meet ways that we can do that. There's actually, some slides will talk about later in this class and in some other classes where I use these moves and scales and paths and some of these actions so let's, go ahead and change that will remove those builds and let's talk about build timing so with build timing. The more objects we have on a slide and the more animations we have it can be a little confusing because we want we want objects to come in at the right time we want them to be at the right layer we talked about layering and we also want things that happen all at the right time to so if we come in here and we add a build in let's go ahead and make that just blur in for us okay and then let's go ahead and add another object and this is just a stock picture that I have on my desktop will use we'll shrink that down throw it in the corner let's move that up there and let's go ahead and build this women as well and we'll do a drop animation the way that these build in are dependent on the order in which we added those bills ok so the first bill that I added was to the logo the second bill that I added was toothy stock photo of the ipads okay, ordinarily that might work for us if we want the logo to come in first and then the secondary built to be the ipad image that would be great but if we if we built those builds in and we want them to happen in the other direction and mother was we want the ipads to come in first and then the logo to come in that's okay we don't have to reverse everything and then redo it in the right order we just simply go in and change our build order so the way that we do that is over on the editing pain here at the very bottom of the building we can click on this button that says build order okay this is goingto bring up this screen here that will give us the order by which our bills will happen ok and the more obvious you have on your screen the more complex it becomes and it actually becomes a little confusing because we might have so many builds over here that we lose track of what bill goes with what object but there's a little trick tio identifying how they correlate with each other and that is if I'm not sure what object this build here the first one applies to what I could do is click on that build and it's going to highlight the image that that build is associated with it also has a little information associated with that build so for example we can see just by looking at this that this build affect this image and it will be a blur type building ok down at the bottom of that window is our timing so we can see that this will not happen until we advanced the slide so when we click the clicker or we press the next key on the keyboard that thing will happen we can change the timing on that from on click which again is the default for animations air builds to after transition so in this case because this is the first build on this slide the transition that they're talking about is the transition into the slide so when we start the slide show on the first slide that's the transition into that first slide so in this case if I say after transition as soon as this slide appears this build will happen automatically we can add a delay to that too which is really helpful so for example we wanted to happen after the slide opens up but we don't want it to happen automatically right away we wanted to happen after maybe a two second delay so what we can do is come over to the delay and will add two seconds to that and let's go ahead and close this window and play and let's see what happens that is one two and there's our build so happen automatically without my intervention and it happened after a two second delay let's look at one of the other animations down here so let's look at let's look at the ipad air in fact let's go ahead and remove that scale because we're I think we're done with that one right now so we'll just highlight that build and will delete it so I just used my delete key there so on this animation here, we also want this one to happen automatically, and we wanted to happen not after the first animation is done, but we wanted to happen maybe halfway through the first, the first build so the way we would do that is we would say with build the other option is after so the first build finishes and then the second build happens, but in this case, we want to do it with the first build, but we don't want it to start at the same time we want to make it a little delay, so we'll do with build one, which is that first the logo build and we're going to add maybe a half a second delay on that one. Ok, let's, go ahead and hit, play and see what that looks like. So we've got our two second delay here that starts, and in half a second into that build, the second one happens. Okay? So these air still relatively simple, but it's foundational for doing some really complicated animations or builds let me actually switch files here to a file that I've been working in. So this is actually for those who have watched thie the overview the I work for business overview class this will look familiar to these air the actual slides that he used for that course, you're seeing how the sausage is made here now this is a slide that I developed that had a lot of bills built into it, and you can see this is what it looks like in designing, but when I go to play that couldn't play that that's, not what it looks like at first, ok, it looks like this it's waiting for me to advance so there's a couple of bills right there with some delays and then it's waiting for my advancing against while going in advance that we got the map that comes in some other fading, some moving it's going to sit there, it's waiting for my intervention again, so I click on that and now we have a lot of other bills that happened. So to the audience this looks, I think it looks pretty good that's, nice and subtle, but it conveys the point that I'm trying to get across, which is, you know, here's who I am, this is where I'm based and this this is some of the areas that I worked with clients around the country, that was the message I'm trying to get across if I escape out of here and I look at our bills okay so far looks pretty straightforward if I look at the build order though you can see that now it's starting to look a little more complicated ok so if I go through some of these just a dissected a little bit to help you understand it so here we have the first one which is on click so it's going to wait for my for my click we have the logo that spins in and we have the name which comes in with build one and it's a slower build in so I did not a delay on that when it looked like there was but there wasn't because it's a slower build in so we have those that happen automatically and then if you remember waits for my interaction the next time and then at that point I have the map fade in at the same time that logo fades out at the same time that this this background logo with the drop shadow will fade out and lots of other things happen at that point and then with smaller versions of the logo that pop up around the country map these all happened automatically and I said the's toe have toe happen with build nine which is the first small logo but with a one tenth of a second delay if I change it to a with build nine with zero second delay they would all come in at the same time and that's, not that's, not supportive of the message I was trying to get across. The message was look at how this kind of grows around the nation. So adding that tenth of a second delay helps to illustrate that growth. So let's, go ahead and minimize this one. What questions you have with with bills at this point, no questions is if things do you feel like it's sort of overwhelming at this point? Or does it feel like it's it's clicking and making sense? I think you feel overwhelmed, you don't feel nineteen, ok, well, that's, good for us. How are you feeling? Having worked with that with this sort of thing a little bit. I've done some key note in the past and done some complex stuff. The thing that was always hard for me was kind of keeping track of, like looking at a slide with all the elements there that will eventually be there and trying to think and step through it, like step by step, and they're like, ok, that won't actually show up until ten seconds into the slider over. Sometimes they got really complicated. Yeah. Do you have any advice on how to just mentally kind of structure your your slides when you're doing something a little bit more complex? Yeah yeah it's actually a good question so my first advice would be to try and build it from the beginning the way that you envision in your mind how those animations air those bills will work and the way you do that is you you bring all of your objects in and you you start to add your builds in the order that you think you want them now ultimately things will change around and maybe change the order and things like that but the one recommendation that I would have towards that towards that question is I would probably not add the timing elements until after the build orders are all done because that way that will allow you to step through without having to worry about the timing. So for example in the case of the map with the logos that pop up maybe what I do is I leave all the timing on that off and it weighs for my click on the key border the clicker to go through each of those builds maybe build each one of those to say yeah that's the right order so we want to make sure we get the order right first so order is good now let's work on the timing I wish that there was a really good tool built into keynote that would allow us to to kind of step through that and do that in fact one of the one of the items that is available to those who are viewing this class as a bonus material is the keyboard shortcuts for kino that all highlight here if you haven't downloaded them already I would download these but this is a list of keyboard shortcuts specific to keynote okay and what's really nice about these keep or short because it goes much deeper and it goes into more detail than just how to bold text howto underlying tax things like that but the's keyboard shortcuts are actually specific too how you can interact with your slides when you're presenting so it's not necessarily building your slides but it's actually how you interact in the in the presentation mode so for example, one of these would be how to switch between the main display and the presenter display, which we'll talk about in a little bit you can do that by by tapping on the expert and that will flip those two screens another one might be um another key is the right bracket, which is advance and skip the build so in an example of why you'd want to use that is maybe you've got a bill that takes seven seconds um and it looks really good when you're building the slide deck those flames came up and looked really cinematic, but in real time you're getting up and you're giving the presentation and you think you know if I if I actually wait for that build toe happen over that seven seconds that's a long seven seconds so by understanding and knowing somebody's keyboard shortcuts, aiken simply hit that key that right bracket key instead of the right advanced key and instead of building through that that seven second build it will actually bring up that object and skip that seven second build. So knowing how some of these keyboard shortcuts work will definitely help you too teo present better and, you know, sort of go with the flow and adapt and adjust on the fly. Does that help? Definitely on maybe just one more kind of on a similar topic. How do you decide when to when to switch to a new slide? I guess is how I'm saying like you can put a lot of elements on one slide and just kind of have them move on and then off and on basically have it feel very like self contained, but you can also sometimes then split those often to new slides instead. So how do you decide what is best contained in one versus spread over several? Yeah, great question. Um, maybe a good rule of thumb for that one would be if it just feels overwhelming to you it's probably time to break it up, you know, it could be a simple is that, um you know, in some cases well, in many cases, in working with animations and builds, you could go either direction. Um, I actually met a guy once who he took pride in knowing that he could have an entire presentation on one slide, and it was a thirty minute presentation, and he was really proud of the fact that he actually could could build and organizing manage all those bills on a single slide, and I think that's pretty cool because he really understood how builds work and how the timing worked. Um, I think he probably would have gone insane after doing that or maybe he was insane to begin with, but and I was probably more to the point, but but it really depends on your personal preference and for me, if it if it makes sense to have them all on the same slide, to tell the story that that specific slide is trying to tell and it's all tied together, then I would definitely try to keep them on their something like the one that I just showed you with the map and all the locals that pop up, I don't know that I that it makes sense to split that out between two slides on dh that wasn't too overwhelming, it seemed like a lot of bills and a lot of timing, but it wasn't too overwhelming in terms of I didn't have a lot of different types of objects coming and doing different things so that one was ok and manageable but yeah I think it's going to be up to personal preference and just if it becomes overwhelming try to split it out maybe just one quick final question this might be something your plan and talk about how do master slides interact with with the animation can you put all that stuff on master slides and it'll just happen every single time that slide is used or is it something different yeah yeah and we actually touched on that a little bit ago and earlier in the class but if you add animations or build I got to use the right where if you add builds to an object in a master slide it will actually happened on every slide where that master where that master is used in that slide deck so if I take my logo and I wanted teo teo kind of dissolve onto that slide is part of my slide master in the bottom right hand corner every time I use that master slide it will use that animation as well great questions I love your thinking through how you can start to use some of these bills and really make things more interesting ok are we feel uncomfortable with builds object builds we can apply these by the way to any object that we use so whether that's a a line or a narrow or square we can apply these equally to all of those type of objects one example might be for using an arrow let's, go ahead and remove these bills lips so that it's nice and clean is let's go ahead and add an arrow here and let's say I can't tell which side the arrow was on, so let's make that bigger here we go on let's make that maybe a light blue color, so once we get into creating our builds, there are a lot of different options in terms of how how we can set the properties of each of these bills. So on this one, I'm going to do a white because I want to make it look like the arrow is kind of wiping up to the logo just to draw some attention that way so there's our wife by default it's actually going to go from left to right? We don't like that we wanted to go from actually the bottom right corner and follow the arrow directly up to the end point, so you'll notice on the properties over here where we could change the duration and the direction so one second I think is good enough for this one we want to change the direction from from left to from bottom right? So that's actually going to match the direction of the area that we have on the screen we'll choose that and then let's go ahead and play that so again by default is going away for me to click advance so we'll go ahead and click on next and now it looks like it's just following that right up the arrow so we have a lot of control over the animations where the bills that we that we add let's add, uh, drift and scale, for example, so here we can change the direction and the speed um if we change maybe a flip, we can change that we can on this case we can change whether there's a little bounce to it. So let me show you what that looks likes will hit play ok, so you saw the and there's a little, you know, flipped and there's a little bit of a re balancing their little bounds so we can turn that off and then it's going to be a solid, you know, flip and stop. So so we have lots of options in terms of of how these animations react and again, the thing that I love about these animations the's builds in keynote is that they're very cinematic. Andi it's been interesting because I've used keynote for a long time and watching how apple has incorporated better and better quality builds in each of their releases of their application has been really fun to watch because they just get better and better and better and more realistic. So it's. Definitely a lot of fun.