fashion 2017 pinterest

welcome to the photoshop training channel.i have another great tutorial for you, guys, today. we're going to be creating a fashionmagazine cover and i'm going to show you some awesome techniques to create it. for this tutorial, we're lucky enough to havemy good friend, the lovely cheryl van den berg who's a fashion blogger, as the modelfor our magazine cover. also, for those of you, who are interested in fashion, checkout cheryl's website at ohtobeamuse.com. she's got some great stuff there. or you can justset over to her facebook page at facebook.com/ohtobeamuse and just say "hi" and give her thanks forletting us use her photo as our magazine cover image.

anyway, let's get started with our tutorial.the first thing we're going to do is create the document for our magazine cover. i'm goingto click on file and new. i'm going to name this file "magazine cover." the width is goingto be 8 inches, the height 11, the resolution, 300 if you you're going to print it out. ifyou're never going to print out your magazine cover, you can just leave that at 72. forthe purposes of this tutorial, i'm just going to leave it at 72. and color mode rgb is finesince i'm not going to print this particular file. and even if we're going to print it,you can leave it set to rgb, and once you export it as a pdf for print, you can switchthat to cmyk. but for now, rgb is fine. and, although i'm not printing this image, i'mstill going to work as if i were, so i'm going

to add 0.25 inches of margin to my image,and this is going to be my bleed and print safe area. then, i'm going to press ok. now, for the next step of this tutorial, we'regoing to create some guides, but we're going to do something a little bit different. we'renot going to click and drag guides to create our margins, and we're not going to go intoview, new guide, and create a new guide based off a pixel number or a percentage. what we'regoing to do, instead, and actually i'm just going to click on the arrow tool, click anddrag that guide up to delete it. what we're going to do, instead, is we're going to usea free plug-in called guideguide and it's this plug-in right here. now, if you don'thave this installed, go into guideguide.me

and i'll show you what that website lookslike, and this is it, here. it's called guideguide.me and it's a free plug-in for photoshop cs5and cs6. if you have an older version of photoshop, you can still follow this tutorial. you justhave to create the guides by hand, which is going to take a little more work, but youcan still follow along. so, the first step is to download the plug-ininto your computer. this works for both mac and pc, and follow the installation. i'm notgoing to go through that since you can just pause the video and follow the installation.it's fairly simple and very quick. so once you installed the guideguide plug-in, you'regoing to have this interface here, and you can get to it by clicking on window, extension,guideguide. and what we're going to do is

create the bleed area guides. so type 0.125inches. and, by the way, my rulers are currently set to pixels. i'm just going to right clickon them and select inches to change those into inches. since magazine covers are usually printedout and it's best to work in inches, and i'm going to do the same thing for all four ofthese boxes here, 0.125, 0.125, 0.125, and, actually, i got to put the "in" for inches,otherwise guideguide would not know what to do. once you enter these four values, pressthe gg button, and it automatically creates these guides for you, and this area here isthe bleed area of our magazine cover document. what we're going to do now is we're goingto replace the 1 with a 3 to create our print-safe

areas. so i'm just going to go ahead and removethose 1's and replace them with the number 3, and i'm also going to add 3 columns and5 rows, and i'm going to add 12 points of gutter space in-between those columns androws. once i do that, i'm going to press gg once again, and the guideguide plug-in withautomatically create these guides for us. so, as you can see, this little plug-in savesyou a lot of time. as i said before, if you don't have cs5 or cs6, you're just going tohave to click and drag those guides into position, which will take you some time, but you canstill follow along. now that we have these guides created, we're going to use them asa way of guiding us, as we place the objects into our magazine cover. so i'm going to justpress double arrow here to hide this, since

