Morph Video in PowerPoint - Animated Explainer about Education

1. Introduction: Welcome to this PowerPoint morph animation class. The content is divided into two sections. In the first part, I'll explain key details about the more feature itself. Even if you know how to use it, you might learn a thing or two about it, like using the exclamation marks to make sure shapes you want will stay connected. In this second part, we aren't going to prepare a ready to export explainer video. We will follow a simple script and with the help of the Morph transition, bring it to life with nice illustrations. Ready to work resource file is provided. If you are ready, let's start creating. 2. Start a project!: Hi, it would be amazing. And you can help me on Skillshare by starting a product for this class. Nice. At first, it doesn't have to be the ready product is go to the Project and Resources tab. Hit on Create Project. And right, You're welcome message. Later on when you create slides from the lectures, you can share a screenshot of that slide. You can do this by going to File Save As Selecting Browse. And you can select to save as a JPEG there. By saving JPEG, you can select all slides are just this one. Then you can come back to the project, select Image and to just add a slide that you created. I will be really happy to see it and it will also be very helpful. Please start the product right now. It will take only a few clicks and helps me a lot here on Skillshare. 3. 01-01. Versions: If you're already take your shoes off, make some tea. From the resources, open the morph training. In the morgue training, I will explain you a couple of things about this future. Firstly, this is a feature that has been added in PowerPoint 2019. And only dispersion and newer versions will be able to use transitions morph. If you have PowerPoint 2016, as you can see here, you can play morph animations. This is completely fine. You cannot use them, but you can at least open the presentation and play them. This is at least something. If you have PowerPoint 2019 for Mac or for Windows, there shouldn't be an issue. You can simply create more as you please. And any newer version above that will of course have the Morph transition, the older versions, the 2016 for Mac and an older version has simply fade transition instead of the Morph because those versions didn't have it implemented yet. This is all I wanted to share about versions. You have the official Microsoft article here. You can Control click to read about it a little bit more and to learn a little bit more before I explain it to you. 4. 01-02. How is Morph used: In the upcoming lectures, I will explain you the more future how to technically use it and what it does to your PowerPoint product. But here I'd like to give you a visual preview. Don't do anything within this lecture. This is one of the lectures I've created. And what the moral tradition allows you to do is basically adding animations without animating anything. If I delete animations, I take my existing slide and I duplicate it. And I move objects around, for example, outside of the screen or to the bottom part of the screen. Yet they are the same elements that they were on the previous slide. If you click on the morph, it will do the movement for you. This can create many unique opportunities to animate. For example, here, I had texts on the top side. Let's assume that you want to get rid of text number four, number five, number six. And look what happens. I would have the presentation and going to the next slide, I know that they would move outside of the screen. When I click More. You can see they disappear. But it is also difficult because the items have to stay here above the slide. If I just delete them, then what do you think What PowerPoint will do? It will no longer have information. Hey, this text moved here. I should move it no, no longer. If I click More right now, they will simply fade out. This is why sometimes you can simply use the fade-out transition, but the Morph transition gives you far more opportunities to utilize animations in PowerPoint, you can combine the more feature with animations and with changes. For example, this slide, if I would plan to explain you just this 1, move the text away. I would make this bigger. Place it in the middle and clicking the more would do everything for me. You can see something beautiful in the upcoming lectures. I want to go for a more theoretical approach and show you the technical capabilities of this feature. 5. 01-03. Way to think: If you have older versions of PowerPoint, just watch the lectures. If you have at least PowerPoint 2019. In this lecture, we will prepare this first simple transition animation with the Morph transition, which looks like that. This section is not mandatory to follow. But if you want to work along me, open the slide with the three basic boring blue objects. You can take an existing slide the way you think about more. You think what was on the previous slide. If the same items were on the previous slide, they can morph. What I mean by that. Let me take this slide and duplicated duplicating the existing slide. Makes sure the same objects on this slide. I will take this three objects. I will make them smaller, maybe by pressing Alt, Control and Shift, so I can make them smaller. Towards its middle point, I will go to Shape Format, and change their color to any color I want, for example, green because morphing also more scholars and just place them into different positions. I think one of the cooler animations we can do is putting them behind this slide. You will see what's happening. If you go to transitions and click on Morph. Powerpoint, takes information from the previous slide about those three objects and tries to animate them based on what we did here. If I press on morph, such a beautiful animation normally would be very difficult to achieve. You would need to use, if you remember, you would need to use line animations, grocery animations. You would need to do everything manually. Here with one click, you get that done. And you can just build and build and build upon that. You can duplicate this slide. Now enlarge this object in the middle. Again, this is larger. Place this here and this here. Click on morph and look what happens there. You can see everything came back together. This way. You can create a variety of interesting animations. I've put a couple of slides here. This works also with pictures. You have a picture and on the next slide you will use the same picture, but for example, enlarge it or change it. Look what happens. Powerpoint is automatically morphing. If it's the same picture, the same goes for shapes. It's just liquid the circles. I have some objects here. I have the same objects but just rearranged. If you want, you can rearrange them as well and just resize them and see what happens when you click on Morph, look how beautiful and PowerPoint does everything for us. You can practice a little bit, click with objects around, and just press on morph to see what happens. 6. 01-04. Transition, not animation: I'm telling you how beautiful and wonderful This feature is, but what are the problems of it? The problems of it are exactly what you can think of this as a transition, not an animation. If you do voiceovers for a video, the voiceover When you record yourself isn't picking up when it transition happenings. And if the entire animation is a transition, your voice will not record when the objects move. What you could do, you could simply when you use more for your explainer videos or any kind of videos, you can wait until more finishes. Then you can record yourself again. This is in my opinion, a bit inconvenient because we need to wait for the animation to happen. The next problem or maybe a lack of features is that we can only adjust the duration of the Morph. If I adjust the duration to three seconds, this entire animation will take three seconds. It simply is slower, but I cannot change the smoothing. I cannot add any bouncing, I cannot interpellate the animation itself. For example, here, I would like the scissors to move faster and the objects move later. I can't do that because I have only one option here using the morph, and I have only one option here, changing its duration. Those are the downsides to the Morph transition. In the next lecture, I want to show you something else and something very important, two very important things about morph before we proceed with anything. So stay tuned, listen to it. You don't have to work with it. You can play around, but it's important that you listen closely right now. 7. Leave a Review, Please: Hey, it would be extremely helpful for this class if you go to the Review tab and click on leave a review and write something there. If you don't see this button yet, you need to watch a few more lectures and it will become available. Sculpture now requires that classes have recent reviews on them. So it would help me greatly. You just click here, you tell if you'd like to class or not, and you write a simpler view and click Submit. I would be very obliged if you can do this right now. Thank you so much and see you soon. 8. 01-05. Keep it grouped: I want to be thorough again and explain you everything before we do anything with morpheme. Okay, I'm almost wrapping here. If I go to animations and open the animation pane, I have a group of objects here. I can add wipe, I can add another animation pause, I can add another animation fade. I have three animations on this group of items. What happens if I ungroup them? All animations disappear because PowerPoint doesn't know, Hey, do you want animations on those objects still? Or where you're meaning to just have animations on the group. So the default Powerpoint deletes animations. It's very similar when it comes to the morphing. Let's say that on this slide I have a group of items. On the next slide, I have the same items, but they are ungrouped. Essentially what PowerPoint things? Those are separate objects now, they are named differently. If I go to transitions and I click on Morph, you can see PowerPoint no longer knows that this group is meant to be animated because it's no longer a group. And if I were to keep the group control G, look what happens even though a group them back again. I am not certain that the morphing will work what I would need to do now if I've ungrouped and made some mistakes here, I need to delete, I need to duplicate the previous slide, and I need to make sure that I use the same exact items and resize them. For example, like that. I could even move them. Could I move them? Let's see what PowerPoint does. More. You can see everything morphed with the one item I moved. Powerpoint no longer knows, hey, this was within the group but it did move that you want it to morph or did you want it to fade away? This is a little problem I see with the morph feature. I think there's still something to be done with the future, but it's really good. But you also need to know about depth, little problems that can occur when you ungroup something. 9. 01-06. !! Feature: In this lecture, I wanted to show you an important feature in PowerPoint. If you morph one slide into the other, by default, Powerpoint decides which objects it will morph into. I want to show you how you can decide into which of those three objects the previous slide will morph into. This is the one most important feature about the morphing that I want to highlight. Here we have a light bulb. Let me duplicate this slide. Make this lightbulb smaller. Duplicated a bunch of times, for example, I've duplicated it three times. Now, what do you think morph will do? Will it morphed the icon number one, icon number two, or number three? I'm not even sure. I think the middle one, the last one, but it morphs the last one. But what about these? I wanted personally that the first one will be morphed. What can you do here? You can go back to this slide, go to Home, select, Open the selection pane and give this light bulb and name. And before you give the name, make two exclamation marks. Two exclamation marks, alcohol Bowlby. On this slide, I will do the same. I will select the one I want it to morph into. I'll call it exclamation mark, exclamation mark Bowlby. They should now morph into each other because the other, they are called group 23, group 44, but this one has the exclamation marks and the same name. So PowerPoint notes. You should morph into this one. Take a look, transitions morph. And this is the genius tree like here before. You don't have to do anything. Now, look at this slide. I wanted this circle to move to the right side. But the power byte morphing, when I click on this slide, PowerPoint thought, hey, this one is closer, I will just morph this one. Look what happens. Morph, instead of going across, it goes bottom. I wanted it to move across. So again, same principle over one. Hey dude, exclamation, exclamation, oval one. I'll just copy that over. I'll give the same name to this one. Now, I made sure that PowerPoint knows, hey, I don't want you to move bottom. I want you to move across the slide, look at that more. Everything works now, according to my decision, not what PowerPoint thoughts is convenient for it. This is a very important piece of information when it comes to morph animation. I hope you do enjoy that and we can build upon the knowledge we gained right now in the future and emissions we do. Let's proceed. 10. 02-01. Preview and text: Welcome In today's lectures, let us quickly preview what we plan to create with the Morph transition. A simple explainer video like that, talking about education. So the script will be very simple. Education went from offline to online than two hybrid. This is everything. I want to show you. A couple of cool steps to begin with. I've used a font called din pro black. If you wanted to use the same font, you can search for it. Here I have a Google search link or a direct link to the font. If this link doesn't work anymore, just use the Google link. You can simply download the font, you can unpack it. Then just open, open, right-click and you can simply install it on your system. I have it already installed. So I'll skip this step. Once you have a font prepared, are you chose a different one. Let's search together for an illustration that would work with our script. 11. 02-02. Illustration: If you take a brief look at the script, we are talking about education. Ideally, I would like a picture or an illustration that displays both online learning and offline learning in one illustration, if not, we will use two separate illustrations. On the next slide, you already see that I found on picture that displays both of them. I have done link, of course we will use stories that because I have properly divided SVG images here. But what I was searching for it, I was typing in education, online, learning offline those kind of keywords into websites like free pig. And we have some cool results here. Even the same stories at items. But not only that. Later on I went into story set a and this was unbeatable. Just look at this picture. For example, that picture displays both education offline education online with this laptop headphones and the talking guy. This was absolutely perfect. I just got rid of the background or maybe simplifying it or just deleting this by hand. It doesn't matter. If you want other images. I also found something really cool on android.co. I typed an online or maybe not on it. I typed in learning. This would be perfect for offline learning. And this would be very nice for online learning. So as you can see from different websites, we could gather really good resources. I used, of course this one because it's more than perfect. It displays both things at the same time in a consistent design manner. So I will just download this SVG, put it into my PowerPoint, ungroup it, and continue the work from there. 12. 02-03. Slide 1 - Education: In this lecture, we are going to design the first slide. Let's put the illustration into PowerPoint and let's add the text on top of it. Let me start from scratch, just like you probably will with this presentation, I will put the SVG link and the SVG file right into my presentation. Right-click group. Group. I will press yes. And I have everything perfectly ungrouped into smaller sections. I do really like this. At first we will design the slides and then we will more of an animated. This is how we work with morphine. The first thing I wanted to put on this slide was education because this will be an explainer video without any voiceover, I want to make sure that I have the same color selected. So if you've downloaded the orange one without changing the color, just hit the font eyedropper and try to use the same color. I think this would look much more natural and consistent. The way we will work with more, we will duplicate the existing slides and we will build upon that. So this would be our design part for the first lecture, but the first slide in the next lecture, I want to show you how to build on top of that with the Morph transition, prepare an image like that. Just entered the SVG, insert the font, you can type it in manually. You can copy it from my script and we can continue from there. 13. 02-04. Slide 2 - From offline: To achieve such a result, we will exhibit the full force and potential of the more feature. I will show you how to connect it with the previous slide to achieve this result. I want to show that education went from this to this. Luckily, I have averaging set within this slide, so I will just Control D, duplicate this slide. Now with the more feature, you need to know that you don't want to just delete items. You should just move it outside the screen. What this does, if you go to transitions and select Morph, you can see it nicely moves away from the screen later on if you need to bring it back, you already will have it outside of the slide. It's a bit inconvenient. I understand it's a bit unnatural to work like that, but once you understand the more feature, you will have no problems with it. Don't worry. Now, education, I wanted one from offline, from the traditional way of learning into online. The same goes for the text. Don't just delete the education texts because if I delete this right now and press more, you can see that these texts will just disappear. But if I don't delete it, if I may be moving towards the top side of the slide or outside its borders, if I go morph, it nicely, moves away. It could even move away to the same direction if this is what you prefer, press more. I think this is cool. What would be even cooler if this text would come in from the right side? Now, how to achieve this? At first, I want to have the same consistent color. How to achieve that? This text will fly in. Instead of disappearing. I would need to copy the text. I would need to go back to the previous slide and put it on the previous slide. I know this is a bit weird and inconvenience, but this is exactly how morphing works. You have a complete picture. You duplicate this slide, you separate it into smaller pieces. And then if you want those pieces to move around, you need to put them on the previous slide as well. Sadly, like, I know this is a bit counter-intuitive, but once you do it a few times, you will have no problems at all. I will also delete this part in the previous slide as well. I want to delete this bottom part because it will only get in the way. I can take this a little bit towards the middle and I think this is completely fine. Let's preview what's the morphing would do currently? This barely didn't move, but this move to the left, and I really do enjoy this. In the next slide, we will move that back into the frame and we will remove this one. So stay tuned. We assembled slide number three together. 14. 02-05. Slide 3 - To Online: Within this lecture, we are going to prefer this slide. If at any given point you don't know, like we're from digit animate. Always go to the previous slide to take a look. If it is here. I can see the two online and those objects are here. This means that they will animate from the left side in if I preview the morph, this is what we wanted to achieve. Let's get into the lecture. Let us talk about online. I have this slide. I just duplicate this slide because I want to build upon items I have and I want to add some movement. This slide should take this away. I'll put it here. The text, I will show you a cool trick with morphine. It's really nice if you put the text not just above it, but further away. This will make a different image and look, if I put it right here and I press the morph, it will just go away together. But if I put this further away, the motion of them will be different. Maybe I should do it the other way around. This would look cooler because I wanted this object to move slower. All right, First the object disappears, then the text follows. This is just a little trick. I know it's a bit weird, but this is how we have to do it. Now, bring that back. This should look really cool and went from offline to online. I need the text. I don't have it yet to online. Alt for for my color. You remember what we did? We don't need the education, but we need this text. I will Control C and Control V on the previous slide, because I think it should fly in from the top side to assemble together with that, like difficult mathematics are going on right now in PowerPoint, but you will get the idea once you work with it. Click on morph to preview what's happening. Maybe the online text should be more from the left side. Currently it will fly in from the left side towards this slide. Look at that more beautiful. Who would expect that this slide was made in PowerPoint? If I go from the previous slide to this slide, I do think personally this is a really cool and interesting animation. This is how easy it was if you can't imagine like what's happening here, first, click on faith. So this is a simple slide, it just transferred into this one. Then the morph, it will become more transparent for you. Alright, we didn't need the education textbook. I'm not deleting it because maybe we use it in on the next slide. Who knows? On the next lecture, I love course builds upon what we already have and try to assemble both of them together. So stay tuned. We will think of something nice to do there. 15. 02-06. Bonus - Morphing Text: Before I finish this, I want to show you a little trick you can do with morphine. Morphine, apart from the 99% of the times, you probably will use morphing objects, but there is also morphing words and morphing characters. Characters. If the same characters appear, they will shift around. And words, words can be really cool, or also those types of animations, like look at this slide before I do Slide number for Control D, Control D, Control D, Control D. I have like everything copied to online to offline, To weird. Nothing. Just changing words. If I would do more of on these slides, more of but morphing the words. It would nicely fade on those words. If you would have an explainer video consisting just of texts or smaller icons and the text being the main part, then you could do really simply, you wouldn't have to fade in anything. You would just do those types of animations. This is a cool little trick you can know for the future. Of course. You can say like, why don't I just do a fatal mission? Yes, you can do a fade animation, but the morph animation will look a bit different. And if you, for example, decide to morph between letters, here's, here it is called characters. You'll see something like that will happen. You can see they are moving around. I am not a fan of this animation. I just wanted you to know that the more feature has those three features, 90% or 99% of the time, you will stick with the main objects filter. But from time to time, there might be a project with texts. And you might consider this function. 16. 02-07. Slide 4 - To Hybrid: With this lecture, we will design this slide. And I wanted to show you something about the drawer type and how to animate hand drawn arrows. So the end result would look like this. This slide comes in and the lines animate. Let us do is slide number four. Let me delete everything I don't need and to online to hybrid, again, copying the previous slide. Luckily I have this still there. If I wouldn't have this little there, I will just copy the first slide where everything is. Alright, I will copy slide number three. And I want to tell two hybrids. Since both of the objects should be right now here, I will maybe copy this over here. Then I'll bring this here. Let me briefly preview what's happening. Morph. I don't like that this is fading away. Maybe just maybe it would be nicer if it was to online. So I would bring this to the top side. I would bring this to hybrid. This way, it will flow into this slide. What you remember, What do I need to do? I need to have the same on the previous slide. I had education, I will just change it to hybrid. And look what happens now if I select Morph. I do think this animation looks much cleaner, much better if the text flies away and changes into this one, instead of just fading between the texts. I do really enjoy this since we are using the newest version of PowerPoint, why don't we use the Draw tab? I want to establish what color I've used here. Shape, Format, Shape, Fill. I have my recent colors. I will just briefly click on the rows, click on more fill colors. And I want to copy the hex code. Control C to copy the hex code. Now I can go to the Draw tab. I can select one of the pens. I can increase it, its thickness. I think this should be okay for colors. I want to paste the same color that I used to hybrid and I'll do something like that. This looks horrible. I apologize for that. The better I saved, the better. It will look like perfect. I think I did a good job or maybe not. Maybe this looks completely weird. Those arrows are pretty cool. Now, if I press escape to release my pen, you can notice that those are drawn objects, new objects into PowerPoint within animations, in the animation pane, you can replay them. It basically replace what you did. What I will do, the Morph transition ends and then I will press replay. Then replay that one. I have two animations. In my opinion, they are way too slow. Duration, reduce duration, right-click with previous, so I can decide when the animation starts. I would delay it by a bit. I will just double-click effect. And there are no smoothing effects because the smoothing is already your hand and mouse movement. You'd end up with a slide number four, like that. Boom. Let me maybe go to the previous slide to online. Hybrid. Pretty cool options. The drawing features can be really useful if you want to highlight underline or draw anything in PowerPoint. If you think that you didn't do a good job, you can always click on it, shape format. You can always click on it on the drawing tab and you can try to force PowerPoint to change it into a shape. I'm not sure what will happen now. It's changed it into a line. As you can see, it's not perfect, but if you want the line to look a bit more organic, PowerPoint gives you another option. It can make it a little bit more organic. That's a really nice feature when working with drawing objects. I do prefer what I did, those beautiful lines. I will leave it at that. And in the next lecture, I will show you some adjustments. And basically we can finish this entire animation exploited. Consider how long it will take, and we can decide upon that within the next lecture. See you there. 17. 02-08. Adjustments: Here, just for additional funds, I prepared some like little objects, animated them in and out, so the slide won't be as boring. This is completely optional, but if nothing is happening in this slide, you probably want some hand movements or you want those, for example, notes flying. And how would you go about this? Here? There was music, I'll show it on this slide. It doesn't really matter. Insert. I went for icons because I have my Microsoft 365 subscription. I just went for music. I press okay, and I went for any type of icon that relates to music like this node. Inserting a node, I could put it here, I could recolor it to the appropriate color. For the animations. You can simply go for fade-in or anything at animation lines, or maybe even float out. It would simply float out. I would change the animation to float up. And this would give me this little graphic animation. I would delay this by a little bit. I would probably duplicate them multiple times. I would make them bigger or smaller. And this is how you can add little effects to your presentations. Of course, this should be delayed. This is how it looks. Some notes, some icons appear and they float around. Of course, this float here too high. It should start from the headphones as well. Delay, delay, delay, delay. And basically, this is a little result we can get. If you don't want this light to be boring. 18. 02-09. Timing: In this lecture, I want to set the timing of the entire presentation so we know how long it takes when export it to a video. When it comes to their timing transitions, you can decide the timing of the transition. Here. The fate itself, or rather than morph itself, takes two seconds. By default, the first slide can be faded in 2.5th, but the next slides will be morphed, morphed. This always takes two seconds to play. You can decide how long this slide it should display to the viewer. In my opinion, this slide should display for maximum amount of three seconds. After three seconds, it should proceed to this slide. And this is how you go about it through the entire presentation. Here. Two seconds of morph. The animation itself takes two seconds, and then like two or three seconds to proceed forward. I don't think that anyone needs longer. Let me preview the first two slides because I have already timed them. They should take about 3.534 or 5.567 seconds, and we should be here 78 seconds and we should see two online. Let's preview if we did everything correct. 12 34567 and my first mixed flake, we are almost there, but what stuck longer? If you go to the first slide, I watched the notes. The notes and at 325, animations are more important than the transitions. So 325. And how the second of the faith, this slide takes 375 to play almost four seconds for the first slide, I think we could even reduce this a little bit by just dragging this back animation. It didn't have to be that delight. This animation ends now, 2.5. I think we can go for 2.5 for the transition as well, 2.5 enter. And this is complex enough for the first slide. If I preview it again, it will take a total of three seconds for this entire slide, because we have 2.5 seconds of animations and 2.5th of duration. I don't even have to do this because I like to put the same amount that the animations have just for reassurance because later on I may decide, oh, let's delete this animation. What would happen? This slide would move immediately forward. But if I have the reassurance here, it will take no less than 2.5 seconds to proceed. This is why often, even though I have animations, I put this timing here as well to at least be comparable to the animations. I've talking. This slide will take note 34 seconds, 123, go exactly. Everything is timed perfectly. You could export those kinds of presentation just by hitting every other slide. Right-click, hiding this slide. And we could export a video by going to File. Export, create a video and decide if you want a full HD or four. Okay, what's important? This will be 30 FPS. This will be 60 FPS, faster moving video or rather more frames during 1 second. This will go for a much smoother approach. I do wish that PowerPoint will give a switch to us. Hey, do you want a full HD, 30 FPS or 60 FPS? Of course I want that 60 FPS, but PowerPoint suddenly it doesn't give us this option. So we have to use the 4k video if you want to render 60 FPS. This is everything I have about this animation. Sorry for making this lecture long because I wanted to explain the timings because they are so crucial and important to understand when it comes to making explainer videos and any kind of video within PowerPoint. Thank you and see you in next lectures.