Canva Split/Collage Frames & Rotation Demystified
ฝัง
- เผยแพร่เมื่อ 6 ต.ค. 2024
- In this Canva Custom Frame tutorial I will show you how to split an image into multiple Canva frames. We will build upon a prior Canva frame tutorial I did which can be found here: and we'll go into detail about how you can control whether a divided or split frame actually controls one or more images. As you'll see, it all has to do with how you set up your vector mask or masks (hint hint). I'll also talk about rotating frames and rotating images in frames b/c this could actually be super important when reusing an asset so I'll make sure you understand the the difference between rotating a frame and rotating an image with a frame and I'll talk about how you can set up your frames with this in mind so the end result can be 1 final template/asset where you DON'T have to re-rotate your image every time you use it.
For anyone interested in learning even more about Canva (and supporting this channel! ✋):
🚀🌟Special offer for my new course, Mastering Special FX and Animation in Canva, learningwithgr... (thanks for supporting this channel!)
🎓Sign up for my monthly Canva Newsletter to stay up to date on the latest Canva tips, tricks, and tools: learningwithgr...
![[LIVE] : ONE ลุมพินี 82 วันนี้!! คู่เอก | ยอดไอคิว vs อับดัลลาห์](http://i.ytimg.com/vi/hSsyTl_9bqs/mqdefault.jpg)
Hats off! Wasn't that neat. Separating & orienting!
I have watched many videos about making custom frames. (And despite seeing some negative comments about them not working, they all worked for me.) However yours is simply better.
Your channel is among those that I can safely describe as a "Canva teacher" on TH-cam.👍
Hey, thanks for the kind words, appreciated! I'm glad you are finding the channel helpful. cheers, Greg
Wow, you're an exceptional teacher! I hope to see your channel grow because you are one of the best I've found. Thanks for the hard work, I appreciate you!
Thanks for your kind words, greatly appreciated! Cheers, Greg
I am loving all your Canva frame creation videos. I have written the steps on what to do on Photopea and have it on my desk.
Thanks, glad it was helpful! cheers, Greg
awesome...
Thank you SO MUCH! This has been something I've tried to learn for at least a month.
Glad I could help!
Can you show how to put a colored line around the frames?
Sure, I will work on putting a new tutorial together. cheers, Greg
Thank you this is great!
Sure thing, glad it was helpful! cheers, Greg
This is so clever. Thank you so much, you're great!
Thanks, glad it was helpful. cheers, Greg
That was awesome! Thanks for sharing :)
You bet! cheers, Greg
Thank you!
Can you do a video showing how to do a square or rectangle shape but when it in skewed to look like it laying on a table for example and changing the angle so it’s correct for drag and drop?
Hi Latrice,
Thanks for your question. Good news, bad news. The bad news is Canva (at the time of writing this) doesn't really have transform controls that allow you to skew images or adjust corner points independently of one another. Without this you can't really recreate the foreshortening and perspective distortion that occurs when something is oriented in such a way so that part of the subject is further from the camera then the other. So, you could create a Canva frame that had the skewed shape, but then when you drag a photo in it will not change the perspective of the photo, only crop it to the frame bounds...hopefully that makes sense. And hopefully Canva gets basic transform controls that allow this soon (fingers crossed).
But the good news is programs like Photoshop and Photopea (which has a free version) can do this sort of thing. Canva also has a newish "Skew Image" app under the "Apps" tab in the left menu which you can try out, but I've tried it and it leaves a lot to be desired. Canva also has a number of "mockup" apps that might work for some purposes, but again you're limited to whatever preset options they have. For something that requires more customization I'd recommend the Photopea/Photoshop route instead because once you learn the technique I suspect you'll find it a lot easier and a lot more flexible in terms of what you can do. Photopea/Photoshop also has a feature called smart objects which allow you sort of to use one object as a template within another design. So you could transform/skew your image to the desired effect, but since you're using a smart object, it still remains a flat image in the original smart object file so you could easily drop in another image in this smart object file and then in the other file (the one that has the smart object embedded) would automatically update to reflect the new image and would keep the transform/skew (only now applying it to the new image you just dropped in the smart object file). Sorry, I know this might be a little confusing if you don't have experience in Photoshop/Photopea working with smart objects, but I'd be happy to record a tutorial for you showing an example when I get a chance. If you have a reference image that shows the type of thing you are trying to create you can drop a link here or if you have an example in a Canva project just choose "Public view link" from the share menu and paste it here...that would let me view the Canva file w/o being able to make updates.
Thanks again for the question! It might not be immediately, but when I get a block of time I'll record something for you and then try to remember to post a link to it for you here.
cheers,
Greg
Thanks so much for the tutorial Greg! For some reason my vector mask wedge shape isn't rotating although I only have the vector layer selected. I tried to troubleshoot the issue and noticed the original background layer rotates with no problem, but my vector layer doesn't. Note: I created my circle/wedges in Canva and imported as a PNG to Photopea. Any suggestions on what could be the issue?
Hi Sheenee, I'll help if I can. I assume you are using "Transform controls" (you get a little rotation arrow when you move your cursor just beyond the blue transform bounding box) to rotate yes? In this case, it should rotate if the layer isn't locked. Once exception, is sometimes the "Background" layer might act slightly differently and the vector mask might rotate, but the actually pixels might not. You can also use the link (looks like a chain link) icon between the mask and regular layer to control whether they are link and will rotate together. Hope this help, although I may not have hit on exactly what you are experiencing as I'm sure there are other possibilities. Just share more details and I'll help if I can. cheers, Greg
Hi, how would your make a frame such a Christmas tree with multiple images inside or a number for example the number 7 with 7 frames within the number. Thank you
Hi, Shanice. If you want to create multiple frames then it's really just a matter of creating a vector mask for EACH item/area you want to become a frame. If you are trying to have those framed positioned in space relative to another object (example: frames on a Christmas tree) then you could, of course, position each individual frame after the fact, but a smarter workflow would be to bring the Christmas tree image into Photopea (if that's where you are creating the custom frames) and then creating each vector shape with the relative positioning you would like. Then, export the file as a PDF with the tree image and vector masks that will become frames all a part of it and turned on/visible so that when you import it into Canva then the frames all come in along with the tree image with the relative positioning you wanted. Hopefully this makes sense. If you need me to work an example for you then just point me to a starter image or share a Canva template file and I'll try to work an example when time allows. Best of luck! cheers, Greg
Hi Greg can this be done with an image? In example if you Want to turn it into a silhouette that's hosting other images? I was following your tutorial until I got hit with the fact that the magic wand follows colors not spaces 😔
Yes, it can be done with anything. The magic wand tool is just one example of how you could make a selection, but there are lots of ways to make selections in Photopea/Photoshop. If there’s interest, I can try to do a video on selection tools/methods sometime soon. Also, if you show a specific example of something similar to what you’d like create I can try to record a tutorial on how I would create it. Cheers, Greg
I emailed you because my response wasn't showing up