we won't be needing it anymore, and we'regoing to continue into adding cheryl's image on to this document. so i'm going to go intofile, open, and i'm going to select the cheryl.jpg image. this is the image that cheryl was kindenough to share with us. i'm just going to click and drag the tab over to the side. i'mgoing to press v on my keyboard to select the move tool. i'm going to click and dragthat over on to our composition. and i'm just going to close this since we won't be needingit anymore. and what i'm going to do now is i'm goingto scale the image down. but before i do so, i want to show you one thing. we’re goingto convert this into a smart object, and i'm going to show you why. i'm going to pressctrl j on my keyboard; that's command j on

the mac, to duplicate this layer. and on thetop layer, i'm going to press ctrl t, command t on the mac to transform, and then i'm goingto press ctrl 0 (zero), or command 0 on the mac to get a bird's eye view of this imageso i can see the corner handles. and i can hold shift and scale this down without distortingit, and i'm going to scale that down even more. and once it's about that big, i'm goingto press ctrl 0 to zoom back in. now, we scale this image down but, you know, obviously,i went too far, so now i want to scale it back up. and if i do so, maybe about thatbig, and press enter, notice that the image is distorted. we made the image so small,that we lost a lot of information, and once we try to scale it back up, the informationwas gone, and photoshop had to fill in the

blanks, thus distorting the image, and that'snot good for us. so i'm just going to go ahead and delete that layer by clicking and draggingit over into the trash can icon. so what you want to do is right click on thelayer and convert it into a smart object. that way, if you do the same thing, pressctrl t to transform, command t on the mac, ctrl 0 to get the bird's eye view, that'scommand 0 on the mac in the number pad, and i'm going to do the same thing. i'm goingto scale this way down, and i'm going to move it into the same position. i'll press ctrl0, command 0 on the mac, press ctrl t once again, and if i enlarge it and press enter,you'll notice that the image is not distorted. we were only making changes to the smart object.if you double click on the smart object and

press ok, this is where the image resides.so, if we make any changes to this image, it will affect the smart object. so i'm justgoing to close that for now since we're not going to be using it at this moment. and idon't need to save this since i didn't really make any changes, and what i'm going to donow is i'm going to place cheryl's image where i want it. so i'm going to press ctrl t, ctrl0 once again to get the bird's eye view, and i want to fit her face in this square here,so i'm just going to move that down, and i'm just going to increase the size; bring herdown, again. and, you know what? i'm going to move the pivot point to her face there,so that i could scale it from that area there, and, maybe, it's a little too big now, soi'm going to scale that down, again, and somewhere

around there. maybe i'll move it up a fewpixels up by using the arrow keys on the keyboard, and, maybe, move it over to the left justa little bit. and the picture's not completely straight, so i'm going to rotate it to theright just a little bit, maybe, 1.6 degrees, like so, and press enter. and this is what we're going to use for ourmagazine cover. i'm going to zoom in by holding alt or option on the mac, and using the mousewheel to scroll in. what we're going to work on now is the magazine mast head, so i'm justgoing to rename this layer, and i'll just call it “cheryl,” and i'm going to createa new group, and i'm going to call that group "masthead," and i'm going to type the magazinename in this area, here. so i'm going to get

my type tool, and i'm going to type the word"muse" and i'm going to change the font family to adobe gothic std, and once i have that,i'm just going to bring up the character panel, and i can either increase the size of thefont, here, like so, or i could just press ctrl enter, that's command enter on the mac,press v on the keyboard to select the move tool, and i can just press ctrl t to transformit with the transform handles, which is what i'll do instead, since it's a little bit easier.and i'm going to fit the title of my magazine in these three squares here on top, and i'mgoing to make it-- i'm going to squish that a little bit. actually, i will squish it justa bit more. and, do you see a snap is turned on? i can just hold ctrl, or command on themac, and click that up and it won't snap anymore.

i can distort it to the side, so be careful.just make sure you don't distort it too much to the sides, or you'll get something that'sslanted and that's not what you want to do. so just be sure that you don't do that, andmove that over to the side, just a little bit as well, and that's fine there. now, for the color of the title, i'm goingto select a color of the jacket here, maybe the red here. this is a nice red, so i'd justclick here and that will turn red, because i want to use some of the colors that arealready on the actual image so it complements it better and press ok. i'm going to zoomin just a little bit by holding alt and using the mouse wheel to zoom in. and right belowhere, i'm just going to type a date. i'm going

