7 Canva Hacks For Using Image Frames and Grids

if you like working with images in canva you have a lot of options including the ability to add them to an image frame or grid a frame is simply a placeholder that allows you to put an image or even a video inside of it and it will then take on that shape other programs might call this an image mask or an image container in canva it's called a frame and today I'm going to share seven fun tips for using image frames and grids to enhance your canva designs my name is Kat and this is canva caturday to find these image frames you are going to use the elements tab in canva so we'll click on elements and then scroll down until you see frames and grids we'll work with frames first there are a whole bunch of different shapes that you can use I've already added one to a design right here and then all you do is find an image drag it on top and it will automatically be placed inside that frame if you don't quite like the placement or you want to zoom in a little bit just double click on the image and you can adjust where that photo Falls like this or even zoom in a little bit on a certain section of that photo well tip number one has to do with how to make this have a little bit more Pizzazz a little more of a pop it's fine just like it is but it might just need a little something extra especially if you happen to have maybe a background color with this image so what we're going to do is actually add a border to this image frame to do that click on the image click on duplicate and then take the image and put it directly on top so you've got one right on top of the other then you want to slightly reduce the size of the front image like that and then click on the back image and now we're going to change the color so click on the color box you can pick any color you like canva gives you some color suggestions based on the colors that are in your photo so I will just choose that one that's a nice green one you can pick any one of the other colors that are here or you can choose your own click on the color box and then click on the eyedropper and if you hover over your image you have the option to choose any color that's here within this photo so we could click that one if we like it's kind of cool shows up that blueberries right there and then you have a great way to Showcase this just gives it like that little bit of an outline well you can take this one step farther by giving it a drop shadow so to do that go over to the share and then click download and you want to download this as a transparent background PNG file so click on transparent make sure PNG is selected as the file type and click download and then we're going to bring this back into canva let me just add a new page and I will grab that download bring it right back in there's our image and we're going to add this to our design and we can edit this and give it a drop shadow because since we imported it back into canva canva thinks this is now a whole image so you'll go up here to edit photo shadows and then drop shadow and it adds that little drop shadow it gives it just like a little bit of extra depth kind of make it look like it's 3D and popping off that page there are hundreds of different frame styles within canva but if you're looking for something a little more unique I have some Custom Design frames that are available in my online shop everything from animals to work related holidays I even have some fun letter frames in there so I will put the link in the description and you can just click on that and go check those out for yourself tip number two is about using letter frames because yes there are letter frames in canvas let's scroll down to frames and if you type letter you have the entire alphabet in here including different styles and shapes I have a set right here that I've done now I mentioned earlier that you can add images to frames you can add videos to frames you can even add colors or gradients to frames but what we're going to do here we're going to do something a little bit different I'm going to add this video to my image frame and then I'm going to make it look like this video is going through all of the frames at the same time and it's a really neat trick so grab a video and drag it inside one of the letters and then continue to do this for the other letter frames that you have on your page grab that one and grab that one now I'm going to grab my ruler lines here and I'm going to put a little guideline right here at the beginning of the W and right at the end of The W you'll see why in just a second next you're going to double click on the first frame and we want to take this video and make it so that it expands the entire width of my word so I'm going to slide this over all the way there to the right and then I'm going to drag the handles up or down doesn't really matter which one you choose and I'm going to drag it right to that other guideline so that it looks like it's covering all of those letters and then you want to repeat this with the other letters so I'm going to drag it this way from my middle letter and then we'll do the third one and drag this down so now it's inside all of my letters watch what happens when I hit play that video flows through all of those letters so it looks like one seamless video it's a really really cool effect and you can do this with any video that's in canva if you have a longer word you would just have to adjust that video to make sure that it covers all of the letters in that word and you can drag it up and down you just want to make sure that when you're doing it the placement is exactly the same for each one of those letters tip number three is about frames and image rotation let's say I have this image right here and I want it to be horizontal like this if I drag an image or video inside of this frame look what happens it puts it in the wrong orientation and that's because I rotated the frame before I put the image in there so you want to do this in Reverse instead of rotating the frame first you want to rotate the image and then you can place it inside the frame so I'm going to grab this image I'm going to rotate this 90 degrees then I'm going to drag it inside of the frame and now I can rotate the frame and it's the correct orientation if the image placement isn't exactly how I want it I can just double click and bring it up a little bit I can even zoom in a little like that and then just drag it into place and that solves the issue of having that frame and that image not quite aligning properly you can do this with images as well as videos just make sure that you rotate the image first and then you can rotate the frame tip number four is about using image grids to create collages so we are going to go down here to grids you have a bunch of options available they have different sizes different layouts I believe the most you can use is 16. but we're just going to grab one right here it will add it to your design by default it will make it equal it'll fill the whole page you can adjust this size if you want to bring it up or down you'll notice that there's these divider lines here this white spacing you can get rid of that if you want go up here to spacing and you can drag the grid spacing down so that there's no spacing or if you want you can drag it up so you have a little bit of spacing a little bit of extra room in there what else you can do with this you'll notice by default it's got white spacing if you don't want it to be white you can change that color because what it's doing is just showing the background of your design so let's just move this out of the way I'm going to click on my background grab a color let's do that one and you can see there now those lines in between take on the color of my background so it's a great way to color coordinate the images that you have here with your background you can also resize these grid and make combination grids maybe there's a grid that doesn't quite suit your needs you can change that by combining different grids together so let's bring this down a little bit like that and maybe I want to add like a header image here so I'm going to go back down to grids I'm going to add this single grid right here you'll notice by default it takes on the whole page we don't want that I'm just going to drag this up and now I have a custom grid and you can continue to add additional grids to this if you want to if your canvas is large enough you can add as many grids as you want and put all those photos and or videos right inside there you can also take any of these grids and just fill them with a solid color or with a gradient this is tip number five if you have a product or service based business you can actually make Bingo boards for your social media accounts to help with some fun engagement go to the very bottom of the grids you see one right here I've got this 16 block grid right here I'm going to click on that add that to the design I'm going to bring this down just a little bit from the top because I want to be able to put a heading and I'll bring in the sides and the bottom as well just to give it a bit of a border because I want to put a colored border behind here so I have it like this I'm going to click my background I'll add a fun color and then we'll just use the T key on our keyboard and type the word bingo bring that up and change the font to whatever you would like it to be I can make the size larger whatever you want just like that and now what you can do is take your products or services and just drag them inside each one of these frames so let's go grab some products we'll grab a couple like this you can put one there right here and you can continue to drag your products inside each of these frames and then adjust them accordingly if you want to change the size just double click inside that specific space and you can bring it up a little bit like that maybe you want to highlight a little closer to this one like that and you will continue to do this by adding your products in here then all you have to do is add some text and put numbers right here on these boxes so I will just do a text box and I'll just do a number one it doesn't need to be that big let's bring it down a little bit let's bring it down to about 42. there we go I can put it right there and then just duplicate those numbers and put them on each one of the frames change the number and continue to do that across your bingo board and now you've got a fun way to interact with your social media audience you can put this on Facebook or Instagram and have a really fun way to collaborate and showcase your product by playing a bingo game with them using these grids tip number six is to use an image grid instead of a frame if you need an exact Dimension the one downfall of using frames is that they have a preset size so if I were to choose any one of these frames I can drag the corner handles but I can't really change the proportions of the frame itself it's a set Dimension so if I have a photo that I want to place inside here and it's not exactly this type of proportion it's going to crop my image it's going to cut it off a little bit so to fix that you can actually use a grid instead so let me go to grids and I will show you I'm going to add a grid right here and I'm just going to bring this grid down like this and just move it to the side and now I'm going to grab a photo so let's go to photos right there we're going to grab that photo so to see what the exact proportions are of that image whether you've uploaded it yourself or whether it's already within canva you can click on the get info button but an easier way to do that is to click on position and here are the dimensions of that image so you can see that this one here is 1295.6 by 864. we're going to bring this down a little bit because that's a big image let me just bring it down some and I'm going to make this just 860. there we go 860 by 5 72.5 you can see that this grid right here I've got these side handles I can stretch it out I've got these bottom handles I can make it taller so this is where the grid really has that strength because now I can make this the exact proportions of this image and it won't get cut off so since this particular image is 860 by 572.5 I'm going to make the grid the exact same size click on the grid and go over here we'll resize it 865 5 72.5 I think it was five is that right well it's 57.5 so we have them the exact same size and when I drag the photo in there there's no cropping if I double click it's the exact size that I need so this is a great way if you've got an unusually sized image or maybe something that's really narrow or really long you can use these grids to get the exact frame that you're looking for and just like I mentioned about outlining these frames you can create your own custom outlines just by duplicating this image putting it behind and giving it a colored border tip number seven is to use grids to create your own custom border this one's really cool so I'm going to add just a single grid right here I'm going to drag this up so it looks like I have a border style because this is a grid and it's a container it will hold anything that I want I can put a color in here I can even put a gradient in here so let me grab a color I'm going to grab that right there I'll use one of canvas preset gradient colors like maybe that one it's a pretty one once you have that take that grid and duplicate it so I'm going to duplicate this one right here and then I'm going to rotate it 90 degrees I'm going to bring it over here to the side and look what I'm doing I'm creating like a gradient style border for this image and there's a little bit of a demarcation line right here where the two gradients meet to fix that just resize that a little bit just like that kind of like a puzzle piece and then you're going to just repeat this process for each of the sides that you need so we're going to duplicate this one bring it to this side and I'm going to rotate it the other way flip it around so that the pinks meet up like that and then I'm going to do this one more time and I'm going to rotate it the other way like this and bring that down here and adjust it here as well just so that they meet up there's a fun gradient border once you have it like that you can actually change those colors if you want to if I want a different style of gradient I can do that I can click right here and I can adjust my gradients this way I can click each one of these and adjust my gradients accordingly to fill with different colors now if you want to place an image inside of that once again you're going to click on the single grid and then just resize it down so that it falls right in the middle and you can place an image inside of here let's go grab an image we did earlier that one like that there you go we have a great colored border that we can use you can also put videos inside here so if there's like a really cool video and you want to kind of make it look like it's a border you can do that as well by using grids and just adjusting this size you can bring this up or down you can make it fatter you can make it super skinny whatever you like you can even do some fun things like create Stripes by taking this slide this line right here and then just copying it and bringing it down some all kinds of fun things that you can do with this because you can resize that grid into different sizes if you enjoyed this video make sure you hit that subscribe button so you don't miss any of my future content and you can stay up to date on all the fun canvas that's all for this week I'll see you next time

Channel: The Creative Kat Studio

Views: 2,980

Keywords: Canva, Canvatips, Canvatutorial, #canvahacks, canvadesign

Id: fpgteS9VpvU

Length: 17min 33sec (1053 seconds)

Published: Sat Jul 29 2023