How to Add Text to a Photo in Photoshop | Day 11

welcome back to 30 days of Photoshop today we're gonna show you how to add type to your photos err welcome to phlearn my name is Aaron NACE you can find me on phlearn dot-com where we make learning fun and in today's video as a part of our 30 days of Photoshop series I'm gonna show you how to add type to your images now we're gonna go through the type menu and show you many different things that you can do with your type like choosing your font face and your font weight and a different way you can format your fonts to look great together we'll show you how to align several different layers of type making everything look cohesive and even how to make type integrate into your photo by cutting out your subject we had a great tutorial for you let's jump into Photoshop so here's our sample image you can actually download this on phlearn com just follow the link in the description right down below so the first thing I want to do is create a bit of type that actually integrates into our image so I'm gonna hit T for the type tool now with our type tool I can actually click and hold on it and we have a few different type options a horizontal a vertical type tool and basically this just makes selections out of your type which I don't really use because you can always make a selection out of any layer I'll show you how to do that in just a second so we're gonna just choose horizontal type for now and I'm just gonna type in eye Q which is going to be the title of our made-up magazine here okay let's go ahead and hit this check box right up here at the top and then take a look at the different settings that we have for our type you can get to these in a couple of different ways if you're using the latest version of Photoshop which at the time we're recording this is Photoshop 20/20 you can actually open the property window and let's go ahead and expand this out you actually have a lot more information in the property window when it comes to type you have your character menu paragraph and type options built right into the property menu if you're using an older version of Photoshop you're gonna want to use the character menu there we go let's go ahead and pull this out and you're gonna want to use the paragraph menu let's go ahead and pull that out as well I'm gonna go ahead and keep those here visible so we can work on them throughout this episode so here in our character menu this is first start where we're gonna choose our font face now if you are dobe Creative Cloud subscriber you automatically have Typekit that's a new edition as well and you have access to thousands and thousands of fonts so they're very easy to add let's show you how to do it so to add new fonts simply click right here on your font faces and go to more fonts from Adobe fonts that's actually you're just gonna bring up a web page you can sign in and add fonts and they automatically port into Photoshop so here we're gonna choose laddo this is one of my favorite fonts light oh we have different forms weights here so we can go everything from a hair line which is just a very thin font all the way down to black which is a very thick font now we have all types of different options as far as our spacing goes our spacing between our letters here we go our letting as well as our kerning and we can choose the type and width of our individual characters generally I stay away from these I prefer not to stretch any of the characters vertically or horizontally you just add more space to them that tends to look a little bit better here we can also have different options for a fo bold we can do a fo italics all caps drop caps underlying cross through things like that and we have some options for our ligatures and how the fonts are actually rendered now here in our paragraph menu we can left line Center and right and decide how lord larger paragraphs are actually going to render but I don't tend to not write like long paragraphs in Photoshop generally I'm just doing words so let's go ahead and delete this lorem ipsum okay whenever you create a type it just creates a new layer so if you want to delete it just click and drag it to the trashcan and you're good to go so in this case I have IQ this is going to be our IQ magazine so I'm gonna go ahead here where we have our font size now you can choose existing font sizes here but you're gonna see that they're way too small in this case so we're just gonna go where it says a TT and I'm gonna click and drag this to the right which is just gonna make this a little bit larger there we go so as it gets a little bit larger I can also decide my spacing between my letters so if I go to 0 we can see the spacing in between letters is a little bit more standard I can increase the amount of spacing and I can decrease it let's go to negative 50 here actually negative 75 I want these to be pretty close okay that looks good now I want this to be behind my subject I want to integrate it kind of like a magazine ad so it's actually really easy to do what we're going to do is make our layer invisible by clicking on the eyeball here and then in this case because I have a simple background I'm gonna go use my magic wand tool so hits W for the magic wand tool and then I'm gonna click here in the background now in this case you can see it didn't select all of the background so I'm going to hold shift which allows me to add to my selection there we go so I'm just clicking a few times here in the background all right fantastic and as long as it's not selecting my subject I'm happy with this and we're good to go so that actually looks pretty good I've selected out quite a bit of my background and now I'm gonna go ahead and turn this text layer back on again so with my selection active all I have to do is click on my layer mask and it automatically loads the selection into the layer mask which controls the visibility of the layer so let's go ahead and do it here clicking on our layer mask boom there we go it hides our layer where we had a selection now if I use my move tool right now it's gonna move the text and it's gonna move the mask at the same time we actually don't want that right because I want to be able to move by text but have the mask be in the same place so right over here you're gonna see you have your text layer and you have a chain-link and then you have your layer mask so go ahead and unlink the text and the chain that way you can click here on your text and move your text around and the mask stays in the same place okay so if they're chain-link together moving one will move the other but if you unchain lengthen now you can move just one or another now of course you don't have to just use your options right over here to change your font size you can always hit ctrl or command T to transform there we go but here in this case I think we're just gonna go a little bit larger and there we go I think the real key to do this is to be able to read you know I wouldn't want to do like something like this because you would not see that that's a cue unless you had like other letters and they have been made it's super obvious so in this case let's go ahead and bring it up you know what I'm gonna go a little bit larger with it there we go nice and large I want to go a little bit larger even all right now it's actually not getting any larger so you can hit ctrl or command T and then just transform it as it's a like it would be a regular layer all right there we go looking pretty good so let's go ahead and create another text layer I'm gonna hit T for the type tool and let's go ahead and click and I'm going to put I'm gonna type in style in the city so now I want this to be here on the bottom so we've got a couple of things to do first I need to make my font a little bit smaller so I'm gonna go ahead and here just like click and drag my font size all right come on down you can of course just type something in there but I'm just doing it by eye because I have no idea what how large or small this should be there we go now let's go ahead and make our paragraph centered there we go I still need this font to be quite a bit smaller so let's go there we go that's starting to look pretty good maybe a little bit smaller and the letters are still too close together so we're gonna go over here and just put we're gonna bring this back to zero Whitsitt which is neutral I think this is actually looking pretty good maybe we'll give it a little bit more space like a positive amount of space there we go let's go up to 50 style in the city that's starting to look pretty good all right fantastic so at this point I want this to be centered in my image so let's just say it's right over here I need to Center it vertically in my photograph so what we're gonna do is use selections and then our alignment tools so with our selection to start off I don't basically want to make a selection of everything because I want to align this sex to the entire image so I went here to ctrl or command a which selects all okay you can also go to select and down to select all there we go now I'm going to align this text to the entire document so go ahead and click on your move tool and when you do you're gonna see different alignment options right here on the top so for instance I could align on the center left right I can go top middle and bottom so if I wanted it in the exact middle I would just click on middle vertical and middle horizontal okay and I could put that down on the bottom if I wanted looking good let's go ahead and deselect this I don't want it to be all the way on the bottom we're gonna bring it up so I'm just gonna click and drag it up but you can see as I do I lose any type of alignment here so if I hold shift it makes sure that it only goes straight up and down or it would also just go left and right or at a 45 okay so in this case we're gonna hold shift and bring that up right about there okay and let's put a little bit more text in here as well all right I'm totally just ripping off GQ magazine if that's not incredibly obvious a gentleman's guide to fashion there we go now this gentleman's guide to fashion I want this to be under the main text here okay but I also want to lower the font weight a little bit using different font weights within the same font is a great way to get more variability because oftentimes like if I choose a totally different font right like I'm gonna choose you know I don't know whatever this I'm just randomly picking a font it's relatively difficult to find two completely different fonts that actually work really well together so what I like to do instead is just choose different weights of the same font so let's go back here into the phone I was just using which is laddo and then here I can just choose a different weight so if I want to go to a different font weight like black I can do that or I can do hair line there we go and you can see by using these different font weights we actually have some different effects now at this point I can't really read what's going on there so we have a few options I can put something behind by text or I can really try to increase the like bold value the font weight of the font self so let's go ahead and put something behind the text and see how that looks I'm gonna grab a solid color fill layer and we're just gonna go all the way to black for now okay let's invert our layer mask by hitting ctrl or command I and then I'm gonna grab my marquee tool and just make a marquee selection right here on the bottom there we go and then we'll hit shift delete and I'm gonna fill this with white on the layer mask so it's gonna make this solid color white and let's just put that right under the city or under the text rather okay so we can see yes I can actually read the read to type now which is fantastic a gentleman's guide to fashion still is way too thin this hairline is like barely legible but that's starting to work a little bit better you can use your up and down left and right arrows to align things if you'd like and now I want to try a couple different colors here so let's go ahead and double click here and we'll say maybe I can just grab like a dark or dark brown that you know rather than just being a black which just like is it kind of out of nowhere and not anywhere in this image this dark brown seems to fit a little bit better alright let's go ahead and just shrink this down a little bit okay and then we're gonna bring these two down a little bit as well okay and now I can choose to take down the opacity of this just a little bit which is a nice trick you can still see the font but I can see through this background a little bit okay let's go ahead and bring this up a little bit there give it a little bit more room and now I like style in the city in a gentleman's guide to fashion I think it's really nice I want to make sure everything is aligned really nicely because you don't want what you really don't want is something and I'm exaggerating this here but like something like this where like it kind of looks like it's centered but you can be like mmm that's not centered you really don't want that so we're gonna go ahead and align everything so it is perfectly centered within that box so let's set to control a command a to select everything everything and then we're gonna select both of our type layers okay just by hold ctrl or command and click on both of those layers then we're gonna align them vertically Boop so they're both perfectly aligned vertically with the entire document now I can deselect and I can use my up/down left/right errors to move these and I'm gonna use my down arrow because I just thought you know where it was before these things were a little too close right so we're just gonna use our down arrow to kind of give it some space oh space perfect I think that looks pretty nice maybe a little bit less space now at this point I want to align both of these bits of text to this background area okay I wanted the line vertically and horizontally completely centered within that area so if I want multiple pieces of text to work as one we're gonna go ahead and group them so let's go ahead and hold ctrl or command click on both of them and then hit ctrl or command G to group all right and we'll just call this text so now this entire group I can treat this as one write like I can move the entire group like it's one I could hit ctrl or command T I can transport it I can rotate it around we can do all kinds of stuff and what we're gonna do now is align it so I want to align this text to this bounding box okay so what we're gonna do is hold ctrl or command and click right here on the bounding box itself and that's what turns a layer into a selection earlier we talked about how I don't really use these you know vertical type math tools because you can just turn type into a selection by holding it's very easy you just hold ctrl or command and click on the type layer same thing here you can hold ctrl or command and click on any layer and it'll turn it into a selection so if I hold ctrl or command and click on IQ look at that turns it into a selection same thing down here controller command click on this and it's turning a zoom in so you can see it's turning my text into a selection so anything you want to make into a selection any layer just hit ctrl or command and click on it so at this point we have our text okay I want to hold ctrl or command and click right here on the layer mask to the solid color fill layer which selects the lighter areas and now my texts look at this I can do any type of alignment I want right center left top center bottom okay and that's gonna be all within this box so if I want it perfectly centered vertically and horizontally within that box there we go it's done so I just have to make a simple selection and then align those two together so at this point you could see very easy to continue to add more text but as far as learning how to use the type tools I think we're actually looking at pretty good so we got some great fundamentals in here we even learn how to put this little IQ thing behind our subject and again check it out if I were to just move this round you don't want to move your layer mask by the way you want to move the layer itself but at this point I can still move this around and because I'm masked it well early on it's always gonna be behind our subject thank you so much for watching I hope you enjoyed this as well as the rest of the 30 days of Photoshop series if you haven't already done so be sure to sign up because you get a calendar with all of the schedule you get all the sample images you can download and follow along with editorials and bonus little goodies that you only get as a part of the 30 days to Photoshop series thanks again I'll see you tomorrow bye everyone

Channel: PHLEARN

Views: 149,967

Keywords: Phlearn, Photography, Aaron Nace, Photoshop, Adobe, Tutorial, Help, Tips, How-to, Education, Adobe Photoshop, Class, Course, Learn Photoshop, text, type tool, add text, text behind person, 30 days, day 11, text effects photoshop, text effects, photoshop tutorial beginner, photoshop tutorial effects, photoshop tutorial logo design, photoshop elements text outline

Id: W0Pde9pemfk

Length: 16min 53sec (1013 seconds)

Published: Sun Jan 12 2020