to type february 2013, and i'm pressing ctrla to select all of those characters, and just type the word arial, because i want this inarial, and scroll to make it smaller, and i'm going to select a white for its color.i select the arrow tool, and i'm just going to make it as big as that e. i press ctrlt, command t on the mac, to transform, and i'm just going to bring that down, so it'sabout the same size. and i’m just going to place it right below the gutter space andthis square here. and, by the way, you don't need to use these squares and make sure thatthings align perfectly; i just like doing so. you can have things in-between the squaresif you want to, of course, but for some things, i do want to follow them, and for others iwon't, as you'll see.

okay, so this is our masthead. what we'regoing to do now is we're going to open up a text file that we have with all our blurbsthat are going to appear all throughout the magazine cover. so, let me open that up, andthese are the blurbs here. i'm just going to copy the first one and i'm going to pressctrl c to copy that, and click on the type tool, and i'm going to just type inside thissquare, and i'm going to press ctrl v to paste that, and use the move tool to move that around.and, you know what? i'm going to delete the number 4 since i'll be using a different fontfor that, so i'm just going to delete that and i'm going to select the text here, andi'm going to choose a font called calisto mt, and what i'm going to do now is createline breaks for this. so, i'm going to create

a line break here, and one before the word"style," like so. and i'm going to highlight the text, click on the paragraph tab, andmake sure it's all aligned to the left. i'm going to select my move tool, and i'm goingto move that all the way-- well, not all the way to the left, actually, closer to thisline. and right in this space, here, i'm going to use the number 4, so i'm going to clickon my type tool, again, click once, select the number 4, and this time, i'm going touse a font called script mt—script mt bold, actually. and i'm going to click on the colorand select the same color as the name of the magazine, and press ok, and i'm going to makethat much bigger, so i'm going to select the move tool, press ctrl t, hold shift and increasethe size of that number 4. i, actually, distorted

it by accident there, so i'm going to pressctrl z to undo, that's command z on the mac, by the way. and i'm going to make the 4 justas big as these three lines here, and then i'm going to move it to the right just a littlebit, maybe, just a little bit more, and that's our first blurb. i'm going to select both of these by holdingshift and pressing ctrl g, command g on the mac, and i'm just going to call this "seasons."it's just one word that sort of reminds me what's inside that group, and i'm going topress ctrl h, that's command h on the mac, to hide the guides, so that we can see whatwe got so far. and, actually, i think, we're missing one thing. i'm going to select thethree lines and bold those guys, just so they

stand out just a bit more, and i selectedthe move tool, and i'm going to move, use the arrow tools to move them to the left,just a little bit more, because they were kind of they were going into her hair a littlebit. it's not a big deal if it does, i just didn't want it to go over her image in thisparticular instance. i'm going to press ctrl h once again to bring back the guides, andi'm just going to duplicate this and i'm going to start using the same style for these blurbshere, so i'm going to press ctrl j, command j on the mac, to duplicate. and, by the way,this only works on photoshop cs6. if you have an older version, you just click and dragthat into the new layer icon to duplicate that group.

so, for the first copy, i'm just going tomove that to the right here, and this copy, i'm going to move here, and i need one more,so i'm going to press ctrl j to duplicate and i'm going to put that here. for thesetwo, here, i'm going to select the type tool, and select all the text. go to paragraph,and align that to the right, and it's going to push it to the left, so use the move toolto bring that back over onto the line. and as you can see, there's some space here, rightthere. right here, you can just highlight it and delete it, so the text moves closerto the line and it's all aligned nicely. i'm going to press ctrl h to hide that. so thisis what it looks like now, and this is what it looked like before. as you can see, itlooks a little bit nicer. so what i'm going

