Creating Canva Frames with Adobe Illustrator Illustrator
ฝัง
- เผยแพร่เมื่อ 22 ก.ค. 2024
- You can create Canva Frames with Adobe Illustrator, but should you? In this tutorial we'll go over the pro and cons of using this approach instead of using, a possibly easier approach, the Photopea (or Photoshop) Method: • How to Create a Custom...
So, why create custom Canva frames with Adobe Illustrator instead? Well, the answer is it really depends. Different people prefer different software. In this video we'll go over the pros and cons of the Illustrator approach and then you can choose the approach that makes the most sense for your workflow.
Jump to a particular part of the video:
00:00 Intro
00:40 Do Vectors in a PDF immediately become frames in Canva?
05:42 The Crucial Clipping Mask Step
08:33 More Examples to Consider
10:20 How do you end up with Multiple Frames?
12:20 Multiple Paths to a Single Frame
17:17 Converting a Raster Image to a Vector Shape (or Shapes)
18:20 The Image Trace Tool
20:45 Use the Silhouette Option to Create Just 1 Path/Shape from a Raster
21:20 The Final Steps after Tracing your Image
23:22 Using Image Trace to Preserve Complex Detail
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, learningwithgreg.mykajabi.com... (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: learningwithgreg.mykajabi.com...
🚀Interested in learning more about Canva? Sign up for my FREE monthly Canva newsletter: learningwithgreg.mykajabi.com/canva-newsletter-opt-in-002 cheers, Greg
Probably the best Canva tutorials available for free, hands down!
Thanks for your kind words Zeewaqar, appreciated. Glad you are enjoying things. cheers, Greg
I love your tutorials, thank you so much! I suppose in Inkscape it would be similar. Have a great day.
Thanks! I'm glad you have been enjoying my tutorials. I'm not an Inkscape user, but, yes, I would imagine so. I know it can also be done in Figma, certain versions of Powerpoint, and other programs...so I think that most likely any software that let's you define some sort of vector based clipping mask and then allows you to export as an unflattened PDF will result in something that Canva processes as a frame. I've found the Photoshop/PS method to be the best simple because of how easily/quickly you can turn any photo/shape/etc. into a vector mask and then a frame, but it does sort of depend on your workflow and what software you prefer. Best of luck! cheers, Greg
Thank you for this nice video tutorial.
As I have no experience using Adobe Illustrator - it seems easier for me to use another method that you shared in the video lesson "How to Create a Custom Canva Frame in Less than a Minute!"
Yes, I think unless you are a regular Illustrator user, I would stick with the other method. cheers, Greg
Thank you so much for this one! Photoshop next?
I can do Photoshop if there's interest, but that tutorial would end up being virtually identical to this one, th-cam.com/video/zlIQ64HTuxg/w-d-xo.html, as Photopea mimics the PS interface so the steps (and even position of menu items, etc.) in this tutorial are basically identical to what you would do in PS. : ) cheers, Greg
Thanks for this informative video. I've done all these before but it's helpful to know what the benefits are. Do you happen to know how to make Canva frames that have some sort of static element attached? For example a smartphone frame where the screen changes but the bezel is a static (raster) image. I've been trying to figure it out. Not sure it's possible from our end. Would love to know your thoughts.
Thanks for your question.
When you export a PDF from Illustrator/Photoshop/Photopea IT WILL bring in static layers along with your clipping/vector mask layer. So, if you set something up where you had the shape that is the phone screen itself as clipping/vector mask, but then had other layers that were static raster or vector layers, those layers would import as well. So, yes, you could end up with a frame that allowed you to drop in a phone screen image and then the frame is contained within a graphic of the phone body. And, you could bring in the phone body in multiple ways...it might be a raster or it might be vector. Or maybe you decide the main phone body would be vector artwork (so you can easily change the color in Canva. Slightly harder with a Raster although you can use the duotone hack setting highlight/shadow to the same color), but then above that you might have raster layers for shadows and highlights that you bring in as transparent PNGS that include a feather (since vector isn't going to really allow for this). In this example you might export the frame/vector mask and main phone body together as a PDF, but then you might independently bring in the shadow/highlight layers and PNGs with transparency since I'm pretty sure the PDF processing wouldn't handle transparent PNG layers like this.
The one caveat all mention (and maybe this is what you were asking) is that I've noticed Canva does have frames where there is some sort of decorative element to go along with a Canva premade frame and it all is contained within one element/layer. So far, I haven't found a way to bring frames and decorative/complimentary elements brought into Canva as one element like this...you can bring them in so they work together, but they will get put on separate layers when the PDF is processed. But this isn't such a big deal from a functionality standpoint, because the look will be the same and if the decorative layer is behind the frame layer then you can group them and still drag and drop things into the frame. If you have decorative layers on top of the frame and they block the frame so that you can't drag and drop something into the frame easily then sometimes you might have to bump the frame up in the layer stack for a second to add the image to it and then bump it back.
From a workflow standpoint, if it's a frame you will want to reuse in the future, then save the document containing the frame (you might even create a document containing all your favorite frames on separate pages) to a folder and then anytime you want to add that frame to a future design, jump use the "Projects" option in the left menu, navigate to the folder in question, then the project in question, and then you can preview all the pages and add whichever page (frame) to a new page in your current design. Grab the frame from that page and use it wherever you want in your design.
Hopefully this info. helps. If I crack the code on getting a frame + a complimentary element into Canva as one element then I'll let you know, but it's possible this functionality is something that exists on the Canva backend and is not possible for Canva users.
cheers,
Greg