Turn Your Procreate Illustrations Into a Printed Invitation and RSVP Card | Karen Ciocca | Skillshare

Turn Your Procreate Illustrations Into a Printed Invitation and RSVP Card

Karen Ciocca, Graphic Designer, Illustrator, Fine Artist

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
8 Lessons (43m)
    • 1. Trailer How to Make a Printed Invitation form Your Procreate Illustrations

    • 2. Procreate Exporting Transparent PNG Illustrations

    • 3. Creating Library Element

    • 4. Creating Invite In Adobe Illustrator

    • 5. Artboard and RSVP Card

    • 6. Exporting a High Res JPG

    • 7. Creating Vector illustration from Procreate Line art

    • 8. Vistaprint Upload


About This Class


In this class, we will be taking the botanical illustrations we created in Procreate to make a print mechanical of a Wedding Invitation and RSVP card.

This class uses Adobe Illustrator and Photoshop and is for people who already have a basic knowledge of the programs.

We will explore Libraries, Artboards, Creating Vectors from our PNG files. We will be exporting our mechanical to a print on demand site such as VistaPrint. 

If you want to create your own themed wedding or shower invitations from your own art, this class is for you! It is also great for any party event! 



1. Trailer How to Make a Printed Invitation form Your Procreate Illustrations: Hello, my creative friends. My name is Karen's Yoka. I'm a graphic designer and illustrator. In my previous class on creating botanical art in procreate, I had mentioned that I was going to teach you how to turn your beautiful art into a printed product. In this class, we're gonna use Adobe Illustrator and produce separate art borders, which are separate mechanicals. To upload your finished product to a print on demand sites such as visa prints, we're gonna learn art boards. We're gonna learn how to use the library. And we're also gonna take your illustrations that are lying art and create and turn them into vector illustrations that are completely scalable. So I hope you enjoy my class. And I love teaching this to you. Thank you so much and I'll see you inside. 2. Procreate Exporting Transparent PNG Illustrations : Hi, everybody. Thank you for taking my class on how to export your beautiful illustrations into illustrating illustrator to create our pores and then creates the beautiful invitation that you can upload to companies like Overnight Prince for Lisa print or wherever you like to get your things ready, just bring it to a printer. So here I am, showing you the instant replay of my succulent for this illustration. And I started out fast layers. Each petal bring was a separate layer and then I urged all layers together without the background and stand, we export that file to use illustrations. It's now I've always set up my procreate illustrations at a high resolution and you can learn all of this in my previous class and botanical illustrations and create on my channel . So now I'm just gonna recap how I exported this file So have a single layer with no background and looked up to that wrench I'm gonna go to share. I'm gonna go down towards this pain and then I'm gonna hit its export and save files and your to save it to wherever you're going to keep this project you're working on and thank you so much. And I will see you in the next class 3. Creating Library Element: 4. Creating Invite In Adobe Illustrator: All right, So now that we have all of our files in our library, we're gonna create a new document, the visa print trim size that we looked up online. And I'm gonna name my document, which is a custom size five by seven beast to print. So I know that's what their sizes, if you had another prints sight than it might have a different measurement, but 7.17 inches by 4.61 inches and an eighth of an inch bleed all the way around. So when you hit, okay, we're just gonna go open our library palette and everything that we created is gonna be in our library. I'm just gonna drag all of these elements onto my art board that we just created and I'm using here is a really pretty fun called Playfair display, and you can find it online if you google it and you can have it for free. And I'm making the bride's name in the groom's name. Very bulls, where the other type this more subdued and it's a regular fund, sometimes using that talent, and I'm gonna make it ampersand, and I'm going to change that to outlines. So you just got to type outlines. There it is. And when you upload your documents to places like, you know, overnight prints or visa print or any other print on demand company, they really do not want you to have the fonts in their form. You need to turn him also outlines. So what I would recommend is creating a layer just called type and then duplicate that layer and then turn it layer, often lock it and then use the new layer and call it outlined type and then turn all of the type two outlines. Otherwise, we're just gonna make a J peg, and everything is gonna be lines anyway. 5. Artboard and RSVP Card: how everybody. So now we're going to create a new art board to create our RCP card, and it's nice to have everything on the same document. And that's what I love about the art boards in Illustrator. So I'm just gonna go over to my tool palette. I'm gonna draw my art board. Or you can just go to the art board. Palin add a nart board and I'm gonna make the size of it the size I have here for the beast apprint. And it's the trim size, which is 5.47 and 4.21 I'm just gonna plug those numbers in, appear in the top, and it will automatically come back in with the bleed mark on it. That's an eighth of an inch because we already programmed that in the beginning when we made our document. All right, so you could see there's another art board our board palette, and we can be named that to the R S V P card and will rename the top one to the invitation . This way, when you export, it will export in those names. If you have it left a dartboard, it'll say art board one and our board too. And someone. All right, so now I'm just gonna grab some artwork from my invitation. I was gonna select my little group here. I'm gonna just copy and drag it over, and we'll grab some text to go along with it. So I have the same thought carried over with me and the same style. I'm still plop it in, and I just move it around where I want. Perfect. So now that I have that little type there, I can re type whatever I want there and we're gonna do, um, like we did before, we're just gonna write R S V P. And make sure I have another one, so I can use that for the rest of the type. Change that to black and right. RCP and I will change. It outlines this way. I can just make it a biggest I want and change the color. There we go. So if I shift, drag my type, then it will restrain the proportions and I can click on a color. I hold down my shift key and I can get my eye dropper and just sample that green color in my flower And there we go. Um, I will start dragging my Thai prime would add all the rest of the typography, so I'm going to speed up my video. Well, I do that. - Well , im doing is duplicating my type to make more choices on the R S V P card. It's gonna be food choices down here. And I just wanted, you know, line it naturally and then I'll go up and make sure it's exactly spaced out correctly and aligned. Um, and I just double check everything, and I will do a spell check later as well, because I tended do a lot of, um, mistakes that I don't often see with my eyes. - So I decided to change all of my type to a great color, and I wanted to save it as my swatch. And it will automatically go into the library that I made my group, and I will have it for later use for the same project. So as I continue to make adjustments in my design and my color choices and making sure all the type is lined up, So, of course, when you make your invitation, you're gonna have your won't have bride and groom would have their actual names in there. And then I'm going to delete anything that's on my art board in the slug space that I don't want. I'm also going to bring in whatever my background color is. I wanted to extend all the way to the bleed. Otherwise, it's not gonna print properly. So I know it came in green, but I'm gonna change it to white and we moved all the way to the back there. That looks good on the next video, we're going to export these into separate documents to upload, to lease, to print or whatever online print source that you're using. So then I realized that, you know, I had guessed name one and two, but that's where people would be riding in their names. So I needed to put a line there, and hopefully it's obvious to them. I've seen this many times on invitations. So as soon as we're done with this, I will, um, meet you in the next video. I know 6. Exporting a High Res JPG: Hi again. And here, er with our final mechanical and you can see my layer pallet here I have are on one layer and I have the background on another and created at layer up top with another rectangle on the top of each mechanical. I'm gonna grab this. I'm gonna go to clipping path, make and make a clipping path. It's gonna bring everything up to that top layer in hand. So I'm going to do the same thing over here, and you can do command seven on the 2nd 1 And there we go. Now, I want to export this as a high rez, J peg. But I had some issues lately with doing this. Um, export two screens. Makes it very low. Reds Jay peg matter What I did, it was very pixelated, some going up to this window, and I'm saying other and putting 3 55 in there and saying OK, and now I'm going to go export as and I'm good export as a J peg. And I want the range of both art boards and I'm gonna go find where it's going to go live as the files gonna live. It's cm like A and I made it 600 d p I because I know that all of my elements were 600 dp I and everything else Vector Candies 600 dp I So that's I'm gonna dio um there it's exported . I'm gonna open up photo shop and I'm going to just go find my files there they are. Awesome. And if we look at them, they look great. There's they're not pixelated and the resolution looks great And I'm going down to the bottom, making it 100% and it looks great. But I know that this is a 600 dp I file. So the same with the other one making 100% and it looks possible Zoom in at, like, 300% Looks great. So that's what we want want Hi res. So here you could see it 600 dp I change it to 300 it's gonna really rash. Arise it at 300 I'm gonna go back and look at it again and I'm screen at 100%. It looks awesome. So we're gonna save We'll do the same for the other mechanical and the other J peg and we're gonna save it. And the next step is simply exporting it to uploading it up to your print on demand site. I'll see you there by. 7. Creating Vector illustration from Procreate Line art: Now we're gonna take our Leinart that we created in procreate, and we're going to make it a vector illustration that you can scale and use for any project . But right now it's gonna make a beautiful invitation. So here, I'm just bringing in. I already have it. Put them all inside my libraries. So I just brought one leaf in, and I haven't yet turned it into a vector. Some opening image trace. I'm gonna hit black and white, but I'm going to go into the preset and find black and white logo. And I'm also gonna go ignore White because you don't want any right showing. It always gives you that dialogue that it's too many pixels. But I always say, Just do it anyway. It Okay, so now it's rendering, and I think it looks actually pretty good. So I'm not gonna play with any of the adjustments here with the threshold. Whatever. You can play with it a little bit if you like, but it actually looks pretty good. And as long as you have that preview checked on, it's gonna render slowly. So if you take the preview off while you're making adjustments, it'll and then put it back on. It will go faster. Okay, so we're done with this, and now we're gonna go up to expand, and it's going to create our vector illustration. Now, there's a lot of points in this. We're going to zoom in and I'm going to go get my eraser tool and just kind of erase any line that I don't like. Um, because sometimes when I drove, I over draw in the lines, I can see what I'm doing or whatever. So, um, I want to just erase any kind of little lines that are gonna not look so good in our finished product. So also gonna use the pen tool with the minus in it to get rid of lines on corners, and we're also going to use this smooth tool so that's located in your pencil, and it's not available on every workspace. You're gonna have to go back to essentials or something to find that some of the work spaces don't have all the tools. So I'm just gonna use my space key, which will help me move my art board around. So I'm just getting my space key, and I'm able to move my art board wherever I want. There you go. There's a little thing there. I'm just smoothing it. That looks good. You might have to do this move to a few times. Very nice. And there's a little hook on the end of my line. I want to get rid of that, so I'm just gonna race it. But you have to have everything selected in order to erase. Um, so I just do command a and it's all selected. And now I can erase away When I'm happy with my editing, I'm going to just change my object to blue or any color. I'm just playing with it at this point. And I opened my library, and I have some previously traced elements here and you could see this Rose is a pretty pink, and I'm just gonna try to figure out what colors I wanna make my invitation. My background colors. Um, now, just scaling this a little bit, and I'm just gonna play with my elements a little bit. Here's another previously traced element of a composition I made. Just be sizing and playing. We're just playing at this point. Have fun. Just that's half the fun is just moving things around and deciding You know what's gonna look good together? What's gonna fit with what? And they returned the background there on so you could see the colors on a black background , which I'm going to change that to a beautiful pinky purple color Pretty little darker. Yeah, let me double click on that swatch and just make it in a dork. Arrange the area, go pretty plum. And now I want to re color this element so we have a double click on it. It's gonna open the original one. You can't really re color it because you need to go up and find where it says first. I thought he could recall her it, But you can't. You're gonna go open the original and your and your open the regional edit original. Here you go. It's gonna open actual little straighter file of that sort of a smart object. So now I'm gonna change the color to a pretty pink. Here you go. Awesome. I'm going to the plus button and I'm gonna add add color. And now it's in my library. So I have my purple there, my blue there and my pink there in my library, and I can use it over and over again. So here, adding a frame and in my layers palette, I made a new layer called frame and I locked all the other layers up, and I renamed them appropriately. So I'm just putting one square over another, and I'm gonna go align them centre and centre and I'm aligning it. If you go in the options, you could see you gonna light into art board or the selection. And here it's to this election. And now I'm gonna go at a point size of a stroke on it so I could see what I'm doing. Here we go. Now I'm gonna go to the corners here and click on my corners, and we're gonna change them to a shape they have to be selected, and we're gonna change them to a shape. I'm gonna use that funny middle shape there when they didn't in and you could do a number here, or you can just pull down on that little tiny dot that's in the corner. I was gonna play with that for a few minutes, and when I like it, I'm gonna open my Pathfinder Now I'm just gonna combine with the first button there would combine everything together. That looks pretty good, but I'm not quite satisfied with yet. So I'm gonna draw another rectangle. Here we go. And I'm gonna do a different type of corner on and went into around corner. I want to make sure that they're lined up. Exactly. So we're gonna line to selection again. Centre and centre. There we go. We're gonna combine this. Very nice. So that's a little bit more interesting, I think. So. Let's just click on the corners. I want to change, which is the two outer ones that I just made with your direct selection tool. You're gonna go back up to the corner dialogue, and we picked around one. I'm just gonna drag the man. You should all drag together. Here we go. That looks kind of cool. So I might do that with other corners. I'm gonna just adjust other corners as well and just keep playing with it until you like the shape of what you did. So just direct selecting those appoint him all in, so somehow they d selected. So I'm gonna have to shift select them all again. There we go. That's much nicer. And one more time. I'm gonna sh shift, select, direct, select. The other ones wouldn't go round again. This makes a very interesting looking shape. Okay, Awesome. That looks pretty good. Now, what I want to do is I want to create a shape within shape. So I'm just gonna make sure I'm gonna click off of the solid color and just make the shape just a stroke. I'm gonna go to path, create outlines, and then we're gonna make it a negative number. And I'm doing negative 0.1 to 5, which is, like, a negative image. And look at the preview. That was pretty cool. Okay, in. Great. So that I'm just gonna make that a solid and that looks beautiful. Easy way to make a frame. All right, so now I'm just gonna move all of my elements in the background to where I want to put them . - So now that I'm done playing with my background, I'm just going to bring in the copy that we did in our previous video. Yeah, I made a separate layer with it, so I'm just gonna turn it on and probably resize it. Okay, pop it on. That looks good. I'm gonna make it slightly bigger. So we're just gonna lock everything else and just select everything in here. I'm gonna change that ampersand to the pink. It's a little bit too right. So I'm gonna make it very, very light. There we go. It's much better in the 28. We're gonna change that to the pink color. I'll stick with the darker one there, select it. And at the color. Awesome. There we go. It's looking pretty good. So I'm gonna collect everything and just drag a corner and shift and make it a little bit bigger. Good. Very nice when you change that purple. And what I didn't show you here is I even light into the background flowers. I change the opacity to a screen and I made it about, I don't know, 40% or 30%. So I really lightened it a lot. And then I am exporting now the same way I showed you in a previous video. And with a double check it in photo shopped to see what it looks like. So save us a J peg And I only did one art board here just to show you how to do the vector . So I kept it at 600 GP because I know my original illustrations are 600 b p I and also never check it out for the shop. All right. I think that looks pretty awesome. And I just want to say thank you for taking my class. I hope you learned a lot. And if you did, please like and share. And I can't wait to make more videos for you. Thank you again and I'll talk to you soon. Bye. 8. Vistaprint Upload: Okay, so we just went through how to take our beautiful procreate botanical images and bring them into illustrator, make them into a library element, bring it to photo shop. Now, we would've isa print and look up wedding invitations, and we're gonna open the one that says do your own and find the size that you want, which is right there is what the five by seven flat is what we did in our mechanical hit next. And then we're gonna go upload our designs. So where it says images, you see my computer, and we're just gonna click that and locate our image, And there is, and then it will just pop in. All right, So takes a second depending how big your artwork is and your internet connection, and it says his image resolution looks great. Fabulous. There, you mom. Next you have to just, you know, your credit card and get your cards printed up. And I so enjoyed teaching this class to you. And I hope you enjoyed it too. And I hope to see you next. Classes like chair. Yeah, I know