to do now is i'm going to pause the video,and i'm just going to repeat this process three times, since you don’t really needto see me do the same thing over and over again, and i'll get back to you in just onemoment. okay, guys, i'm back. so, as you can see,i just took these three blurbs and added them to the magazine, so i'm sure you can handlethat on your own. this blurb did not have a number, so i just typed the word "cheryl"and i used the same script mt bold, and this 20, here, is the same font and font size asthat 4 there, and all i did was just change the blurb, of course. and, as i said before,i stayed within the square in this blurb, but on pretty much all the others, i wentover the line, which is okay. and the reason

i placed these blurbs in this location wasto have sort of a ladder that comes down, like so. so, maybe, when you first look atthe magazine, you might read the magazine name, and people, usually, read from leftto right, so you might read this, see her face, move over to her name, the ladder comesdown to her arm, like so, and you read "the one trick on sparkling nails of the day" and,maybe, move over to the "20 featured fashionistas you might meet," and then, what we're goingto do now is include the main headline or title, below here. and, what we're going todo for that is pretty much the same thing we've been doing. the only difference is thati'm not going to copy any one of these other blurbs. i'm just going to go ahead and starttyping, and what i'm going to do is i'm going

to use the same calisto mt font, and i'm justgoing to type the words "what to" and then press shift enter to move to the next line,and type in "where in," and that's it. on my paragraph, i'm going to make sure thati'm left aligned and i'm going to click before the "w" in the word "where" and i'm goingto move that over to the right, until the "w" is aligned to the letter "a" in "what,"then i'm going to press ctrl enter, that's command return on the mac. press ctrl t totransform and i'm going to make this just a little bit bigger. and, by the way, everytime i do this, i always hold shift to keep things constrained, and i'm going to movethis up just a little bit; just a little bit over the line and that's okay. and right aboutthe middle of this square is where that "n"

should be. so the midpoint of this squareis somewhere along the tip of the "n" there. and what i'm going to do now is i'm just goingto click on the move tool. hold ctrl, or command on the mac, and click on this "20" here. i'mgoing to press ctrl j to duplicate that "20," and i'm going to drag that "20" copy and dragit all the way up, outside of any other folder, like so. and by the way, this "what to wearin" is in another folder, so i'm going to get that out. so i'm going to press ctrl click,command click, it automatically selects it. i can click and drag it all the way to thetop. i can close that "20" folder where it was before. i can select that "what to wearin" line, and that "20 copy" by holding shift, and pressing command g to put them into onegroup. so, i can grab that "20 copy" and move

that down here. and, actually, for this one,i'm going to change the paragraph alignment to right align, and i'm going to align thatto the corner of this square here, like so. and i'm using the arrow keys on the keyboardto move that down. i can double click on the text icon, here, to select the actual text,and i'm just going to add a 13 before that, like so. so now our main headline reads "whatto wear in 2013." i'm going to press ctrl enter, command return on the mac, to acceptthe changes. i'm going to press ctrl h to hide the guides, and this is pretty much whatour magazine cover is going to look like in the end. and i'm going to show you a coupleof tricks just to enhance your magazine cover. one of the first things i'm going to showyou is i'm going to click on the zoom tool

and zoom in to this area, here. and we canadd another glow to that text so that it's a little more legible. so i'm going to clickon outer glow, like so. i'm going to set the color to black, blend mode to normal, andi'm going to bring the opacity to 10% and the size to 10 pixels, so it's a very subtleshadow that we're giving the text there, but we're using an outer glow to do that insteadof the drop shadow, so it affects all sides of it equally. so the text becomes a littlemore legible. so i'm going to press ok. so you might want to do that in your image ifthe background is a little bright and the white font is not as legible as you wouldlike it to be. another thing we can do is click on the “cheryl” image, add a layerright above that, and set your foreground

