 We just made this 3D social media sign with the QR codes using Canva and Illustrator, and we'll show you how we did it right now What is up? Welcome back. Do you like to do a build it or make it? So do we and we have a new video each week this week We're making a super sick sweet social media sign with the QR codes and everything It's like a one-stop shop. That's right So we've been bringing this cool little Infographic with us to the craft shows. It's just a little retractable Standable sign. We can't really make this. We had this printed But you know I give that spiel every time when you come by the craft booth that these are made from Painted with exterior house paint. They are fade resistant weather resistant. Yeah, yeah, I have a whole spiel It's it's everything that's right here. So everything she says is now on a sign Well, and it's a little bit more about us. It tells a little bit about us. It tells a little bit about our workshops Yeah, what's K&G? How do they stay looking so crisp? Who makes them? We offer paint parties and work DIY workshops to you and this right here and this is like gold It is so we found that folks are really scanning this QR code a lot And they stop and they read this as they go by our booth So we decided that we'd like to have this little QR code Not only out at the front of our booth as you're passing by which is a great place But also up at the register when they're checking out or people will pop in and say can I grab a card? You know, I wanted them to have this QR code where they it can take you to three different things I want one where you can book a workshop right there on the spot if you do that I'll give you a discount save you a little money. The second QR code will take you to our link tree Which has all of our social media. You can shop with us. You can book a workshop You can see our Instagram our Facebook our Amazon store everything about us is right there in that awesome little link tree And then the third thing is our Venmo So if you wanted to pay through Venmo, I wanted that QR code right there All you have to do is scan it punch in the amount hits pay and we're good to go You know Venmo So I know you guys have seen if you if you have your own little craft side hustle or craft business You've seen these social media signs. So we wanted to show you how to make it We want to give you a step-by-step tutorial So if you wanted to do this yourself instead of running over to Etsy and paying somebody for it You can do this and we're gonna show you how Step one we're gonna make our design, which is gonna be easy because Kim gave me a mock-up This is what I get It's a post-it note with my vision You can do it. You do it all the time All I have to do is draw it up on a piece of paper. It's a terrible drawing I cannot draw but he can see it. He can usually see the vision I got it And we'll go get it in Illustrator Let's start with a new file We'll start with a print setup We'll change the points to inches We'll make it 20 inches wide We'll leave it 11 inches tall We're gonna make it landscape We'll keep CMYK We'll set the raster effects down to 72 ppi We don't plan on printing this thing And we'll create So let's just start with the lettering Kim says, well actually let's start with dragging over Kim's picture I have a download Drag it over Zoom out Use the direct select tool I'm gonna grab a node or come close to a node and hold shift So it'll turn on its 45s I'm gonna hold shift and grab a node and shrink this Let's keep shrinking it We'll zoom back in Let's be social Let's start putting down some stuff I'm gonna go over to my layers I'm gonna add a new layer I'm not gonna name it I'm gonna lock the layer that the picture is on Now let's start with some type B We'll use the direct select tool Grab a node Hold shift Make that bigger And this is gonna be a Bernard So while I have it selected I'm gonna come up top and change the font to Bernard Bernard empty condensed I'm gonna copy paste That way I don't have to start by going back over to my other tool I'm gonna double triple click Social I'm gonna go back to my direct select tool Go back to my characters and my fonts up top And this is hello Bella Make this bigger See if we can match what she's got in here Double triple click in here Double click Make that a lowercase e Make this whole thing a little bit bigger Alright, coming along so far Now let's copy social Copy paste We'll shrink this down By holding shift and holding a node We'll go over here We'll hold shift and then know it again And make it even smaller And we'll say double triple click it And we'll say book We'll click our direct select tool again I'll click on something else and then click back Copy paste Double triple click Now Hit my direct select tool Move it into place Now I should have the last one that I just had in there Loaded in my paste or in my clipboard So paste Book now Double triple click Social Use my direct select tool Click off paste Double triple click Media Use my direct select tool again Control V to paste Double triple click Then mo Whoops, then mo Click my direct select tool Click off it again Paste, drag into place Now we'll give our handle At K and G Make it That's very long So let's click our direct select tool Let's hide these layers I'm going to grab a node Hold shift Make this a lot smaller Put that up in there Alright We got most of it in there It's a little crowded Let's Cock the social to the side a little bit first There you go It's looking good Alright, now let's hide this back layer Now this back layer is just making me confused Hide it Alright, not too bad Not too bad, this is a good start I'm going to select Use my direct select tool I'm going to grab both of these let's be social pieces And move these up I'm going to come over here at the book now I'm going to cock this to the side a little bit Do the same over here Actually Well, I'm cocking this to the side I'm not going to hold shift But I am going to watch My angle over here Over here on my properties panel You can see that I just rotated it 20 degrees so let's make it a flat 20 degrees And then we'll click on social We'll double click in the angle Make that a flat 20 degrees Enter Then now Back over here We'll make that a flat 20 degrees Enter Let's grab each one of these I'm going to select then my Hold shift select social Hold shift select book now Then I'm going to come over to a line I'm going to align them Top Well, that looks odd Control Z undo Let's align book now first I'll do book now I'll align a social Media And now we'll do Venmo Aligning it to The word below it All right, that's good So I'm going to use my direct select tool And select Both of these things And then I'm going to group them Control G Now they'll stick together when I try to move I'm going to do that to the other two Let's nudge this up And I use my direct select tool Select both of them Control G, that will group them Same thing with book now Grab them with Oops, grab them with my direct select tool Control G All right, now I have a bunch of little pieces here I can move around and keep them together Okay Let's be social She also wanted some icons And some QR codes So we're just going to draw Box for these for now We'll make everything Say 1.5 inches Let's Release the restriction over here And do 1.5 inches So it's square We'll maintain the proportions again Just to keep it that way Use my direct select tool I'll just kind of place them in here Control C, Control V Copy paste These are taking place Of the icons for now Paste So I'll know where they go I'm going to use my direct select tool Select them all Keep it low So I don't get this font up here Then I'm going to align them all On their bottoms Let's move these down out of the way I'm going to copy these 3 again First let's go up And make sure they're spaced evenly There we go Now I'm going to Control V, Control Control C, Control V Copy paste These will be the barcodes Alright So my letter is down here A little bit big now I'm going to grab them all Hold shift, grab a node Shrink them all A bit Bring them up here Shrink them a little bit more It's good Align these underneath them Align a bit more Just grab all of these And we'll go Align Center I'll grab social media And all of its icons and QR codes To be in Align Center I'll grab book now And all of its QR codes And we'll go Align Center Alright Let's grab all 3 of these Oops, not the top font Don't get crazy Grab the would be QR code Would be icon and Venmo I'll grab all 3 of these And we'll Control G group We'll do the same for social Control Z We'll do the same for social media And its would be icons Control G We'll grab everything And I'll come up here And we'll do horizontal Distributed Center Alright, they're all Centering these 2 are close, but technically they're centered Alright, look pretty good Let's work on these fonts now We can Let's draw a box around the back Of these fonts Now we'll add a new layer We'll call this layer The backer Start to make the backer We're going to drag that layer Below the layer with all the fonts And words on it Let's see how big this thing is I'm going to grab everything Oops, it's 10 inches tall So let's go ahead and make it Like Can once say 8 inches tall Total, so we'll say 7 inches tall Now let's work on the backer I'm going to select the backer layer Hit the direct select tool To release everything I'm going to grab the rectangle tool But I'm going to hold it down And I'm going to grab the rounded rectangle tool I'm just going to Draw a little square back here Just back here Right behind everything Oops, it's black I'm going to go over here and change the fill I'm going to pick a fill swatch I'm going to stand out but not get in the way Looks good Oops Hit my direct select tool To get off of this tool How wide is it 6.1 No, it's making it even 6 6 Alright, now let's work on the fonts We'll start up here These are looking pretty good I don't like how the S is so low So Let's kind of get a little bit more Bring Let it be in a little bit more Oops, Ctrl Z Up Up Alright, let's go ahead and Create an outline of this bad boy So we'll go to Object Path Type Type Create outlines Or Shift Ctrl O Now we'll go to the Pathfinder tool Object Pathfinder Oops, Window Pathfinder And we will unite them all So now it's all one object It's not a font anymore And they're all connected So you won't cut them apart Let's ungroup these Because I want to move this S up So it's level with the L But I am going to select The Dot and Social Group them Now I'm going to hold Shift And grab that S And then I'm going to go to a line top Alright, it looks good Let's add to the backer Let's Yeah, let's add to the backer now So I'm going to group these Using that Direct Select tool Grab everything, Ctrl G Let it be I'm going to go ahead and create outlines again So type Create outlines I'm going to group all of these I'm going to grab everything, Ctrl G I'm going to come down to my layers Open up this layer Expand this layer Right here Where this is highlighted This is my Let's Be Social I'm going to grab this Or click on it, highlight it And I'm going to duplicate group Using this little hamburger up top I'm going to drag my new group It just created, see how it's highlighted Down to my backer And I'm going to Lock this top layer so I can't mess with it With this back layer I didn't drag it It stayed Now it's there, let's make sure it's there Let's hide this layer for a second Okay, it's there I'm going to lock this top layer Group, I'm going to activate that layer Target it Let's start adding a stroke to it We're going to give it the same color Stroke as the box below it I'm going to just give it 20, nope Let's go 30 Nope 40 Still not there Let's just give it 50 50 looks good I don't know if it's too much Let's stick with 40 Let's go back to 40 pixels So now it's got a 40 pixel stroke Around both let's be And social But you see how it gives me those jagged Little pieces down here I don't want these jagged little pieces So let's go to stroke We're going to click on the word stroke And we're going to round the corners Round the corners Alright, looking pretty good Let's hide my layers Let's grab this back layer Actually Let's go back to layers I'm going to hide this top layer It's going to get confusing Now we'll grab this And we're going to go to Object, Path Outline stroke We're going to go back to our Pathfinder window Pathfinder window Mine's actually I dragged it over here and made it a shortcut Then I'm going to unite everything That's there, everything that's selected It becomes one big blob Now I'm going to immediately Go over to release And release everything It kind of lights everything Be it's own little object Then I'm going to unite everything Again So it took out all those little pieces See, it's all one big piece now Alright, now I'm going to marry Both this top piece And this bottom piece So I'm going to use my direct select tool Grab them both Unite using my Pathfinder tool Now it's all one piece See, Ctrl Z to put it back I'm going to hold this I'm going to select my blob tool It's over here underneath your paintbrush tool Hold it down and you'll get A blob paintbrush tool Now that it's selected I'm going to draw A lung from here To the corner Round it out There you go I'll do the same over here Ctrl Z I'm going to leave it like that I think that looks fine But I'm going to select everything Now you see that blob tool It made it So it's all one object now I'm going to release it to get rid of that middle section And then immediately Unite it again Done Now let's go back to my layers And bring back that top layer There you go, look at that Now we just got to start filling some things in Let's ungroup these And work on this font down here It's a little thin looking Zoom in So ungroup Ungroup Ungroup I'm going to grab all these font pieces I'm going to come over to stroke And we'll select black As a stroke It's a little thick But it's better, I think it'll cut Actually it's good Like 1.5 stroke 1.5 pixels It's good like 1.2 5 pixels Okay, that's not bad looking Good I think it's time to Go get these icons And QR codes First let's save this Save As Let's be social I don't want to lose it So this is where Canva comes in, Canva is great We're going to go get some icons That we can use in place Of whatever icon On Kimdrew And to do that I'm going to start I like to use like poster Because it gives me the most space So I'm going to start with a new project I'm going to go to poster From over on the left I'm going to go to elements See how I've already been googling We'll start with A date icon They have a lot of icons here Let's see This one looks pretty easy And it's like all one piece So we'll keep that one Now I'm going to need a globe icon Globe Icon I saw one in here I just want graphics So I'm going to select the filter of graphics This is the www1 I'm going to drag that over And then I'm going to need a Venmo Logo icon But I'll get that in a second Let's go file Download Now if you're a pro member you can download it as an SVG So we're going to download it as an SVG With a transparent background Download Now I'm going to go to my download folder Here in my graphics Right click Open with Adobe Illustrator Yeah, yeah, yeah Right here and there I'm going to grab this guy And this guy Control C Control V Oops, I missed the clock Control Z Drag everything Well let's group this there Let's group this guy. Control G Now grab everything Control C Control V Shrink this down Alright this I want 1.5 inches So I'm going to come over here 1.5 Drag that in place So they're not 1.5 inches They're a little smaller I'm going to hold the node and hold Shift Drag these down Get them where that black box is Center it And let's get rid of the black box Delete Shrink this guy. Well how big are these black boxes? Oh they're just under an inch Okay So we'll make this guy just under an inch Shift Grab that black box Delete it if we don't need it Now let's go grab a Venmo Icon I happen to have one pulled up already So I'm going to go Copy Image Right click Copy Image Back over here to Illustrator Control V Paste I'm going to grab a node and hold Shift Shrink it down Shrink it down Way too big Shrink that thing down So Now I'm going to select off of it I'm going to come over to my Image Trace Which is in your window Image Trace I'm going to select it Now I want 3 colors I'm going to let it do its thing I'm just going to Process this whole thing and Spit out what should be 3 colors This is so big It should be really crisp So we're just going to Expand it Ungroup it Now I just want the V in the middle So delete everything else Take this V Let's make this V It's like 1 inch And we'll change the fill color to black Give this a little bit more Center it in there Get in there Let's get rid of that black box Alright, looking good. Control S to save What we got so far Actually all this stuff could be a little bit bigger I'm going to hold shift and select all of these I'm going to hold shift and I'm going to Make everything just a little bit bigger Take up more of this space in here There you go It's looking a little better Move everything up I'm going to move all these icons down A little bit Move this globe over Now that is looking good But it's time for Some QR codes So I have all my QR codes that I need Here are all my URLs I'm going to go back to Canva Let's go back over to Canva We'll close this one now I don't need it anymore Home I'm going to do I think it's an Instagram square Yeah, here we go, Instagram post square This should give you some good pixel size It should be like a good resolution And It should be nice and clear and it's a square Now over on the left There's this little Little tool called QR code We'll open this up I'm going to go grab my first QR code Copy Paste Generate QR code I'm going to make this the whole size of the Instagram post Okay File Download Now I'm going to download it as a PNG I'm going to leave it So With a transparent background Download Now I'm going to go to my downloads folder And back to Illustrator Wait, and my downloads folder Here's my QR code I'm just going to drag it onto the board I go to Illustrator Select this, hold the node Let's shrink it with holding shift I know the size, hold on Let's click on this one This is a little over 1 inch So I'm going to copy this size Come back over to this QR code Double click paste in the size Enter I'm going to put this in this box Now I'm not going to delete this black box Back there, I'm going to leave it But I am going to line it up A little better, because I'm going to use that Black box as a cut mark Or a score mark later on, because The PNGs won't Show up in my cut file Like, to cut I'm going to need another QR code This is our link Tree Back over to the QR code generator Double-trip click Delete, paste in the new one Delete this guy down here Generate QR code Make him the size Of the full thing File Download PNG transparent background Back to Illustrator Back to the download folder Here's my next PNG Drag it in Back to Illustrator Double-trip click Oops, I thought I'd be able to Cheat I'm going to shrink it a little bit And then you'll see what size This black square is Copy Black square Line that up One more QR code Copy Back to Canva Delete this one, paste this one Delete this one Generate this one Ooh, now you see Pardon me Now you see how many dots this is I don't know if we'll be able to engrave that Really nicely So it'll be able to be read by a phone I don't know, I don't trust it So we're going to delete it I'm going to go to Bitly This is where you can Truncate or shorten your QR codes Or any URL really But this is where you can shorten it So I don't want you to join or start for free But you don't need to, you can scroll down And then you just put your Just put your Wait, did I already do this? Let's go back one Let's just go to Bitly Bitly, yeah You can just paste it in, you don't have to join Paste it in, shorten This is my new one Copy Back over to Canva Delete this big long one Place this one in Generate QR code How much more simple this QR code is We'll make this one the size of the whole thing And We'll go to File Download Keep that transparent background Back over to Illustrator Pull up my download folder Pull in my new PNG Shrink this one Down, holding shift We'll check the size of this Black box again Back over to the QR code Paste Enter We'll line this up We'll zoom in Line everything up, nice and neat We'll just tap in my arrow keys We'll select all of these Hold on, I'm going to select this background layer I'm going to lock it Now I can grab all of these at once I'm going to select this background layer I'm going to lock it I'm going to use these at once I want to make sure they're aligned to middle There you go Grab these I think that was fine Alright, looks good We'll unlock the background It's my little sign Now we need to make this background A little standy piece So We're going to use Quarter inch MDF All of our stuff I've seen a lot of people use acrylic It looks nice, it looks beautiful Our aesthetic and everything that we make Is quarter inch MDF and it's painted So we're going to keep that same aesthetic Here in the sign Keeping that in mind Our MDF is 0.24 Inches thick We're going to start by drawing A base Let's give this thing a base We'll keep the rounded corners We'll give this thing a base What is that? We'll make it six inches wide Six inches wide And we'll make it four inches tall I think that's all Move this down here Now with this selected I'm going to select my Dropper tool over here And I'm going to select Whatever color I want it We'll keep it the same color Back to my direct select tool Now I'm going to draw a little slot For that tab to go in We haven't made the tab yet But I'm going to draw a slot for it Let's move this down and make room for the tab I'm going to go back to my rectangle tool I want a hard Rectangle tool With hard clean edges To accept the tab We'll draw the rectangle We'll just make it four inches wide Four inches wide And then we'll make it 0.25 5 Allow a little bit room for painting So we'll make it an even quarter inch Tall Let's fill this with black for now So I can see it Direct select tool To get off of that I'm going to select both rectangles We'll center them on the middle Center them on the center Good to go I'm going to take this little black rectangle tool Copy paste I'm going to attach this To the bottom over here Now I know this is 0.25 inches Let's line this up I don't want to try to move Everything and lose The spacing here Or group it and make everything come onto one Layer So I'm just going to see where this little dot lines up And then try to line this little dot up With it I'll slide this thing Select this backer This backer Almost Almost pretty close, right? Yeah, that's pretty dead on So I'm going to drag this Node up Without holding shift I just want to get it just inside here So that it's touching So that both of these pieces are touching And let's use this Select this little dropper tool And color this thing the same as the background There you go There you go There's your tab Let's make it a real tab I think it's up on this level What a rectangle All these things are up here So I'm going to select all these By holding shift I'm going to drag this layer Down to this backer layer There you go Now I'm going to select this little Tiny little rectangle My little tab and the big Rectangle in the back And we'll unite them There you go There's your standy It's ready to go Now we got to make it a cut file What I like to do is I'll select everything over here Control C, copy, control V, paste I got a duplicate of everything Now all of this stuff here Will be my cuts And all of this stuff here will be my backer And I'll keep everything There was score mark So I should be able to find it But we don't need these QR codes anymore So let's select these by holding shift Delete Now we're just going to select everything on here Oh I forgot to make these These down here I forgot to do the create outlines I'm going to select all three at once Then Go to type Create outlines Back to Window Pathfinder tool Unite, unite everything There now everything's Good to go, ready to be cut Let's do the same thing over here Since I forgot to do it before I copied it So Create outlines Window Pathfinder That was already open, unite So everything over here is going to be scored Everything over here is going to be cut We'll select everything over here We're going to get rid of the fill So no fill I'll make everything over here A score mark We'll go with blue Actually let's go ahead and add my My color palette So we'll go to Other libraries My swatches K and G swatches Here's my little window These are all my glow forge colors These are all the different colors it will Recognize I'll just drag that in So now for stroke I'm going to use dark blue Number two I see that some of these things have boxes around them They're masked Coming out of candle So we'll just release the mask I'll grab this outer box And delete it Over here Let's ungroup it Select this Release the mask I think that's it, that's the only thing that needed to Ask Now we'll grab this outbacker This is going to be our backer, we'll just grab this Now we'll make this stroke mark Red Real red number ten When our backer is done Let's grab everything And hit group Ungroup it Over here everything is going to get cut So we'll highlight everything We'll lose the background color The fill color And we'll give everything a red stroke Because we're going to cut everything out Now we need to release the Same frames We should have done that before we Did a copy paste Ungroup the masks Get rid of this stuff Ungroup Release the mask Delete And then We'll keep these boxes Or these little Red cut lines around The QR codes That way they'll cut out the QR codes After they're done engraving And then we'll be able to paste them on Or glue them on We're going to say no fill And I'm going to stroke this red We want to cut out And we'll make sure this is grouped Control G Let's move this up next to it Hold shift And rotate it 45-90 degrees Alright, time to File Export As We'll do Export as an SVG I'll just put it in downloads for now Let's be social And we'll export it Don't have any presentation attributes No stylings The fonts we've already created We have already created the outline So we don't care if it converts them to SVGs The embedded images Those are going to be our QR codes So yeah, we want to embed those images Layer names Those don't really matter I'm not going to look at the layer names again Oh Do not Check minify Or responsive This will allow it to resize inside the glow forge Exporting it without these checked It should come in the same size As you're exporting it now We're going to gather all of our supplies We needed some quarter inch MDF Or what we're going to cut it out of Now you can cut these signs I know if you've seen them on Etsy Or lots of other places You can cut them out of acrylic And we considered that I do think that that's a really cool look Because all of our signs are made of quarter inch MDF We felt like this would be the best look I think it's going to be It stays with the aesthetic Yes, yes In keeping with our aesthetic We'll also need some paint Some 12 inch masking For our glow forge board And a super secret tip right here Pro tip coming at you a little later Some duct tape Step 3 We're going to make all of our cuts We're going to bring the quarter inch MDF Over to the glow forge and cut it out But first we're going to Paint it white Let it dry really well I spent 30 minutes with the hair dryer To get it nice and dry I told him I was like Make sure that dries for a couple of hours I rolled it, I was like Let it dry for a couple of hours And he was like And then I heard the hair dryer I gave the hair dryer a workout 30 minutes later we're able to mask it And now we'll throw it in the glow forge And give it a cut and engrave Inside the glow forge I'm going to use the thick draft board settings And for The engravings I'm going to use Draft photo For all of my engravings And then I'm going to Use For my score marks, just the draft Settings for scores, I don't need them very deep Just enough so I can see them To put my stuff on And then for cut I'm just using poof grade Time to paint Now before we remove the masking Especially on these QR codes We're going to take them out and spray paint them That way when we remove the masking tape That white and the black will have a high Contrast should work well on the phone For the rest of it we're going to go ahead And remove the masking And paint as usual We're going to use our little tape trick here To make sure our pieces are stuck to our tape So that they're easy to paint and they don't move While you're trying to dab each one Step 5 Time to assemble We're going to use this star bond thick To glue everything to the backer Our little QR codes and all of our little pieces Are going to get glued down now Inside those score marks Now the easiest way to glue it down Is to first put the glue inside all the score marks Then align all of your letters Inside those score marks Remember, less is more You don't want this glue oozing out from around Because it will leave a Kind of a white hazy shadow When it dries Pro tip, this is where the duct tape comes in To remove all of that little masking From the QR code I just use this super strong duct tape And it usually pulls right off Sometimes I have to stick it again Give it a little twist as I lift But this stuff works great to get all the little Yes, it's amazing I don't know where I saw this trick But whoever showed it to me Or wherever I saw it along the way Thank you, that is a pro tip Pro tip Now with the coat of paint It is a little more snug That little extra pixel Around the little hole What do you guys think? I think it looks popping It is super sick Super sweet I love how it stands up And you can definitely use all of the QR codes I will give it a test Right here, live Yeah, I think this is perfect for our booth It totally matches Everything that we are doing And it will be super convenient Yeah, there we go It's ready to go, good to go Popped up instantly Right out of wood You think you have to make these QR codes out of something I don't know Metal Or thin, but you don't As long as it has that high contrast And it keeps to those corners You should be good to go Yeah, I love it, it's going to be perfect And the great thing is That's what I was thinking And big thanks to all of our patrons We love you guys This idea actually came from one of you Somebody asked for this a few weeks ago And then we had such a success With the little QR code on our standee That I was like We need to act on that So thank you patrons for the ideas And keep them coming Otherwise We are about out of time So if you are not going to join us For the patron after show We will see you next week Where we'll do it, build it, and make it again Oh, don't forget on Test Cut Tuesdays We're always trying out something new Painting something new Or just testing something new Hence the name, Test Cut Tuesday Alright, for real I am out of time We will see you next Friday Totally going to balance this Upside down It's S Easy, too easy