Building an Entire Stationery Set in a Single Adobe InDesign Document | Angelo Montilla | Skillshare

Building an Entire Stationery Set in a Single Adobe InDesign Document

Angelo Montilla

Building an Entire Stationery Set in a Single Adobe InDesign Document

Angelo Montilla

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
4 Lessons (23m)
    • 1. Intro Video

      1:33
    • 2. Setting up the Document

      1:03
    • 3. Using the Page Tool

      4:14
    • 4. Designing Stationery

      15:57
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

199

Students

--

Projects

About This Class

In this tutorial, I will take you through steps to create a stationery set in Adobe InDesign. Only, instead of creating different documents for each item (ie: business card, letterhead, etc.), we're going to build the entire set in one layout.

228aabd2

Meet Your Teacher

Hello! I'm Angelo.

I am a visual design instructor and freelance graphic designer based in Windsor, Ontario.

I have more than 15 years experience in the print and editorial design space. However, I also specialize in branding design.

I am eager to build an online learning platform here and share everything I have learned over my life with you.

See full profile

Related Skills

Graphic Design Creative

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Your creative journey starts here.

  • Unlimited access to every class
  • Supportive online creative community
  • Learn offline with Skillshare’s app

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Intro Video: everyone. Angelo here. Welcome to another design tutorial today were to be discussing how to create your own stationery set all in adobe in design, using the same document to create a letterhead business card an envelope So typically new users won't know this, But you can actually contain all those pages and one document. Even though they may be different sizes, New Year's new users might, you know, create different documents and then have one specifically for the business card 14 letter head, one for the envelope and so on. So this could get a little confusing in terms of if there's any changes and you have to go find different files in this tutorial, I'm gonna show you how to do everything all in one in design file. Okay, so let's go to the screen here. As you could see, I have a letterhead. Ah, postcard. That's nothing. I'm gonna show you. So in other words, it's the same document size Onley landscape instead of portrait actual letterhead itself or kind of like a letter containing the logo. And there's the business card, one business card to and then an envelope. OK, so I'm going to show you how to do all of those in one document, which is very helpful. And we're gonna be using the page tool again. So that's the tool to use when you're doing things like this. So let's get started, OK? 2. Setting up the Document: I'm gonna go to file and we're gonna create a new document. First thing you want to do is go up to the print tab up here. Click that, and the one that we want isn't available here. So just hit view all presets. And this is the one for the postcard. So there's gonna be three postcards to business cards and envelopes. Postcards also gonna act as a letterhead as well. So let's go ahead. Click a five. That is fine. There we can leave a portrait. Doesn't matter right now. Could change that individually as we move on facing pages. Let's uncheck that and then the number of pages Because we're gonna six different items in this document. We want six pages. Okay. Everything else can stay the same. We can change that on the fly as we go. So I'm just gonna hit, create, and I'll just get my pages panel here. And there's all six a five size document pages there. Okay, 3. Using the Page Tool: before we go any further, What I'm gonna do is let's change the actual document. Size is what we want. Okay, so, Page One, it's fine age to, um this is where I'm gonna go to my age. Tool. Okay, so that's the 3rd 2 on your toolbar or shift. Pia's a shortcut. Click that and you see here my my actual page becomes highlighted with these kind of, like, these handles here. We're checking maneuver and make custom. But if I go to my properties panel here, as you could see, there is my second page of my document. It's set to a five. So I could, you know, drop that down and select another document size. But I also could change the orientation. So I want this 2nd 1 to be landscaped. Okay, So go ahead and do that. Now. Nothing else changes in your document other than that's that second page you see, that page remains portrait. This one is now landscape gonna go back to my selection tool. So that's done. And I have the have the merchants set to 0.5 inches, wrote the document. That is fine for the postcards. OK, so let's keep going ages. I want H four. Let's go to page four now just sumo. Choose 34 Perfect Get So I want this page now to become a business card. All right, so let's go ahead and do that. They My page tool, clicked on it. Go back to my properties panel and business cards come in certain dimensions. You may have something cost them, in which case you could just put that in. But in design has a U. S. Business card setting. So under the A five, which is five, go ahead and click bad and let's select U. S business card. Now you notice the margins are really increased here. So what I want to do is click margins and columns here, and let's increase margins are sorry, decreased, I should say to 0.125 inches. I think that's good. You can, you know, get set them with what you want. 0.10 point 175 is good too. I'm gonna do 0.125 and hit. OK, let's go to the next page. Click it, do the same thing I want us business card margins and columns Let's set it to 0.125 Okay, good. Now let's go back to my pages panel here. First pages, a postcard, a five second pages, a postcard. A five landscape H three is also a five. Back to portrait four and five are now business cards. Let's changed Page six. The final page to an envelope. Science. Okay, so let's go back. Teoh our page to a click it Go back to the properties panel thistles where we have to put in a custom size because there's no there's no setting here, um, for an envelope. So envelope size that I'm gonna be working on is 9.5 inches. It tad and the height of it is 4.12 Funds hit tab again. So there's our There's our envelope. OK, now, if you're not happy with those margins, you can slack that and change it to you know what? I'll change mine. 0.375 it. OK, go back to your selection to a like my pages panel here and now look at my document. I have all kinds of different size pages, but it's a stationary set contained in one document. You don't have to jump to different documents. Everything is here for you 4. Designing Stationery: So now we can start building our items here. So let's go to page one. I'm gonna be bouncing back and forth to the finished version here, which I have here. So we're going to start with the first page here, and this is pretty straightforward in my CC libraries. I have three assets that I'm gonna need some colors. Okay. And so let's get started. I'm gonna grab my selection tool. Actually, before we go any further, let's create 66 layers. First layer will be on. I'm sorry. First layer will be, uh, five postcard a five post. Hard to and again. You don't have to rename these layers. I always rename layers. I know people are OK with just leaving it. Layer 123 and four. But I always say my layer so a five posts harder. Three takes out any confusion, and I'm always about taking away confusion. Is this curved? One is this card to you. And last one will be the helps if I can spell it there. Riggio envelope. Good. So let's start with the A five postcard. Grab your selection or sorry, you're erecting frame tool. Let's draw a box. That fills an entire frame that's making with Phil Phil green color that I have there. Okay, I also have a vector smart object pattern here, which I'm just gonna drag onto my page and maybe right into that box, drop it right in. And then you could see that it's a lot bigger than I want. So you can right click fitting Phil frame proportionately or shift option command, See as a short cut. Okay, so there I have that. But I also want to you click the doughnut to access the pattern or your properties panel and let's click on the effects transparency. And let's change the blending mode to multiply and change the opacity to about 15. Let's go 12 twelves. Good and hit. OK, now I'm gonna go back into my layers panel and lock that go back to my C C libraries and I want to bring in this logo here. Gallon, Ari Alan Eri Extra virgin olive oil drag. There's my loaded cursor. Just gonna drag a little box here and I'm just going to center that right in the middle A. Okay, there's your letterhead. Let's say that I don't want to lose any of this. So let's call it stationary. Stationary design sounds good to me. Okay, that's page one. Let's go to page two H two here. Um, make sure I'm on the rate layer postcard TV lock that 1st 1 And this is just gonna become an image that created just Teoh showed clients or customers the product packaging of this stationary set up here. So let's do this. Let's create another rectangle frame tool. Put my guys on. By the way, if you want to create guides for the specific ages, which I always encouraged doing, just click your page and go up to Leo create guides. Now, I'm not working in a master page system, so I would have to go on individual create guides for each page in which cage, which case? That is fine. Okay, So the number of rows you could set You know what? I'm not gonna set up a guide system for this page I don't need. So I'm gonna hit control or command V and let's go to stationary set. I'm gonna bring in this Gala Neri. PNG comes in really large, so right. Click fitting Phil frame proportionately. And there you go. not that it matters, but, um, you know what? That's fine for today. Okay, so there's let's just assume that that's That's the second page. I think on the other document here, I had a different photo. I don't really want to go searching for it, but here's what I had just addressing the new product packaging, and then you could actually put something in the corners here. That's this product packaging. So this is kind of would give customers a description, and you can get really creative with stationary. Doesn't have to be the traditional, you know, letterhead and so on. It could Taylor. Two different things that companies could be doing, much like I showed you here so that one's done. Okay, let's move on. Postcard page three. That is the actual letter. So let's go ahead and you have the copies available. What system that I do here Guides on. I think it did four rows and to calm. So let's do that. Let's go to page three, Leo create guides four rows and and that's OK. And I'm gonna go to my type tool T as a shortcut. And let's just dry with a box. Actually, and make sure that among the right layer, Yeah, good tool. Start at one of your margins here and maybe one of the guides that you created. And that's a good starting point. Let's go up to file place. I've got Galateri postcard letterhead so open. Okay, yes, that's fine. So let's make this an actual typeface that I used on the other example. What's going Properties? I haven't set up any style guides. Obviously, that's something that you can do as you're working. But pay for someone to use here is Mont, uh, monster a light? Actually, I think it's actually and let's make it 11 point. It's making me most just bring this down here way. I ended up putting something because it was too long. So let's just get rid of that stuff there, okay? So just as a quick point here, you can make, uh, make this stuff here. The name of the CEO and its title. You can make that bold. So instead of extra light, let's go. Maybe semi. And what else did I do? Hear your loyal customers? I also made that So let's make that Simon and just add another paragraph. Turn there, Just give a little bit more space. And then, as an added touch, I went to my C C libraries and I brought in the green version of my logo. So let's go ahead and do that. And I'm just gonna lock it to this merging and maybe the first guide. That's a big So I'm going to scale down shift command, grab one of the handles and scale it down. Good. I think that's that's pretty good. Now, obviously, I could go in and start tailoring this to my needs and how look, But as a as a starting point, I think that works. Right? So bring that down a bit. Good man s always command s got a state. Um OK, so let's keep going. What's next? Page four. Business card. Okay, So same idea here. Basically, I'm gonna view and see him in. Let's work on that layer Business card one. I'm gonna lock these other ones it business card one. Grab your rectangle frame and go ahead and drought a box. It feels entire business card. And again, I'm gonna go to my C C libraries and make it green. And again, I'm gonna drag this smart object pattern. Drop it right in. Very big shift. Option command. See? Okay. And let's go ahead. Click the donut. Access the content inside. And what are we doing? We're gonna go to properties, effects, transparency, and again, we're gonna make it multiply. We're gonna blend that pattern into the green, but change the opacity. 12. Okay, let's go back to our layers. And, um, let's lock that factor. Object Still in business card wine. Let's go back to our C C libraries and, by the way, have already imported this into my C C libraries. You can do the same thing by going Teoh image or sorry file place and bring it in that way . Already have this stuff here. So let's go to this icon emblem, which is the gallon Eri emblem. Let's drag that on. There it is dragged like so my guy, it's on. And let's just center it to the beach. Hit W see how it looks like it's pretty tight. It's good. Okay, let's go to our second business card right there. Okay, so this is you're gonna have to create a guide system for page five as well. Let's go to our layers and lock pH. What's lock that first business covered? Now we're on the second, so let's go ahead. Page five, Leo. Great guides. What is the guide system and created on the 1st 1? W what did you hear? 443 roads and three calling for Combs. 34 girls. Try that. The other thing I did was create guys. 123 and then 123 Let's go three by three. But I'm also see the gutters are too wide, so I'm just gonna be increased the gutters to me. 0.625 Do the same thing on the column side, and that's fine. Okay. So, Okay, he's just help you, you know, use a guide system, tow line things up. So what did I do? Hear this? A very, very minimalistic business card. In fact, I'm just gonna actually, just because I don't really want to just type stuff in. So come and see. Make sure I'm on that man Z. Okay, So this this business card here is slightly slightly different in dimension. So basically, all I'm gonna do scale this stuff all together and maybe just centers You can play around with this stuff, but again, very minute minimalistic basic basic card, which is very good, because oftentimes people just want to see the information. So you don't really have to get really fancy informational business cards of informational side of it. You can, but minimalistic is just this good. So Okay, so man s your dad in there. And finally, let's go to our pages panel and go to ph six, which is our envelope. Let's go ahead and lock Business card to click on Envelope Rectangle Frame Tool, go ahead and draw out another box that covers the entire envelope. Let's go to our C C libraries. Make green. Let's grab that pattern again, dragging onto our page. Drop it in right click fitting Phil frame proportionally and that's fine. You can actually play with this to bring it up so you get a better. Ah, better break on some of those icons. Let's go to properties. It's click Yeah, properties, uh, effects transparency. We want to stick with their multiply and opacity of 12 and just said, OK, let's go ahead and lock that hurt. Go back to our C C libraries, and this time we're gonna bring in the gold version of the gallon Eri logo. Start in the top left hand corner of your margin or you could put it wherever you want. But that's where I have it in mine and there's your okay. So I mean, that was really rushed. You would have to take your time and do things, Make sure things line up and whatnot. But look at that. Created the entire stationary set all in one God. And this is going to save you a lot of time. A lot of headaches, and it's easy to export afterwards. So let's say I'm done everything here and I want to export this. All is a PDS file export. Go to your format and he wants Adobe pdf print. Ansel You would click that, and then you would hit, save and all export together. You'd set your printing options and what not compression and then export it. Everything comes into one document, and, uh, it's just a great system toe. Have so get in the habit and work that into your design system. When you're working in design, have everything contained in one document you're gonna love. Okay, that's today's tutorial. I hope you enjoyed it and we'll talk to you soon. Have a great day. I know