color to 50% gray, press ok. fill that layerby holding alt and backspace, that's option and backspace on the mac, and setting yourblend mode to soft light. what you can do now is select the burn tool, and darken theareas around the text, like so. so this is after, and this is before. you can see thechanges there. and you can also do that if you want to touch up some of your image'shighlights and shadows, too, by the way. and the next thing i'm going to show you isadding a bar code. since i know this magazine won't be actually printed, it really doesn'trequire a bar code. but something that you can do—and by the way, i pressed ctrl hto bring back the guides—but another thing you can add is a qr code, which can be readby smart phones and you can link them to your

website. so let me show you how you can dothat. i'm going to add the qr code to this image. i already have it here. and i'm goingto do that before cheryl’s image by clicking and dragging that in there, and also, convertingit into a smart object, so we can resize it and scale it as much as we want without distortingthe image. so, i'm going to press ctrl t, and i'm just going to bring that down, likeso. so if your magazine requires a bar code, this is a good spot to place it. and if itdoesn't, like ours, you can just create a qr code, and like i said before, once a cellphone scans this, it will take them to any website. this qr code is set up to take auser into cheryl's website ohtobeamuse.com. if you don't know how to create one, they'reactually very simple to create. you can just

go to google and type in "qr code generator"and you can click on any of these websites. and actually, the one that i use is this onehere theqrcode-generator.com and all you do is put in your url, so http: and i'll justput in the photoshoptrainingchannel.com and you can click on generate, and it will generatethe qr code for you. you can select any of the image sizes here, or put in a custom imagesize, like so, and you can just save the image on to your computer. so that's how you createqr codes. okay. before i let you go, i'm going to showyou one other thing that you can do. you can click on the smart object that contains yourphoto, press ok, and you can create all kinds of cool effects here. you can add, for example,a black and white adjustment layer, and press

ctrl s to save, command s to save on the mac,and you can go back into your magazine cover file, and notice what happens to the magazinecover. it's now black and white. and since this is an adjustment layer, you can actuallypaint with black, and you can bring in some colors back. so, maybe, we want to have ourmodel, and i'm just going to go really quick here. i'm not going to be too perfect on theedges. i'm just giving you some ideas here. you can just paint our model's body back inwith color, like so. press ctrl s to save. we go back into our magazine cover and, now,our model is in color, and the background is in black and white. and, of course, ifyou use the black and white adjustment layer, you can set these adjustments, so you canhave a better black and white background.

but i'm not going to need that for this image.i just wanted to show you that you can create all kinds of effects on the smart object,and they will apply to your magazine cover. so i'm just going to delete this since i won'tbe needing it. i'm going to press ctrl s to save. i'm going to come back into our magazinecover, and the last thing you can do is set the title of the magazine behind cheryl. let me show you how we can do that. i'm justgoing to click on the masthead, and i'm going to click on the title of the magazine, whichis "muse" in this case. i'm going to add a layer mask. i'm going to zoom in, and i'mgoing to select my brush tool. i'm going to bring the size of this soft brush to about36 or so. actually, even smaller than that,

maybe, like 20, and make sure my foregroundis set to black, and i'm just going to hide part of this title, like so. then i'm goingto change it back to white, and i'm going to decrease the size of my brush by usingthe bracket keys, and i'm going to bring back the letters that are close to the edge, likeso. there's some red here, so i'm going to change it back to black and hide that as well. i'mgoing to zoom out, and now, the title is behind cheryl's head, which is right. i think i'llleave it. and that's it for this tutorial, guys. i hopeyou enjoyed it and that you learned something from it. as always, feel free to share thiswith your friends on facebook, twitter, google+, pinterest, or wherever you like to share yourstuff. if you have any questions or comments,

leave them down below, or head over to myfacebook page at facebook.com/photoshoptrainingchannel. and don't forget to subscribe to my newsletter,just head over to my page, and enter your email in the sidebar, and you will have accessto my subscriber only tutorials. and if you followed this tutorial along and you createdsomething, feel free to share with me on my website or on my facebook page. and don'tforget to check out cheryl's website at ohtobeamuse.com if you're in to fashion. once again, thankyou for watching, and i'll talk to you, guys, next time.