Powerpoint for Graphic Designers: Creating Captivating Presentations

1. Introduction: [MUSIC] Hi, my name is Derek Mitchell and I'm a graphic designer and I hate PowerPoint. At least I used to until I figured out a couple of really cool tips and tricks that helped me make some really cool slides that were for my company and for multi-million dollar deals, and I had to find a way to make it work the way that I needed to. Now I come from the graphic design world where I'm using Photoshop and Illustrator and InDesign for most of my design projects that I do. I had to work within PowerPoint because I had to share it with the team and with the sales guys and everybody had to be able to use this. While I was doing that, I learned some really cool animation tips that I want to share with you, that hopefully, will help you tell your story either for a company, maybe somebody hires you to do a PowerPoint presentation, or maybe you need to do your own sales presentation, or you could even use this to make a portfolio. If you're a graphic designer, you could make a slide, animated slides, put a project in it that you've been working on, maybe show some of the photos you've done and have it animate over to maybe the brand, the logo you made and the fonts and the colors and lots of cool things. That's going to be one of the projects we worked on in this course is how to create your own portfolio, like specific portfolio project, using PowerPoint, and then those skills that you're going to learn from that are going to be able to translate to the real world where you'll be able to create slide decks and PowerPoint presentations for other companies. Who is this course for? Well, predominantly, this is for my current graphic design students who use Photoshop and Illustrator. But if you've never used Photoshop or Illustrator, you don't need to have those programs to follow along. Everything will be done in PowerPoint. I will show you some of my workflow coming from Photoshop and Illustrator, but I'll provide all the assets as JPEGs and PNGs so you don't even have to open those applications. If you want to follow along, we'll give you all the project files, and it's going to be a ton of fun. If you're a graphic design student and you want to learn how to level up those skills in how to create amazing PowerPoint slides for your clients, this is the course for you. If you are already in the sales world and you need to figure out a way to make your PowerPoint presentation stand out so the people watching your presentations don't get bored, this is also the course for you. Again, my name is Derek Mitchell. I have over 20 years of experience as a graphic designer and a web developer, and I have over 150,000 students at the time of this recording, and I'd love for you to become one of those students as well. We going to have a ton of fun and I can't wait to dive in, so let's get started. 2. Morph Transitions: In this lesson, we're going to get right into it. I'm going to show you some of the coolest part of this entire course. From here it's just going to be a lot of fun. What we're going to do is we're going to learn how to create transitions between slides that look like this. We're going to bring in different elements and then animate them in a way that it looks like they're coming in from all sides of the screen here. It's a really smooth transition. It's going to help us build our presentations in a way that help tell stories and help guide the viewer through your presentation. For this specific exercise, what we're going to do is this is where we're headed. We're going to start a brand new PowerPoint document. If you don't have anything to work with and you want to just follow along. I've already created in this lesson one folder, all of the assets you need. Here's a bunch of different graphics and different things we'll be working with to create this. Let's just go ahead and dive in. What we're going to do is jump into PowerPoint. I'm going to make a brand new blank presentation. You'll probably see something similar to this. Your recent files obviously will look different, but all we want is a plain vanilla white presentation. When you open PowerPoint, you'll see something like this. I'm sure you're familiar with it. What we're going to do is you could just click on these and delete these text box if they bother you. I always do that or appearing to the Home tab down under layout, you're going to have a few different default master slides that are built-in and you just click on the blank one right here and all that just goes away. This is how we're going to start. The very next thing that I would do is save. It's so easy as you start to build your presentations, to forget to save, after using the Office 365 or OneDrive. It'll auto save as you go. If you're saving on your computer, you're going to have to remember to save it as you go. What I'm going to do is go to File, come down to Save. I'm going to call this just presentation, I want to stick it in our lesson one folder. As I go through this, you guys will be able to see the end result here as well. I'll click Save. Now I know as I go through this process, I can save and know that I won't lose anything during the process. The very next thing I do typically is two things. One, I'm going to change the background. I'm going to right-click on it and go to Format Background. Over here we have a solid fill. I'm just going to change the color from white to a dark gray. Then the very next thing I'm going to do, and this is the magic bread and butter behind this entire effect, is I'm going to add a transition to it. Across these tabs here we have the Transitions tab. I'll click on that and I'm going to add a morph transition. What morph does is it takes anything it sees on one screen and it applies the changes between both screens. Let me just open up that other sample file again so you can see exactly where we're going. I'm going to open this up and you can see on slide 1, it looks like there's nothing here. I've got this little star icon next to it, which is telling me there's a transition applied and it's the Morph transition. Then here's slide 2. Well, it doesn't just work like this. What we need to do, I'm going to zoom out a little bit. What you'll actually notice is all of my assets for the second slide are present on this first slide, they're just off the Canvas. What happens is with the Morph transition applied, PowerPoint is going to look at whatever the differences are between these two slides and animate them together. It's really straightforward. It's actually a lot of fun and produces some pretty professional results very quickly and very easily. Let's go ahead and minimize this sample file again. Let's just recreate that file. I'm going to do this jump back over into my finder window and grab some assets and start bringing them in. Let's go ahead and grab, and all of this is based on a mock-up I did of this hoodie for this brand that I built. I suppose I should mention this brand if you want to learn more about how I did this, there's links provided. I stream on behance.net live and I showed how I built this brand and then I also built some of these logos in my logo design course that's featured on Skillshare. Check out the links below for more information if you want to learn my exact process for getting here. But for now what we're going to do is use these assets to build up this brand and build out like a sales presentation for it. Let's go ahead and we're going to be looking at this again. We've got this purple shape in the background. We have our main hoodie element. We have a drop shadow, and then we have this ghosted logo in the background just as a design element. These are the pieces we're going to be working with. Let's just start bringing this in. What I'm going to do is let's go ahead and bring over this background element here. I'm just going to drag and drop from my finder window right into PowerPoint. That's one way to work. If that doesn't work for you, I'll go ahead and delete this. Come up here to the Insert tab, and come down here to pictures. You go to picture from file. We can grab that same file that way as well. There's a lot of ways to work. Just like in any software, there's a lot of ways to get the same thing done. Now that I have this in here, what I'm going to go ahead and do is all I wanted to do is get this in here. I want the logo to be as separate elements. You'll notice his background, it's cropped off. But I want to be able to animate this logo separately. I've provided the PNG for you here, the logo file, and I just need a solid background to work with. I'm going to go ahead and right-click on this background again. Go back to Format Background. On this color, I'm going to drop-down. Instead of choosing an automatic theme color, I'm going to come all the way down here to More Colors. We'll click on that. Then I'm going to grab the little eyedropper tool. Now if you're on a PC, it might look a little differently to be totally honest, I'm not sure what the interface is going to look like, but hopefully you can get to where you can sample this color by clicking on it with that eyedropper tool, clicking Okay. Now your background is going to match that color. Then what I can do is just delete this image because I just wanted to bring this in as a way to sample that color quickly and easily inside of PowerPoint. We've got our background base layer set. Now let's go grab that logo. I'm just going to click and drag and drop in here. Again, if that doesn't work for you, you can use that Insert menu. I'm going to scale this up huge. It's just a decorative element. Just building this slide as we go here. Don't forget to save hit Command S on a Mac or Control S on a PC. Now that I've got this photo in here, I want it to match this background a little bit better. Let me just bring this back in here so I can see exactly what the color is. It's definitely ghosted, so we'll click on this logo here. I'm going to come over here to the Format Picture tab under the Picture tab down here under Picture transparency. We're just going to scrub this down a little bit. Now it's not perfect because I brought in this logo when I export this for you guys, this logo file, it's actually black versus how it was originally designed in photoshop, we can make it exact, but for now I just want to get it close just to keep things moving forward here on this course. That looks pretty close. I'm going to go ahead and delete this sample again. I've got the logo file on top of the background. Hopefully you're following along and it's going well for you don't forget to save as you go. Let's jump back over and keep bringing in more assets. The next thing I want to bring over is the hoodie file, hoodie.png. Bring that over. We're going to grab this purple triangle file, and we're going to grab the shadow file. Let's grab this purple triangle. We'll scale it down to the corner. Scale it up to fit and it's okay if it goes past a little bit, but whenever you want, use your creative license, get it close. It doesn't really matter. We've got this shadow here. Now you might run into a couple of things here. You'll notice this hoodie is behind this triangle. If I click on the hoodie, I'm a big fan of shortcuts. I'm going to keep telling you shortcuts as we go. Hopefully by the end of this, I'll be able to create a little shortcut PDF for you. But for now, I'm going to hit Command, Shift and F, to bring this all the way to the front. On a PC, it should be Control Shift F. It's going to bring that up in the layer stack. You'll also see that here under the Format Picture tab, we have bring forward or bring to front, or send backwards or send to back. You can click on these buttons to arrange these objects. I just happen to know Command Shift F will bring to the front and Command Shift B will send it all the way backwards. I use those shortcuts all the time. Now in doing that isn't all there at the back. You'll notice that the drop shadow is right here. Now if I hit Command Shift back on this, see now things are all messed up here and I can't quite select this hoodie again, so I could click on each item Command Shift B to stash this all the way to the back. Grab the hoodie bringing to the front. But you might run into issues where you're having a hard time layering these things. What we're going to do is we're going to come back over here to the Home tab. Then you should see this little arrange drop-down box going to click on that and come all the way down to selection pane. Click on that. Now you'll see all of these different assets. You can click on little eyeball to turn these layers on and off. This is going to help you. You can drag and drop and rearrange things. As I click on this picture 12, I can just rename this to hoodie. This is going to make it easier for you moving forward to see exactly what you're working with. This is our shadow. What's this, scary here? That's our triangle. This the last one must be the logo. Now I can see exactly what layer or these assets are in right now. With the logo on the bottom, we want the triangle next, we want the hoodie above the shadow. Let me bring our shadow down. But when I do that right now because I selected it here, I can click and drag to select it. But as soon as I do that, it grabs the hoodie. What I want to do is turn the hoodie off, grab this layer and then just drag it down, turn the hoodie back on. Hopefully that helps you as you try to grab different pieces, as you start to make a mess on your slide and be able to grab the different pieces you want. I'm pretty happy with this for this first sample. It's pretty much exactly how I want it to look. Now we want to animate it. Really fun and so simple. Again, for this to work, the magic key here is to have your transition set to morph. Design your slide exactly how you want it to finish, get that done, add morph. Now what we're going to do is duplicate the slide. I like to use the shortcut Command D to duplicate, should be Control D on a PC. You can also right-click and duplicate slide and you're going to see the shortcuts next to it here. We're going to duplicate that slide. Now what we're going to do is actually work backwards. This is the copied slide, but we want to start with this blank. The best way to work now we've got these two slides that are identical. They both have the morph transition applied because we duplicated this slide which duplicated everything including any animations we have applied to it or transitions. On this first slide, I'm going to come down here and I'm just going to zoom out so I can see more of my Canvas around the slide. Now I'm just going to start moving things. Thinking backwards where do I want this to come from and where I want it to end up? I want my hoodie to drop down from the top. Again, I'm on the first slide and not the second slide. On the first slide, I'm going to move everything off Canvas, so I'll move the hoodie up. I'm going to grab the shadow and move it down. The further away you move something, the further it has to travel, which will make the animation look faster or slower. Now we can also change the duration right up here. We're under transitions, under morph. Over here we have the transition at the duration of the slide. We can mess with that to speed things up as well. But again, the further off the Canvas it has to travel, the faster it's going to look like it's going. I'll going to grab this triangle, I want it to slide in from the right. It's going to start from the right. Then when it gets to the second slide, it's going to slide in that way. In the logo, we're going to drag it off to the left. Basically all I did was take all my pieces and just blow them off the Canvas. That's the first slide. Now the second slide, everything is exactly where I want it to go. Now this should be all we need to go ahead and make this work. I'm going to come down here and click on this reading view. I like this. There's the slide view. If I click on this, it'll take over my whole screen. Then you can see the presentation or this reading view it'll just pop open like a little reading view here. When you're done, you can hit "Escape". When you're done checking out your presentation. We have this here. I'm going to hit spacebar. It should go from slide one to slide two, put those animations in between. That's it. That's pretty much the magic sauce. We're going to use this for everything else we build in this course pretty heavily. That's the process for getting this setup. It's a ton of fun and as you see the process here, it's pretty simple to do. Now the next thing I want to point out, let's go ahead and make a little bit more in this presentation, I was going to make this before to show you something. I was like well, let's just make it together and you can see how I would continue this process. What I'm going to do is I'm going to hit "Command D" again to duplicate this slide. I want to show you the difference between JPEG and PNG and why it's so important as you build up these files, you want to use a PNG file. I'm going to do is I'm going to drag this. Can I shift click both these, I can't so the hoodie and the shadow layer and the selection pane. Again, if you don't see the selection pane, if it's hiding from you, you can come over here to home down to arrange, down to selection pane. I'm going to move this layer over here. Then I've already exported a JPEG version of this for you to play with. I'm going to come over here to hoodie_white_bg. Notice this one is a JPEG file so there's.JPG and the one that we've been using before was.PNG. PNG is a portable network graphic and it supports what we call alpha transparency. All the edges you can have cut out basically. Your file, you can see what's below it. With a JPEG, JPEGs do not support Alpha transparency so anything that should be transparent actually just gets flattened to a white background. We're going to drag and drop this image in here, scale it down. You'll notice again that white background. Gosh, it just makes it look terrible, doesn't it? It brings it in with it. I'm going to scale this over here. Let's say I wanted to animate the difference between a JPEG and PNG. Let's add a couple more elements here. Let's grab our text box. We'll call this one a JPEG. We'll just quickly change the color here. Maybe make it a touch bigger. Let's go ahead and center it. Bring it below. Now, I'm going to copy it Command C to copy, Command V to paste. I'll drag this over here and we'll call this one a PNG. Cool. Now let's say I wanted to turn this into an animation here to show you guys a difference. Well, let's see how this looks. We already have when we duplicated this slide, this morph transition came with it. Let's go ahead and do this reading view real quick. If I hit the spacebar, the hoodie and the shadow come over and the text PNG, JPEG in this hoodie, that was a JPEG just fade in. They don't actually animate and the reason why, I guess a fade transition technically is an animation, but they don't slide in like you want it to. Here's why. Let's not forget to save. File, save. The instance of this graphic is only on this slide. If we go to the slide previously, it doesn't live anywhere here. This hoodie is both on this slide two. If I jump to slide three, it's over here. It's in the same place. You can see over here in my selection pane, it's called the same thing. That's also key. They need to be called the exact same thing. If the names change, it'll break. Let's go and animate these in. A simple way to do this, I'm going to click this, click this, click this, copy it Command C, jump back to slide two and hit Command V to paste. Now technically they're in both places, but we don't want it to be here already. We want to move this guy off to the side. Maybe we move the word JPEG down and maybe the word PNG down. Now when this slide is active, you're only going to see what's inside of this Canvas here on the slide. Then these assets are waiting off to the side here to slide in on this next one. Again, making sure that the morph transition is applied to all three slides. Let's jump back over into this reading view, I hit spacebar and now we can see that smooth animation. 3. Real Case Study Overview: We are going to take a look at a real presentation that I made. I've pulled out a lot of the sensitive information that I can't show you. But this is based on a real presentation that was for a multi-million dollar deal. I want to show you the front part of these graphics and the end of the presentation as well. It's just to show you how I built this. Then when we add new information and data for the sales pitches, we add that information in-between. Real quick here, you can see right now I only have six slides. This is for The Third Bull & Co. which is a company I actually work for. In this reader presentation example here, the slide starts with our logo. Typically we'll have the logo of the people we are presenting to show up here as well. As you advance through the slides, we have some really simple animations with a morph transition that leads us into a little bit about who we are. Then at the end of the presentation and after everything else, and again, I had to pull some of those details out, it ends with this slide and then goes to here for final questions after the presentation. What I want to show you is just deconstruct how this is made. If you've been following along, you're aware that most of this, in fact, all of this comes from the Morph transition. Let's just look at this real quick and explore the different pieces. On this first slide we have a ghosted image of the logo. This slide was actually designed in Photoshop and just exported as a JPEG image and that JPEG image was just set for the background. Super basic stuff. We copied and pasted in the PNG version of the logo. Then on the next slide, and you'll see that the pieces for this next slide are already living here at the bottom. You've got this bull and then we've got all the different pieces of text. Let's undo this here. It's all ready to animate to the next slide. Again, right now, if we come back to home on this home tab, come off to arrange and come down to the selection pane. You can see all of these different elements. I actually didn't take the time to rename these. But you do want to make sure, again, between the morph transitions, that all of your pieces have the same names between both slides, otherwise they won't animate correctly. Here we just put these layers in place and where we want them to end up after the transition. Then for the next slide, we have this. What happens here if I move this out of the way? You can see all the little text just got shrunk down behind this guy. Let me zoom in a little bit so we can see this better. This circle graphic I downloaded from Envato Elements. I love using Envato Elements. I don't make any money to tell you guys to use this. I could be an affiliate, but I just believe in it. I actually subscribed to Envato Elements and I use this for all things. You can search for everything from stock video to photos and graphics and video templates and even WordPress themes, all amazing stuff. I use this every single day in my design work. If you search for presentation, and scroll down, you can see there's presentation templates. I can click over here on "See more." You might be looking for something specific. You can search by color. You could search for whether it's a Keynote or PowerPoint or Google Slide. Just go through here and just see if anything sticks out to you. That's what I did. I was working really quickly and I needed a circle graphic, like this. To be honest, I don't remember where I found it, but I found it in here, and I downloaded that asset and brought it in. There it is, here on my slide. That's how I did this. Then these are just regular text boxes, and so is this sitting on top of this graphic. This is his picture 19. Let's come back here to where picture 19 is, it's up here at the top. It looks like I maybe made a mistake as far as the naming of this. But this graphic is actually on the Slide 4 and it's transparent and it's turned just a little bit. I just click on the graphic and I rotated it just a little bit this way. Let's take a preview real quick and see how this looks. I hit "Spacebar." The graphic was already there, just at 0% transparent. Then as it animates in the next slide, it goes to 100 percent or fully opaque, and it rotates just a tiny bit. I'm going to hit the "Left arrow" to go back, hit the "Right arrow" to go forward. You can see how it makes that circle spin. The next thing for the next slide. If I hit "Spacebar" to go to the next slide, you see how it rotates out. Let's jump back over here. On this slide, it's sitting like this and on the next slide, I move this out of the way, clicking here, you can see it's transparent. If I right-click on this, I can come down to "Format Picture." My "Format Picture" tab's open up here. Over here on the right, let's click on "Picture Transparency." It's backwards if you come from the Photoshop world, 100 percent usually would be to where you could see it and zero would be totally transparent, but it's the opposite in Microsoft. I have it set to a 100 percent transparent on this slide and the slide before it. Come back over here, you can see it's set to zero. It's just animating from here to the next slide and rotate a little bit is how I get that effect. Very basic stuff. Let me undo some of this here so I don't ruin the slide. If I zoom out, you can see I've got the pieces over here ready to animate back in to this slide. That's pretty much it for this video. That's how this presentation was created. In the next video, I'm going to push a little bit further and show you a couple of tips and tricks for how I actually brought in these specific assets. 4. Animate a Logo: In this video, I'm going to go ahead and show you exactly how I made this slide and how I brought in these assets using Adobe Illustrator. So as a designer first, I'm almost always using Illustrator for everything. I realize if you're following along in this course, only for PowerPoint, you might not have access to Illustrator, but you can do a very similar technique in other applications like Canva or there's a handful of others, but this is just my workflow and hopefully this helps you get some ideas on ways that you could maybe create something similar. So what I'm going to do if you want to follow along and you have Illustrator and if you don't, a quick reminder, you can actually jump into, if we open up a new window here, adobe.com and read at the top of creativity and design. Down here we have Illustrator. You could, if you wanted to do a free trial of Illustrator and see if you like it and see if it's something you want to follow along with. But way beyond the scope of this specific class. So let's go ahead and dive in if you want to follow along. I'm going to open up this T3B graphic here in the lesson files. This is what you're going to see now this is a graphic I made for a trade show booth. This specific graphic was printed eight feet tall and about, I feel like it was like ten feet wide or something like that. So we've got this bowl and everything's all grouped together and it's got a mask over the top. This is a little bit advanced stuff. I'm going to right-click. I'm going to release this clipping mask. Now, that little transparent square that was hiding everything that went past it, it's all released. I'm using the selection tool, using the letter V for my shortcut and Illustrator. I have everything here and it's still sticking together. So what we're going to do, is we're going to go to object. We're going to ungroup everything. The shortcut for that is Shift Command G on a Mac or Shift Control G on a PC. Now I can click over here and now I can grab each individual piece. What's really cool about this? Let's go ahead and get back into PowerPoint real quick. I'm going to go ahead and start from scratch. Let's go and make a new presentation. We'll just do a new blank presentation. Come down to layout, go to blank. Go to transitions will make it be morph. I'm flying through here because hopefully you've already gone through the other lessons and then this is, we've already been through here before. Let's go ahead and make the background color black. So we've got a brand new presentation. We're ready to rock and what I want to show you is that in Illustrator, I can click right on this asset. I can copy it with my shortcut Command C on a Mac, control C on a PC. We're going to jump back into PowerPoint and I'm just going to paste this right in there. I didn't even have to export anything. I didn't have to try and save it as a PNG or do anything fancy like that and if I come back to my background color and I changed it to a different color, you can quickly see that it is indeed transparent and it came through exactly how I wanted it to. I'm going to right-click on this background. Let's go over here to the color, let's make that black again. Now I've got this in here. Let's go and bring it over the other pieces as well. So I'm going to come back in the Illustrator. The point of this video, you guys is I wanted to show you my workflow. This isn't necessarily follow along. You're welcome to grab the pieces and play with it and give it a try. We're going to go a little bit quicker through this. So let's grab the third text. So I'm just going to click on it with my selection tool. Jump back over to PowerPoint. Right now I'm just trying to get all the pieces over here. I'm moving a little bit fast. Hopefully fast enough for here. If I'm going too fast, don't forget, this is a video. You can pause it, re-watch it, rewind it, anything you need to do in case you get lost and also if you have questions, feel free to pop in the chat below, let me know. In the meantime, let's go ahead and keep going here and get all these pieces over here. So I'm going back into Illustrator copying that, and then just pasting it right into PowerPoint, super cool stuff. To be totally honest, I don't know if this works on a PC. I really hope it does for you guys because I'd be a huge time-saver if it does not work for you on a PC, but you are using Illustrator, you still could grab each one of these assets and export them separately. The fastest way that I've found to do that is we've got this little Asset Export window over here. If you don't see that come up here to window and there would have an asset export. You can grab each one of these pieces and drop it over here, maybe give it a new name. I should do it just to kind of keep it clean. Let's get each piece in here and get it named real quick. I apologize if you don't have Illustrator and you're like mine, I just came here to learn PowerPoint. Hopefully this will give you some ideas for ways you can work in the future if you ever come back to it. So we'll try to make it brief since this isn't technically an Illustrator course. Let's go to call that. We'll call this bowl icon. So now I have all these pieces in the Asset Export and I can shift click all of these, and then down here I can choose my settings. So depending on the size of your graphic, you can actually scale these up four times or the exact same size or double it. This is fairly retina display stuff if you're doing web design and you want an asset at both the original scale and maybe two x scale. That's how you would use this. But I'm going to go ahead and x out that second export I just needed at one axis, totally fine. I want it to be a PNG, so that way it's all transparent. Then I'm going to click on this little window down here, await all these goodies selected. Let's do this again real quick. So if I click on this Export for screens, you can see a few more details. We can tell it where we want to export all of these. So I'll click on this folder. I'm going to come in here and I'm going to export them all in here as well. So that way if you don't have Illustrator, you're welcome to follow along with these as well. Let's use that folder. I'll click Export Asset and let's see what happens. Should go pretty fast, this is building it right now. So now we have all of these as transparent PNG graphics that if you want to play along with, you totally can without having to have Illustrator. Perfect. Let me have all those pieces. I'm going to jump back over into PowerPoint and they're all over the place and honestly, I'm not really sure how to get them to be the exact size. So what we're going to do, by not really sure what I mean is I don't really remember without looking at it exactly what size they were. So I'm going to show you another way that I work. I'm going to come back over here. I like to use a shortcut Command Shift and then number 4. Lets me get this little cross-here that then I can click and drag. Did I hit spacebar key? And I move this right where I want it to go this whole time I've been holding down the mouse key. Haven't let go yet. Now I'm still holding down the mouse. I see that I've got this little anchor point things showing up and I've got these x y coordinates, but none of that matters. All I'm doing is using this as a reference. Now before I let go the mouse, I'm going to hold down the Control key and then let go of the mouse. It's going to take a picture of this and save it to my clipboard. Real quick again, that's Command Shift four, click and drag spacebar to move it all while holding down the mouse before you let go, hold down control. I know that's a lot checkout the shortcuts. The shortcuts will be up on the bottom of the screen. Then I'll jump back over into PowerPoint and I paste that screenshot as an image. If that's all way beyond what you want to do, you could also just export this whole thing. File. Export, Export As and you could just save the whole thing as a PNG or JPEG or whatever you want. Use the art board. I'll click Export. This all looks good. I'll click Export. Now you have that as an option as well. Lots of ways to work. But for me to take a quick screen grab of this thing is definitely a faster way to work. Back in PowerPoint. I can take this graphic and I can scale it up wherever I want it to be as far as size goes. It's getting a little confusing here, so I'm going to change that background back to a lighter gray color so I can kind of see what I'm working with. This is all the way in the front. So I want to push this to the back and the shortcut is Command Shift B as in behind or back. You can also come over here to the Home tab. Over here we have this little arranged box and we want to send this to the back. Either way, multiple ways to work. So I'm going to scale this down. Try and get it about the same size. Here. It doesn't have to be exact unless you want to be exact and you can take extra time to really make it perfect, but we're just trying to get it close. Close enough. Then what I can do is I'm going to Shift, click both of these, scale them up a little bit together. This kind of be centered on the Canvas. Should snap here. I'll bring this guy back down and now I can start bringing in my other assets and getting them about the same size as everything else. The reason why this is super-helpful is because if you have a logo or a graphic from the client or your company and you want to match exactly. You might be faster working in a software or an application that you're already comfortable with, like Canva or Procreate or Photoshop or Illustrator, pick one. Or maybe you've had a JPEG of it and you want to recreate it in PowerPoint and so sometimes it's nice to get it closer this way instead of trying to guess, I hope that makes sense. I'm not going to get too picky with this because the purpose is just to give you an idea of my workflow and maybe give you some ideas of ways that you can work. Let's see, it's snapping on things a little bit. So that's going to be close enough for you guys to see how I work. I'm going to delete this image, so it's just these graphics and now the last thing I need to do is click on the bowl because I want to be in the very friends and hit Command Shift and F to bring them all the way to the front, and that's pretty done close. Now, if I highlight everything here and I go to scale it up, you'll notice it's scales kind of weird. It scales everything from their center anchor points instead of relatively. So what we're going to do is we're going to group this real quick. If I right-click and I come down here to group, I can hit group or here's your keyboard shortcut option Command G. Now that it's one group, I can scale the entire group. Make sure hold on Shift so it doesn't skew it. I can scale this up as big as I want and everything stays in place the way I intend for it to stay. Hopefully that makes sense. Then once you get this where you want it positioned how you like it, then you can ungroup it. Right-click Group, Ungroup or Option Shift Command G to ungroup it. Now you've got all those pieces again. Let's change our background black to black one more time. This is how we want the slide to end up. We already have our morph transition applied. Let's duplicate this slide. Go back to the first one. Let's scale it all down, and I want this to rotate in a little bit. Maybe scale up a little bit, and we're just going to slam it down here. Same thing will rotate it a little bit, scale it down, bring it behind the head here. It's not exactly like I did the first time, but it's the same process. Now, we could duplicate this slide, drag it to the bottom, and in theory, preview this. It'll animate in the spacebar. In spacebar again and I'll animate back out. That is how I made this presentation for my company. I hope you enjoyed that. I hope you learned a lot and don't forget if you want to follow along. All of those assets are now in the assets folder, and I can't wait to see what you do with this. 5. Parallax Scene: [NOISE] This is part of another real presentation that I did for a brand. It was a red lighting hot theme, and so we had this forest here. In this lesson what I'm going to show you is how to build a parallax scene in PowerPoint. Well, the best way to show you is to show you this animation. As soon as I hit the next arrow key you can see how the layers move at different speeds, and it gives the illusion of depth. In animation we call this parallax. What that means is we got different pieces of the backgrounds moving at different speeds. The best way to imagine this if you are driving down the highway and you look at the window, you might see the speed limit signs flying by you really fast. Maybe further of from a distance you might see buildings, or you might see trees, or you might see fields moving at a different speed, and then further in the background you might see mountains or you might see the sky, clouds, the sun, whatever, and those different layers that are further back move much slower. When you animate things in this case if we look at the moon up here at the top, it's moving but it's barely moving and these clouds are moving but there barely moving. Ten this next layer; the mid-ground of this layer, is moving a little bit faster. And foreground here these are trees and bushes in front of this text is moving much faster, so it makes it feel like you're in this 3D scene and this is called parallax. Let's look at exactly how this is built. First we break this down, so again similar work process, you'll notice that all of these slides have that morph transition applied to it. These over here; this one has a fade transition, but then over here it's a morph. Honestly, this is probably just a mistake in the file that I didn't notice. We're going to put that back on morph. We're going to keep these all on the Morph transition, and I'll go ahead and save this. Your file should be already up to speed here. If you want to follow along; what we're going to do in this lesson, because we're going to recreate this scene. I've included the Photoshop file that I use to build this if you have Photoshop and you want to play around with it, otherwise, if you don't have this parallax scene folder which has each piece broke apart as a PNG image. You can use all of these pieces to create this scene with me. If you want to follow along that way you're welcome to, and otherwise if you want to check out this Photoshop file let's open this real quick. You can see it's a little bit of a mess, and I'm also using things called Artboards. Again, way beyond the scope of this current course, but I do have some other courses that will go much more in depth with Photoshop if you want to learn more. In the meantime just notice in this file in the Layers panel; I've got all of these layers, and this is how I built the file. So I brought in a photo, I did a bunch of Photoshopping, cut everything out, stacked together, and then exported each piece as a PNG image. This is how I did this and then over here this artboard was just for the background layer. If I come back over in the PowerPoint, you can see the background is it's got this gradient in the back. That's how this was built. If you want to play with that, you're more than welcome to. I'm going to go ahead and close this. Don't save. It's a mess, it was me working fast. Nobody who was supposed to see this, but if you want to check it out to learn, go ahead, have fun. You probably shouldn't use it for a client because I've already used this for a client, so we obviously don't want to copy things but I want you to be able to use this to learn from it. Jumping back into this sample here you can see that we have each one of these pieces, and this file is about to get pretty crazy. What I want to share right now is just the main principle for how to get here. Let's make a new file just so we're on the same page. Make a new presentation. You know the drill by now if you've been following along. What we're going to do first is let's go ahead and format this background, and let's go with a picture or texture fill. We're going to insert a photo from our parallax scene. I don't remember which one it is, blue background.jpg. We're going to throw this into the background, then we're going to go to our transitions, then we're going to apply the Morph transition just so as we clone all of these layers. They all have the right settings. Now that I've got that set, I'm going to hit "Command D" to duplicate this or right-click. I'm going to have to duplicate slide. Now in this scene, let's go ahead and build our entire scene. What we're going to do is start bringing in all the pieces one by one, so eventually it's going to look like this. To do this quickly, jump back over in our parallax scene. Also as a bonus, I've provided these clouds. If you want to experiment with this further or maybe use this in another presentation about all kinds of clouds you can play with here, have fun [LAUGHTER] if you want. Let's jump back over into this parallax scene, and let's just bringing all the pieces over. Let's bring the background pieces in first just to quickly scrolling through all these assets to see what we have. We'll probably make the moon be the furthest back, so let's just drop this right in here. I'll put it up here somewhere. Next will probably be the cloud layer, so let's come back up to our clouds. I'm going to command-click both of these. Select them both at the same time to just drop them in. Now I'm not trying to recreate the exact same thing I already just did, I'm just trying to get it close. You'll also notice when I exported this if we look really closely, it's chopped at the top. We don't want that to show up in our file, so what we're going to do is just put this at the top and then that will be great. Good to go. Now the other thing is as we animate, notice we go from left or I guess rather from right to left. Everything starts in this edge and then moves to the right. As we build this we want to give yourself space to move further, so this cloud has plenty to move. We could start further off if we want to where it covers the moon, whatever you want. Not that it doesn't really matter, it does really matter. We've got our clouds in place. Next, let's keep going. What do we want to add in front of that? Let me just look at this file again. We've got these trees, we've got this background layer. Let's look for that real quick. We'll start with Tree.png. Let's come back over here, let's throw in Tree.png. We just throw that in there like so. Let's grab and I've brought a lot of stuff in here from when I built this originally. The background trees, let's throw that in there. We might need to send this back one, so let's go to Send Backward. We'll click on that under Format Picture. You'll notice if I'm under Home, and come onto Arrange, and move things around, or in this case if I was on the Format Picture tab on the ribbon then I can just click these buttons right here to send it backwards. We're going to play with the way these are stacked and you might need to experiment to get the best results, but more than anything I just want you to see the process and just see how this is built. So I'm going to put that in there. Let's get another layer. I suppose I could have named these a little bit better; dark tall trees. We'll put these over here, and because it's a hard edge we put some on top-left and then dark tall trees group. Where can we stick this? Let's see if this even belongs in here. We'll stick these guys all the way over here and what's going to happen is as we animate they slide in from the right, so we'll put these way the heck over here. Front foliage, let's see what else do we have. I maybe could have named these better you guys; I apologize in advance, but you know what? Again, I want to be really transparent with my workflow, so you can see how I built this. This comes in exactly left to right, but I need room to scale this. I'm just going to scale it up this way, and it might look like garbage, it might look pixelated. We're going to play with it but we're going to start everything flush left and then it's going to move from the right towards the left, so I want to give myself space to work. Because this foreground is going to be moving quite a bit faster than the rest of it I'm actually going to scale this even bigger because I want to have plenty of graphic to keep moving this way. Does that make sense? I hope it makes sense. Let's see what happens. I'm not too worried about this being perfect right now. More than anything, I want you to see the process. There, we've got that. Then the last I did add a vignette. We hit Space bar, you can see it's just a burned edge to make it look like a dark forest. We're going to bring this in as well and it looks like I need to resize this to match my background. It doesn't have to be perfect. Again, I'm just showing you the process. Now that we've got that I'm going to go over to Arrange, come all the way down to selection pane because we have all these images now. Because this is about to get crazy; I spelled that right, I think I did; Vignette, we want to make sure we know what pieces were working with. Foreground, Top Right Trees. I'm making this up as I go guys, it doesn't really matter. Whatever makes sense to your brain. Top Left Trees, we turn it off so we can see what's next. Right clouds, left clouds which means that this is our moon. Now we've got everything named and we'll turn all of these layers back on. I'm just going to hit the "Preview" real quick just to make sure everything is starting. I want to make sure that having slivers over here on the side that weren't correctly lined up. I see something weird going on here, but I think it's just the window. I saw these black edges, but I think we're in good shape. Moving right along, now what we're going to do, is we're going to save this, actually. [LAUGHTER] Let's go to File, Save As our parallax scene. I'm going to call this end because by the time this is all done, it'll be the full thing. Great. Now we're in really good shape. The last thing we need is some text. Let's add some text, I'll grab a Text Box, click-and-drag. I'll say Title to make it pretty large. Let's center it, maybe make it bold. Perfect. And then last is we want to actually center. I want to turn off this vignette. So I select it, which we're going to center this. In fact, I might even bring it down a little bit, and then over here on the layer, this is our Text Box, I'm just going to call it Text. We're going to drop it below the foreground so that we get some of that really cool interaction with the layers that I built, okay? Boom, looking good. Let's bring it up just a tiny bit. There we go, totally bold. Now we're ready to actually build this thing out. What we're going to do is come back over here and duplicate this slide and now we start to move things. So the foreground is going to be moving much faster than the background. A few ways to work, one is just to grab things and just start moving it around to see what you like, or let's go over to Format Picture. Let's come over to the pink bucket, size, position, there it is. We could do it this way too. I'm under Format Picture, horizontal position. We could manually key things in. I'm going to keep it horizontal. Let's go from 6.4 to 6.5, nope, we're going to go down. We're going to make this 6.3, so the moon moved a little bit. That was about 0.1 that we moved the moon. Let's go back over to our selection pane, let's grab our left clouds. Go to Format Picture, under position, and we're at 4.05. So let's drop this down to about 3.9. I'm making this up as I go you guys, let's see what happens there, they move a little bit. You could also just, if you're impatient, grab things and move them a little bit. Lots of different ways to work. If you want it to be exact, you can come in here and key in the position. If you want to move it with the mouse, just come in here and move with the mouse. Now this layer is going to be a foreground layer, so we want to move a little bit further than the cloud layer, and this background a little bit further, and then we've got these things that need to move a little bit less, and then this thing we wanted to move quite a bit. So let's see how we did there. Let's see, and this is a lot of trial and error. I hit space bar. It actually isn't too bad. Now the file is a little messy. I noticed as it's bigger, I see these cutouts here are not super clean. There's a lot of stuff going on here that we might want to clean it up a little bit. Also, I notice this layer isn't moving at all. So we missed one, Cancel, back to our selection pane, back trees, middle trees. I think it wasn't the back. This is where it gets really confusing, really quickly. But it's the process and when it works, it's a lot of fun. That's how I did this. That's how I went through and created this parallax scene. I am going to hit "Space Bar" real quick. I totally goofed something up. I went the wrong way. [LAUGHTER] That breaks the illusion pretty fast, doesn't it? Let's move this tree. As I was animating things, I wasn't paying attention to which slide I was on as I was moving things around. Let that be a lesson to you as you go through this process to pay attention to what slide you're modifying and honestly it's a process. Let's try this again. That's better. It's not perfect, but it's better. Then what we can do is we can animate from this title slide to the next title and there's a couple of ways we could do it. But the one that I'm going to show you right now is we're going to click on this Title Text. We're just going to drag it off the edge here. Now next slide, it wipes off and we want to wipe in the new slide from the other side. Let's go ahead and copy this, copy it. Actually, what I want to do, I'm just going to click option and drag a copy this way, so it's right in line with what the other one was. Get this centered up a little bit, Another Title, cool. I am going to grab this Another Title, copy it and go back to the one before, and paste it in here and move it to the right side. Now as we preview this again, it should wipe from one to the next. You'll notice this title was in front of all of our foliage. So let's grab our Text and let's just drag it down behind that foreground. Let's preview one more time, Space Bar and our Title wipes in and is behind the foliage. That is how you would build a parallax seen in PowerPoint, and then from here it's pretty straightforward, you would just continue to duplicate the slides, so command D to duplicate. In this case, in this copy, we don't need this title here anymore. We delete that and we can grab this Text, drag it off to the side, and just continue to work through our layers, moving layers further towards the left until you're happy with the results. It's pretty painstaking, but it's a lot of fun when you get it right. Very painstaking and honestly a pain. It's a pain to select all of these layers, so you might even go through and turn them off and then move things where you want them to get the effect you're looking for. Pretty much, you get it from here you guys, I don't want to bore you with me going through, doing the same thing over and over. We're going to turn this video off here in just a second, I just want to see how it turned out. Hit "Space Bar" to preview, Another Title, and then we would obviously drop in a third title there. That my friends is how you make a parallax scene using PowerPoint. I hope you enjoyed that. I hope you learned a lot. Don't forget you have those lessons to follow along. I'm sorry, the exercise files if you want to build your own and follow along and I would love to see how it goes for you. So don't forget you can share your project with the group here and go ahead and post that below when you get a chance. All right guys, well, see you in the next video. 6. Class Project Introduction: For the next few videos, I'm going to be working on my class project for this class. It's going to be building a portfolio video using PowerPoint for this brand called the mysterious energy coalition. There's a lot going on here. In this intro video, I just want to walk you through what we're going to be doing here for the next few videos, and then I'll get right to work. The mysterious energy coalition is a fake brand that I made up for another course that you can find here on Skillshare. If you jump over here to Skillshare and you go to my profile, there should be a link below here somewhere. We'll just scroll all the way down. You can see all of these courses that I've been teaching here on Skillshare. Specifically, this logo design, graphic design for beginners create logos in Adobe Illustrator. In this course, I show you exactly how I designed this logo. It was a ton of fun to do, and we used a random word generator to come up with random words and then build a logo around it. That's how we came up with the word mysterious and energy and coalition. It's random, but it's a lot of fun. Now what I want to do is create a portfolio post and I use Behance. I love Behance, I live stream on Behance. If you haven't heard of it, check it out behance.net. If you were to behance.net/mitchellsgarage, you can see my portfolio and some of the things that I've been building here as well as live stream. If I click over here on "Livestreams," on Behance, you can see all the live streams that I've done. I've got a ton of them in here. You'll be able to see exactly how I created this mockup as well. I do this live and you guys can check that out for free. It was also another really fun project. What I want to do now, if I go back to my work here under the Work tab, makes sense? You can see that I've started this hoodie apparel mock-up thing. If I scroll down, you can see this was a similar deal where it was the classic surfboard company same thing used a random word generator to come up with a logo, at least the text, and then I had to design it. If you scroll down, you can also see the live stream where I show you exactly how I made this project as well. What I want to do is use PowerPoint to add a video on this portfolio page that shows the process, or rather shows off the brand that I created. That's what we're going to do in the next few videos, is we're going to go through. If you want to follow along, by the time this is all done, you'll be able to grab all the different pieces that I've exported if you don't have Photoshop or Illustrator but you can also create your own portfolio piece. If you have, whether it's photography, logo design, typography, a poster design, print design, web design, it doesn't really matter. But if you're looking for a way to put into practice what we've been learning so far in this course again, you can grab the pieces that I'm going to provide, or if you have something you can use to follow along even better. That's what we're going to do. I'm going to go through and I'm going to export all these assets, get them all ready. Then we're going to dive into PowerPoint to put together a presentation. Here is a vehicle mockup I made with the brand just having some fun. These are some thumbnails I use on the Behance channel just to show off, so I've also used this brand I made a 3D mockup. I've done some vehicle wraps and some apparel designs. Lots and lots and lots of fun stuff that I want to show off in PowerPoint. Stay tuned in the next videos, we're going to dive into the project. 7. Building the Background: Welcome back. Let's go ahead and dive into this project. What I'm going to do to get started is starting to create just the different slides that I want to feature for this brand. Let's go ahead and jump into PowerPoint and we'll make a new file, obviously, something you are used to. It'll just be a blank presentation, nothing fancy and in fact, I'm going to click on this first slide, go to "Layout", make it a blank slide. Now let's go ahead and save it. Save as, and let's call this, Mysterious Energy Coalition portfolio. Then let's go ahead and save this, and make a new project or new folder in here called Project. Let's call it Class Project. How's that? In that way you guys can play around with these files. When it's all said and done, let's go ahead and save this in here. We'll click "Save", and now as we continue to work through our project, nothing gets lost. I'm going to go ahead and start with the background, just building up my layers in no particular order. Also, let's review these files real quick. Again reminder, this course is for graphic designers who want to do better in PowerPoint but I recognize many of you might not have any experience with Illustrator and Photoshop. You can skip this lesson if you want to and just grab these pieces later, but we're going to go ahead and just export some of this and get it ready for me to build my class project. This is the logo file that came out of the other course that I was telling you guys about. This is how I ended up making all of these different versions of the logo, some different colors, things like that. We're zooming in really far. There we go. During the last course, I was just playing with some different colors and things, but I don't really like, honestly, any of these versions, my favorite version of these colors. I love the logo, but the actual look of it, I really like how it was shaping up when I was making these thumbnails. Specifically, I look at these two hoodies. I like this orange because it's different than stuff that I usually do. It gives me more options. However, visually, this one's my favorite. It doesn't have any of that orange. I just like the yellow, the teal, the navy blue going on here. It's super cool in my opinion, but I might show off multiple versions. Looking at this apparel mockup's thumbnail, I've got multiple hoodie versions that I've done, vehicle wraps. Lots of different ways we can play with it. For right now, what I'm seeing, if I look at the background on this, just to the background on this, I see the logo huge as a decorative elements. I see this grungy yellow stripe and then this blue background. I want to pull these pieces out and make them separate pieces that I can animate into my presentation. Through the magic of video, we're going to skip ahead and have all these pieces exported. What I've done is I've exported the main background elements. That is a blue corner, I've got this logo, and then I have this stripe and I exported them all in Photoshop. Basically, just going to layers that I wanted using the selection tool, grabbing each piece. Coming over here, my layers, right-clicking and then quickly exporting as a PNG. That's what I did to all the different pieces that I need to build this background. When I come back over to my slide, let's start dropping these assets. We've done this before. I'm just going to throw this in there real quick. I'll grab each piece, and we might need to scale some things around. But so far it's looking really good pretty quickly because my size was about the same size as this presentation so I don't have to scale anything too much yet. Let's see how this shapes up. We might need to adjust this a little bit. That was really easy. That was very easy now that we have all of our pieces to work with. Let's see if I want this cropped off or not. Now I've got my background really straightforward. In the next video we're going to continue to bring in more assets. 8. My Workflow: Export Assets from Photoshop: In this video, we're going to export these two hoodies so we can use in my project. Now, initially I wasn't going to show you guys this because this is a PowerPoint course, but the more I thought about it, I want you to be able to follow along if you are a graphic designer. Again, it's really important to me to show you guys my workflow and my thought process. I'm going to go pretty fast through this. If it's too fast for you, just a reminder, you can pause the video, you can rewind the video, watch as many times as you need to. You can also skip it completely and just grab the assets when it's all done. I don't want to overwhelm you, but for those of you who are maybe more intermediate to advanced and you want to see my process, I'll go ahead and show it to you. That's what we're going to do in this video. I'm just going to fly through it. In this design file I've got these art boards in Photoshop and specifically I want to export these assets. Now, these layers are what we call Smart Object in Photoshop. If I look over here in my layer, I see the hoodie and I see this little icon looks like a piece of paper. It's a smart object, which means that there's actually multiple layers inside of here. There's way beyond the scope of this course. I'm going to double-click on it. Now I can see inside the smart object I have all the layers for this design. If you want to pull this apart, grab it from the assets, have fun with this file, you guys do whatever you want. Let's just keep going. We have this hoodie. We have all the little different design elements going on in here, all the different masks. Specifically down here I've got this group, which is the little shadows that I created underneath the arms and then I've got this layer down here, which is the main shadow under the body. I'm going to group both these. Just going to rename it, shadow. I'm going to right-click, quick export as a PNG. We're just going to call it shadow and we're just going to slam it right in there. Then the next thing we need, I'm going to turn this off. Come right back up to the main hoodie file, right-click and we're going to export as a PNG called hoodie, click "Save". Let's just check this out real quick and make sure it exported like I wanted to, so there's my hoodie, it's cut out. I could maybe do a little bit of a better job. It's got a little bit of a light stroke around it, but I'm not worried about that for right now what we're doing. The shadow, just that, just a little shadow. We're going to be able to pull these pieces into our PowerPoint presentation. I can close this smart object without saving it. I see little asterisks here, which means it's not been saved, so those changes I made where I renamed the layer to shadow and turn that off. If I close it, It's not going to remember those changes. Don't save. Now it didn't mess up anything here in this file. Same thing to this hoodie in the back. Double-click on this thumbnail to open up this smart object. Let's go find those shadows down here, rename it shadow. I'm going to do my quick export, right-click. Quick export as PNG, it's going to export that shadow. Honestly though we don't need to do that because I already have this shadow here. Just in case they are different sizes, I'm going to call it shadow 2. I think it's the same though, I'm just trying to fly through this. Let's go back up and first let's turn off the shadow. Then go back up to this folder, right-click and we're going to go to Quick Export as PNG. Now we've got the purple hoodie as well. That's pretty much it. I've got those assets ready to bring in and let's just go ahead and do that real quick and then we'll move on to the next lesson. Let's bring in our purple hoodie. I'm just going to drag and drop right in there. Let's come back to our regular hoodie, I guess I could call it blue hoodie, however it doesn't matter. Just throw it in there. I've got two of them. Then we have our two shadow layers, which again because of how I built this file, they should be identical and they are. I'm going to go ahead and just delete shadow 2. I only need the one file, bring that in there. This is going to need to scale down a little bit to fit nicely underneath. Then I can shift click that, drag them both over here. I'm going to need to re-position the shadow and the hoodie. We'll get back to that here in a second. Then let's clone the shadow file holding down "Option", click and drag, holding down Shift to snap it in line with the other one. Now, we've got two hoodies with shadows. That's it guys. In the next video, we're going to continue to build our slides, add some more text, add some more elements, animate some things, and have tons of fun. 9. Tips for Animating the Shadows: In this video, I'm going to go ahead and animate these two hoodies that we brought in. But I'm going to show you two different things. Pretty straightforward. This shadow, if it was with this hoodie animating from the left or the right, either side. If it was coming in sideways, the shadow would stay with it. If it was going to drop in from the top or the bottom, then the shadow's, let me show you this actually. Let's shift click that. There we go. If we were to drop in from the top, the shadow wouldn't go with the whole thing. It would actually come in together. As this comes down, this shadow would actually come in from the bottom, and it would probably start transparent because there would be nothing there until if this were the horizon or a tabletop or something, the shadow wouldn't really show up until the product got closer to the ground. What we're going to do, let's undo all of this. Let's go ahead and get these scaled to the right size. The first thing I'm going to do, remember, if we scale these now, they don't really stick together like you want it to, we're going to right-click and group this. The shortcut on a Mac is Option Command G, or Control Option or Control Alt G on a PC. That's a group. We're going to group this guy. I can shift click both of these, scale them down, holding down shift so they don't get skewed funny. There we go. Now I've got these two guys and I'm going to shift click one more time both of these, right-click group these, then I'm going to align these. Let's go through to a range, down to align, align middle, and is that center too? I'm not sure. Let me see align center. Now I know these are perfectly centered and aligned visually though. I want them to be down just a touch, so the actual hoodie itself is more centered to the graphic. Now that I've got that, I'm going to right-click, go to group. I'm going to ungroup those, right-click Group, ungroup each one of these so that where the shadow is separate from the actual hoodie. Now this is how I want the slide to end up. Let me hit Command D D to duplicate this. The slide three is going to be the final. We've done this before, so I'm going to fly through this because we've already learned this. I'm just going to show you how I'm building my project. We'll slide this guy off to the side. This one, I'm going to have them drop in from the top just to see what it looks like. I'll see which one I like better and then we'll go that route, but that way you can see the two different effects. We're going to drag this shadow off and then when I click on it, I want to format picture. We'll click on the Format Picture tab. Let's go to the format pane. We'll click over here. Let's see, it's this guy, this fourth tab over. I'm over down here to picture transparency and we're going to scrub this all the way to the right, so this is totally transparent. That way. Hopefully the effect is when this animates in the shadow goes from transparent to solid, and it looks cool. Let's see how this looks. We've got the intro, animated these in already, hit "Space bar" one more time because the next slide and what I want you to notice is how these shadows come in. The one on the right, it just stays with it because it's in the same horizon line, is that the right word? I don't know. Then the other one that's dropping it from the top, the shadow comes in from the bottom. I really like that a lot. I think that's cool. I'm going to leave them both for now and I'll make a decision later on how I'm going to keep it. But just a little tip for you as you're building this, if you want to use shadows, something to pay attention to. In the next video, we're going to keep flashing this out by adding some color samples and the typography as well. 10. Export Your Presentation as a Video or Gif: In this video, we're going to do a quick review of where we're at with the project, and then we're going to export our file, so we can actually use this thing and post it on your Behance profile or wherever you want. First of all, let's go and take a look at this. I decided to add the logo as a first slide, and what I did is I brought it in as separate pieces. These pieces are in the lesson folder. If we go to class project in the assets, I have each one of these pieces separated out if you want to play along. Let's keep scrolling down. Then I also have the full version if you just want to bring that in separately like that. What I ended up doing was bringing in the full version on this slide, and then I brought in the pieces over the top, and then deleted the full version and that way I could get the alignment correct. The reason why I did this is because, in our previous lessons, when I showed you how to do the parallax scene, I wanted to do that to this logo as well. I created this logo here, and then in the next slide, I brought over those pieces and what I did is I highlighted them all, then I grouped them, right-click group, group, [LAUGHTER] pasted them in here, rotated it and scaled it. Now what happens when I preview my presentation I hit "Spacebar, " there we go. You can see the pieces move separately, which is a cool effect. The other thing that I did is I staggered these layers, so that way, this piece sits behind the stroke and the icon sits in front of it, again adding more depth to the whole piece. That's where we're at right now with that. Then I also added an extra slide and added some texts as well, and then looped it back to the beginning. If we go ahead and preview the rest of this to see where we're at, I hit "Spacebar ". Our hoodies animate in, then they animate over, and they animate off the screen and then it's back to the beginning. My hope here is to make a continuous loop when I post this on the website. Then the only other thing to pay attention to is again, to make these morph transitions work correctly, to go from this slide then forward to the end here and have everything animate. Don't forget, you've got to move everything off the canvas, so that way it's still on the slide, but just animates to its end position here. I hope that makes sense. Again, if you need any more clarity, this is just the same stuff that we've been doing in the previous lessons as well. Now that you're up to speed on what I've done here, I'm going to go ahead and export this, and you guys can push this as far as you want, you can add colors, you could add more projects to this, I could be adding in the vehicle wraps and things like that. Right now I just want to show you how to get to the end of this. What you're going to do, is once you've got this all set up how you like it, we're going to come up here to file and we go down to export. There's two different things we can do here. If we come down here to file format, one of them is an animated GIF, however you want to say it, everybody says differently. I don't know. [LAUGHTER] We're going to do is, click on image quality and we have medium, which would be a great place to start, small might be even better. We're going to do that real quick, and you can see the size would be 426 pixels wide by 240 pixels tall. I want this to be a little bit larger than that, let's see what this looks like, 640 by 360, that might be perfect for where it's going. Let's see what the large size is, 1280 by 720, that might be even more ideal. But just depending on where you're going to put this thing, you can play around with these sizes and get it dialed in exactly how you want it. The next thing we're going to do is, the second spent on each slide. I just want us to be one second for now, it might default to five seconds, so go ahead and change to one, and then slides, we're going to do 1-5. I'll go ahead and click "Export." You can see it rendering down here, and you'll see when this line is done that is all done and ready for us here. I'm going to jump over here where we just exported this, and you can see it automatically plays. It's an animated GIF. I'm going to say in both times, both ways every time I say this, [LAUGHTER] because I don't know which way to say it. Anyway, so you can see that this just loops over and over again which is exactly what I want. Now one thing you'll notice, it just faded in from black. What we're going to do to fix this, I'm going to click on this first slide and instead of having the morph transition from the very first slide, we're going to turn this to none. The other thing I want to point out is this file size. We did that medium export, was this medium or large? This was large. You can see the file size is about 23 megabytes, which actually might be perfect depending on where you're going to put this thing. Let's come back up here to file, go down to export, come back down here to animated GIF. I know I'm driving you guys nuts, I'm sorry. [LAUGHTER] This is set to medium. Medium looks great. Click "Export", I hit "Replace", so rendering that out. Jump back into our finder window and we'll see this here, and now it's only eight megs, that's about half the size actually. That's great. This will fit perfectly on my Behance portfolio, and it should sit here and loop over and over again without having to have a video player on the page. Perfect. That's exactly what I wanted to be able to share this thing. Another way you can share this is to export a MOV file. We'll go to file, down to export, and let's change this format down here to MOV or MP4, you could do both. Then seconds spent on each slide with a set timing, we're going to put it at one, and then everything else looks good quality. You've got the presentation quality, which is HD 1920 by 1080, or Internet quality which is 720, or low quality which is the 480. Let's go to internet quality, we click "Export"and same thing, it's going to render it out down here, we'll wait till it's done. Then we can go find this in the Finder. Now we also have an MOV video file as well that you could drop into any projects you wanted if you want to edit video. This looks a little grainy because we did the Internet quality, but you could do the high-quality as well. There you go. Let's go ahead and do that real quick and just see what the file's size differences is. Right now, Internet quality is 12 megs. We're going to jump back over here, go to file, export, jump down to the MOV, and we're going to call this one HD. It's on presentation quality, set this to one, did I actually do presentation quality? I might have. I'm sorry guys. Let's jump over into Finder, and we have our regular MOV which is 12 megs and it is 720p, and then we have the HD version which is about 20 megs, so just about double, and when I open this though it should look nice and crispy, and we can use this video anywhere you want to put a video. In the next lesson, what we're going to do is, go ahead and learn how to drop this into your Behance portfolio, if you have a Behance portfolio. 11. Share Your Presentation: In the last video, I showed you how to export your presentation as a video file. We have it here, automatically advancing through each slide and export it as an HD video. Then we also have it here as this animated GIF. [LAUGHTER] It just loops over and over again. Super cool. In this project, or I guess in this lesson, I'm going to show you how to upload this to a Behance portfolio. You could also email these files to a friend if you wanted to show off what you're up to. I think depends on where you're emailing from less than 30 megs. If you're using Office, I believe about 20 megs, depending on other email platforms. I digress. Let's jump into behance.net. I'm going to come up here and click on "Share My Work." We're going to build a complete case study. Or I could just do a work in progress, whatever. We'll just click on, "Project" for now. I'm going to click on, "Add Content" right here, click on, "Image", and we're going to go over and find. We've got both of these methods. We could do the MOV or the animated GIF here. Animated GIF. [LAUGHTER] I'm sorry guys. There we go. Click on, "Upload", and now it plays automatically without having to do anything else. That's it, guys. That's all you need to do. Then it'll sit here and loop over and over, which is super cool. I can go through here and add more text, add a title, flash this out, and post it, and share my work. I'm going to go ahead and click, "Save As Draft" for now because this isn't part of the course to go ahead and flush out my portfolio, but the rest of it is pretty much point-and-click you guys. It's really straightforward and it's a super cool way to add interactivity to your portfolio posts. You could easily drop this same thing. If you're using WordPress or Squarespace or Wix or anything like that, you can add these presentations as an animated video basically into your projects, which is super cool. What I'd love to see is you go ahead and export these, and then upload the animated GIF files. [LAUGHTER] Upload them to the project area. Then let me know how do you say it. Do you say GIF or do you say GIF? All right, guys. Thanks for watching, and I'll see you in the next video. 12. End: Thank you so much for spending time with me in this course. I hope you enjoyed it and learned a lot of fun, valuable tips for using PowerPoint. If you enjoyed that course and you want to learn more about graphic design, I've got a ton of graphic design courses, you can see the links here. Also don't forget to give this video a thumbs up or a like or share it, wherever you guys can do that really helps me out. And I appreciate you guys spending time with me. For next steps, don't forget to follow through and do the work. Use the assets that I've provided, the bonus materials and then share your work with the class doing that class project. All right guys. Thanks so much. Have an awesome day.