Skip to main content

Magic Resize

Lesson 14 from: Graphic Design Made Easy with Canva

Matt Stevenson

buy this class

$00

$00
Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2200+ more >

Lesson Info

14. Magic Resize

Next Lesson: Canva Workflow

Lesson Info

Magic Resize

we talked a little bit about magic resize. I want to show you how magic resize make some decisions that you may not want to make and how we can deal with that as designers. So let's say I got this really awesome piece of really cool text with a great image behind it. I got a little slow and low. There we go. All right, so great. Quote by Nicole Read. It's, um, how many elements is it? So it looks like four elements. So we have, uh, piece of color that's in the background, and I can tell it's in the background. If you ever want to know which what is in the background, just when you click on it, just look down here. If you can't move it forward or back, it's in the background. It's on that magical sort of back there later. In addition to that, I have a really beautiful image over top of it. The image is ah, is not in the background because only one item can be in the background, but it it does have some transparency associated with it. Uh, let's go. Sometimes the interface gets in its ow...

n way cool. So there's there's the full one. I could re crop it if I wanted Teoh. Yes, so those are two items and then I have two other ones. Two pieces, two text boxes that go along with that pretty simple stuff. The text boxes are centered, which means that they have hit boom, that magenta line, and that's something to pay attention to. When I when I nudge something to get it to go into the center, I'm eyeballing it. It's nice, but I haven't told Can Va. This item is centered. All I've told, camera is moving here. Um, if I moved this with my cursor and I let it hit Boom center on center canvas remembers that you're basically telling can. But I want this piece of text to be centered on the canvas, Horace vertically, horizontally, no matter how wide the canvas right, which means that if we magic resized, this which I'll show you in a second that will stay right in the center. If not if I if I'm nudging it like one or two pixels, Canada's not came is not going to know what to do with it. It's gonna be like okay, you wanted around here, but it's not quite on the center. Could you tell me to keep it in the center? So I'm just gonna put it somewhere over here, and you could could lose it. The same thing goes with the relationship of items to each other. So if I align this here, see that magenta line? That's telling me that that that text box is gonna align with that text box? It remembers that. So when you go to resize those those, uh uh what they called the arrangements, the relationships. The relationship between those items is now hard coded. It remembers those, but I don't want that cinch over there, so I want to put it over there. All right, so let's take this and let's magic resize it. I'm gonna go up to file. I can't because I'm not in my camera for work account. Important note. You can Only magic re sizing came before work, so I will switch to my account. When I do so, you'll notice that that quotes not there, that image. But I could bring it in to my camera for work account by importing a personal design. And there it is I'll click on that guy. Click finish. It's gonna think for a second and plop it right. So now I can go into this and magic resize. Click on file Matic resize. Let's too. So it's not so instagram a square, so we'll try that one. The Facebook Post is, like, really wide those air. Good. Well, that'll give us a good range. Maybe. Yeah, maybe not. Social media. All right, don't let me down. Let's see what it does. So, like someone mentioned like you mentioned earlier it not only does it create the new files in your account, but then it also opens them up and prompts you to change them to fix the decisions that it didn't make properly. And here we can see right off the bat. It did not make a decision that we wanted to make. The image is not the full with in the background those those kinds of things. It's really difficult for the camera designers to account for everything that we in our we as designers do in our head. They can't predict everything that we want. A try really hard and magic resize gets you. I'd say 85 to 90% of the way there. It's easy to fix again. I'm just gonna drag some stuff out. Think that. And it's their, um this is It's a little bit too small compared to the other one. So I'm going to cop. I'm going to select them both. And as designers, we way. We think sometimes that we would need the group this in order to change the size we don't when you select multiple things as you remember, you get an anchor right there. Center on center like that. Let's take a look at some of the other ones, See how badly they met. Oh, not too bad. Okay. Same thing with background. That's fine. Uh, okay. I mean, it's it's it's doing it by the height. Clearly, it's saying, Okay. Is this high? We're gonna keep it this high. So that's that's magic resize in a nutshell. Use it to your heart's content. Just know that there's gonna be a little bit of extra production work on the back end once you do it. Uh, just check your work. Yes. You had, like, Facebook and Instagram and social media. What is it? What size is it? Yeah, just when would you use it? Because it's kind of like just in general, that'll go on the Web kind of title. Yes, yes. Oh, so here, when we do camera for resize, our magic resize all of these. This whole list and there's a ton of them. They match this list. So these are all of the designs that these are all the options that you get when you start a design when you're first creating your project and it says, Okay, you want a project? Great. What do you make it? Because we'll give you the size. You don't worry about it. I will also give you a whole bunch of layouts that could help you make the best kind of project that you want to make. Eso this list Here is the same list that you get in magic resize so you can resize it to any of those things. Some of them are for print. Some of them are digital. There's even like Facebook ads, events, stuff like that. Some banners, email headers. I mean, it's a ton of different options. Just a little about a layout for an email header, and is there like one for an email signature. Let's take a look. Um, so let's go create a new graphic. Close. All these guys, they're all gonna show up in my account, which is awesome. Gonna clean that out later, Get all that beautiful. All right, so let's create a new email header. We'll just do it. It's like a mini demo. And then and then we'll go toe more the quirks. Excuse me. All right, so let's see. All right. Email header. Boom. So as designers we know, email is pixels wide, just kind of the industry standard, so it creates it. 600 pixels. What? Beautiful. And it gives us some really cool options. I love the fact that all of these are totally different. This design is not in the poster option. This design is not in the Pinterest option they've can was created like thousands of these layouts to begin with. Even if what you end up creating is not to be anywhere near this as designers we know. Okay. Three pieces of type over an image. Got it. Boom. Right there. I can say Ok, you know, I'm a minimalist so that lines going away, this type definitely needs to be bigger for 600 pixels because we are looking at it had 100%. That's another thing to note. You're what level of percentage you're looking at, you know, with your plus minus and plus and minus moving in and out soon levels. It tells you where you are, so you can see it actual size. So boom, great, and I can change everything else about it. So that's an email header. Now email headers have a very fixed with associated with them, but they don't have fixed height. You could make email headers, and I've seen some gorgeous ones that are really, really long. And it's just one big image. So in order to make an email header that fits your needs, we can use not magic resize but change dimensions. So it's still considered an email header. But now, uh, can you do a custom dimension? No, we can't. Okay, so that's good to know. So it looks like from Oh, yes, we can Of course we can. So, um, 600 wind. So is with and height 600 wide by, Let's say, 1000 really long resize, by the way. It's sort of treats it as a magic resize. It guesses where you want to put things on, then aligns it just like you previously had it. So I definitely know that this is going to cover the whole thing. And I know that because it's big and long and we read top to bottom. I am going to select my type camel and moving up the topics that's gonna get red first. And then I could design all sorts of cool stuff down below. So you don't have to use the pre made sizes. You can start there on then, uh, change it. Change around, Uh, you noticed that when I did that This size 600 by 1000. It's no longer recognized by Canada, so it's not gonna call it an email graphic anymore. It's gonna call it a custom size um, which should be no problem if you rename your file so we'll go from the newsletter or size. Whatever Teoh you know, say custom email Blue Awesome, Great. So now that's in our file. It's a custom size. We can work with way, and if we wanted to recite is even more, it'll it'll try to make those those micro decisions for us and do it again again. You you still have to check its work. You can't just trust that I'll just do everything you do in the other night. I didn't so I just didn't know really size Why? So when I uploaded into the email, my thought was that it would go all the way across. The same is the text, but actually was smaller in it. And so then I that also has to do with your email program with when you bring something into, let's say, Gmail. Sometimes it it shrinks it Teoh to it doesn't smaller size. You have to click on a hit original size and then it'll throw it in there by nature. E mails will always have space on the left and right. So when you're creating an email graphic and it's 600 pixels, it's what's called a 600 pixel fixed with centered design, just like websites. Back in the early two, thousands used to be fixed with center so it would stay here, and when your browser expanded, it would still stay that size and just add a lot of space there. Same thing happens with emails. A ride. So I'm going to talk a little bit more about some quirks, some things to expect when working in camera that you may or may not. Um uh, see coming. So we went over the rotating when he rotated Object. You can't resize it anymore. That's getting fixed very soon. Um, let's see. Okay, so this is another important one. So let's say so. I mean my Canada for work account, and I want to create a new design. And let's say I'll do a social media graphic and then I'm going through what I'm designing stuff and I realize, Boy, what I'm doing, I really should use a layout that I've used before. One of the options that you get in Canada for work is this guy right here that says your designs. Not only do you have the option of starting with a pre made can va design, but you could also start with one of your own designs. It's almost like copying a file. The old school way to do it would be a copy or file, and and and I did make a version. Well, what if you have a couple pages that you already worked on, and you don't want them to go away. But you want to add one of your old designs. You could do that here, and it's called your designs. Um, one of the quirks about this is that although you can see the designs, there is no name associated with them. Nor can you tell what size they are, which can be can be interesting. So let's say I wanted to bring these in. Let's say, these air four different versions of a file. As a graphic designer, we go through revisions all the time, and we like to save our revisions. So let's say the way I manage revisions by having all my designs in my stream. That's fine. They're all properly named version one version to version three Version, for the problem is, when I go to import one of these, I can't tell which version I don't know, which, if it's the most recent one. So I have to remember what were the last changes that I made? Is this the right file and that could be a little bit dangerous, So just be careful about that. If you're bringing in a previous design. Make sure that you can identify very quickly which one it is without without any risk. You Kenbrell in multiple pages. Eso here. So if I'm I want a copy This design, it's actually telling me that there's two pages I get to pick which page. Um, I have the one, you know. Hey, Hello, Clark. And the original here, which is kind of cool. So you can bring in multiple pages from other things that you've created, which is nice, but they don't have a name. Oh, wait, you do? Okay. So if your design that you want to import has more than one page, it'll it'll show you. But that's the only time it will do it. So these other designs here, I won't do it. I could bring that in. I could bring you know that in this guy in instead and here you can see the magic resize is kind of breaking on me. This one, you can see it, so if it has multiple pages, that's fine. Otherwise you won't be able to tell which version you're working with.

