7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
FREELessons: 28Length: 2.9 hours

Next lesson playing in 5 seconds

Cancel
  • Overview
  • Transcript

4.4 Feature Article Layout-Style 1

Hi everyone. In our first article layout I'm gonna show you how to use a double page spread for your article with text on the left and a large image that fills the entire right side. So let's go ahead and get started here. We have two blank pages, we're just moving down our magazine, and we're going to start on pages six and seen. One thing to note is that we do have a master page applied. We're gonna to use that two column master page for six and seven. This is going to help us with our layout tremendously. So the first thing I want to do, is I'm just gonna drop that imagine in. Now I have all of my images in a folder and I just basically click and drag that where I want into my layout here. And then I'm just going to position it where I want, and you can hold down Ctrl shift and drag that the bleed lines so it fills the page a little better. Now I'm paying attention here I do not want this image to go like that, I want it to stay right on that fold line so that when the magazine is folded, it's not cut off, but it does stay right on that fold line. And then I am going to move this because I have room down here, so that her foot stays nicely in the margin there, and then if you want to make things nice and neat, you can just drag everything to that red bleed line, so you know exactly, nope that is too far, exactly to where that image is. And a quick preview, Has a nice image in that page. So, we're done there. Now, one thing about this article is that I'm going to use the colors in this image. I already have them here already, but if you didn't have them, one thing that you can do is just use this eye dropper tool. Click on a color. You see that it activates here. Go over here to new color swatch, there it is. Make sure though that it is CMYK. You're always going to be working in CMYK with your layouts. Then you would just hit add and then OK. And then it would add it to your color right here. So then you have another version of this purple, and you can go around and do that again and again for any of the colors in that image that you want to add. It's a great way to make a cohesive look throughout your article by using those colors already ready for you and then you don't have to do hard work of figuring out what to use. So now we're gonna move on with the actual content part of our article. Now if we scroll up here, one thing that we've already placed is this mast head. So I'm gonna go ahead and copy this mast head and then past it in place here, that way it is on the same exact location on the second page here. The only thing we're gonna to change is that this is going to be a Lifestyle article here. So that is ready to go, and then we can go ahead and add our headline here, and it's a full spread feature article. All right, and then we're gonna use the colors from our photo. So I'm gonna use a dark gray, make that a little bit smaller, and then we're gonna use the purple that we just created. Lovely. Okay. And again, go ahead and use those layers if you find this automatically put it on the objects, but you just get to click that, and now this selected text box is now on our text layer, if you like to keep everything nice and neat. You do not have to, though. Alright, and then we're gonna put an author credit in here. So, I'm gonna use a little symbol there and I'm going to not caps that and make this a lot smaller. That might be a little too small. Okay, and then we're gonna use our Futura font. And space that out. I'm gonna right align this so it's a little bit easier to line this up on the right end of our headline. Perfect. And again, we're gonna use a nice gray here for our author credit. Now that would be the name of whoever penned this article that you're putting into play here, okay. And then from there we have our actual article text, now you're either gonna be typing this into InDesign, or you'll be importing it into Word. Importing it from Word. So I'm just going to fill this with placeholder text, and again, it's automatically using my character style here, this headline, which isn't what we want. So, I'm going to click this text box, and then we're gonna change it to body black. And then I need to fill it with more placeholder text. There you go. Very basic text here. And then you can kinda automatically see where paragraphs are, so I'm just gonna create a few of those. I'm going to select everything and justify it. I love lining everything aligned to the left with my articles. It just makes it a lot cleaner, a lot nicer. Right click Text Frame Options here, we're going to make this into two columns, and because we have that guide here, it's really nice. It lines up perfectly for our two columns, just like so. And I'm going to go into here and just grab some random text and we're gonna use that quote block, all right, that's a little too much. All right, and that's just gonna be our black quote, but again, I'm gonna change it to that purple color so it stands nicely with what we already have for our color palette. And then if you want to make a drop cap, there's a couple ways to do that, but you can definitely go into your paragraph here And just select drop cap and then select how many lines you want to make that drop cap happen. And you even change it to a different color to make it stand out and you can use a different font entirely just by selecting it like that and it just sort of makes that stand out real nice, ok. And then we're just going to add a decorative line here. This is just a way to fill some white space. Nothing really fancy or rhyme or reason to it other than we have the space, so we're just gonna add a nice line. So I'm gonna make it 15 point. Now the trick is that it's right on the fold line, so you want it to go right there on the fold line and have enough come over so that when it's folded it doesn't disappear entirely. It comes out nicely, and you can see that right there. And then the only other thing we have left is to draw out another text box, and we're going to make a place for image credits. No, that would actually be the right image. And again, this is gonna be really small. Image credits do not have to be large. I'm gonna use the same Futura here, and let's go ahead and make it gray, so it blends in a little bit into the background. And now I'm gonna zoom in here so you can read this. This is how I typically format my image credit line. This is all caps and then this is just either the photographer, the name, whatever that credit needs to be is going to be a little bit smaller text. So, we'll zoom back out, and we will go ahead and place this next to our image. Image credits can go anywhere, and I am going to go put this on a 90 degree rotation. Click and drag, and I'm just going to line it up with this purple line, here. Now, I'm lining it up to the outside because again it's on the fold line, and an image credit is okay on a fold line as long as it's a little farther out this way. Now, here's something interesting, and i'm glad this happened. If you zoom in here, you can see that our image is not all the way to the line, so I'm going to push this over a little bit closer to that. And sometimes you can only see that when you zoom that far in, but you don't notice it otherwise. And by doing that, we have white space over here so our image doesn't go all the way to the bleed line. So essentially we need to make this slightly larger. So just select it. Make sure you drag that out to that bleed line. Now, if your image is high enough resolution that will work without causing any major quality loss. If you don't have a high resolution image, that is going to be a little bit of a problem for you to adjust the size the way that I just did. Alright, so there you have it. There is one option for you to design a feature article that allows you quite a bit of room for content and a very large statement photo. Let's move on to another design option.

Back to the top