Ratings and Reviews

Jake
 

Pretty good course generally...especially part 2 & 3. Frankly, Canva's early adopters, like Sue Zimmerman (who I heard about it from) & the like...& therefore probably MOST of us entrepreneurs are probably NOT graphic designers by trade. That was the whole point of Canva being created in the first place!!!! That fact was hammered home in the way Matt presented how to use Canva by pro designers in part 4. Unfortunately, Part 4 was very hard to follow at times. When was he in the pro version of Canva & what could be done in the version we all know, love & work with everyday was NOT always clear. Part 4 was waaaaay too fast & very terminology heavy for most of even the in-studio audience. (It was funny.) I wanted to hug the gal that kept trying to reel it in & get on the same page with her questions. Thank goodness. Bought the course right away because I've been using Canva for over a year and need to go to the next level. I hoped to learn tricks for all that I waste so much time figuring out on my own. There were some. Alas, one main Canva glitch with regard to applying a logo over a background (uh...kind of crucial for business owners & a real time waster to work around literally every single time you use the program) that was raised as a question & re-asked by 2 other people AND several times remained completely untouched. Although the question was on topic & appropriate at many times during parts 2, 3 & 4 and a seemingly very popular question, the moderator chose to ignore it. Almost NO questions were taken from the online audience, in fact, despite there being surprisingly few questions online!! Incredibly, incredibly frustrating & disappointing but I don't blame Matt for that. Too bad there seems to be no course materials to go along with this...like the awesome tips Matt went thru one by one. What a perfect workbook or guide that would have been to go with this, in some form. Really too bad. And really surprising. So all in all, a good course with an EXCELLENT instructor (hope he does Prezi too) but some some big disappointments for this non-professional-in-graphic-design-or-tech, which, it seems is a SIGNIFICANT chunk of your audience...right?

Lonney
 

This was an absolutely great course for a beginner like me. Matt explained everything very clearly and in a pleasant way. I hope he, or someone, does a class on the new Adobe Spark soon. Thanks again; Lonney

Khaled Yasser
 

I like this course, becuase it is very simple to the users, and canva is the future for quick design I hope everyone can you it.

Student Work

RELATED ARTICLES

RELATED ARTICLES