How to Edit With Adobe® Photoshop® Elements

Lesson 7 of 10

Compositing: Adding Type and Cropping a Shape

 

How to Edit With Adobe® Photoshop® Elements

Lesson 7 of 10

Compositing: Adding Type and Cropping a Shape

 

Lesson Info

Compositing: Adding Type and Cropping a Shape

Alright, so let's have some fun and add some type to this. I don't know about you guys, but I really love working with text. So to do that, I'm gonna grab the type tool over here in the tool bar. So I can press the letter T on my keyboard if I just wanna grab the type tool without having to go click on it. And I'm just gonna use the regular horizontal type tool. So you'll see there's actually seven different versions of the type tool. I just want the good old classic type tool, right? Keep it simple. The way it works is I can click and drag to make a box for my text. When I let go, I'm gonna have a cursor that's flashing at me, and I don't know if you guys can see very well, but it's a really large cursor right now. So I'm gonna drag my size down a little bit. When I have the type tool selected, the options for the text are gonna appear down here in my options bar, and if I wanna change the size, I can click this dropdown, and click any number of preset sizes, or I can actually hover m...

y cursor on top of the word size, do you see this little double headed scrubber? If I click on that and just drag to the left, it's gonna get smaller. It's kinda hard to see when I don't have type in there, but I just dragged it, I don't really care what it is yet, I just wanted it small so I can see what I'm typing. So let's type something like, they call me, and I'll hit a hard return, Senior, I'm hitting Option + N to make the tilde on the N, Senior, my son's name is Ze, so we'll say Senior Ze, Option + E like that. They call me Senior Ze. Now this font that I'm using here is called Bonjour, and it's a really great font, I bought it recently and it was like 16 or 18 bucks or something, I don't know, I have a link to it on my Facebook wall right now, so if like brush script fonts, this one's really affordable and totally dreamy. So you can find it on my Facebook page, but it's called Bonjour. So I'm gonna select all of this type, and we're gonna do some edits to it. I wanna make it bigger, for one, so I've got it selected and I'm gonna drag the size to fill the space about like that, and now, I actually just want the Senior Ze part, I want that to be bigger so that it fills this line. So I'm gonna click to highlight just that, and I'm gonna come down here to size and just make that bigger. Whoops, that's a little too big. Alright, something like that. Down below here we have something called leading, leading adjusts the space between lines of type. So for example, when I look at this, I'm not really crazy about this capital S running into the T right here, so I'm gonna use the slider to adjust the leading. So I can actually move this line down, or up, or whatever I may decide that I want. So I'll move it down like that so the N's cleared as well, and then when I'm happy with it, I go ahead ad hit the check mark right here. So once you've committed your type, if you need to make any changes to it, you need to actually go get the type tool, and you'll have to actually click once on the text to activate it, and it brings up this box, and then you can highlight, or make any changes that you need to. And your font controls, and sizing, and all of that is gonna be down here in your tool options, okay? But when you're happy with it, you go ahead and hit commit. Another thing we can actually do is warp this text. So I'm gonna go back to the type tool. Down here we see these two little buttons, this one where it looks like there's a T standing on top of a hill, or jumping on a trampoline, I don't know what it's doing, it's being warped, this is the warp text button. So I click on that, I can come in here and warp this text, just so it looks a little more interesting. Maybe we'll inflate it, I dunno, what do we like? Inflating it, I'm gonna keep it subtle, we don't want this to be like a cartoon, but I wanna sort of play with that hand drawn look and just make it a little less beautifully, perfectly hand drawn. So maybe I inflate it, maybe I bulge it, oh I kind of like that. So you can bend it whatever way works for you. I'm keeping it pretty mild here, 'cause I don't want it to look like a cartoon, but something like that. I'll go ahead and click OK. And one more thing I'm gonna do is add one more type layer, 'cause I want a giant exclamation mark over here. So this time, instead of clicking to drag a box, clicking and dragging to make a box, I'm just gonna click someplace outta the way, like over here, I'm just gonna click, and I'm gonna make an exclamation point, and then I'll commit it and drag it over here. I actually need to make it a little bit bigger, so I have a couple of options, I can get my type tool and select it, and then drag the size like this, or with it selected I can actually transform it by pressing Cmd or Ctrl + T for transform, and that's gonna put a box around it like that and then I can just grab a corner and drag. And in Elements, you don't have to hold Shift to constrain proportion, 'cause there's an option right here where it does it automatically. So I always have to remember, 'cause if you hold Shift, it actually unconstrains the proportions, so that can get ya. So I don't have to hold Shift because it's automatically keeping it proportional. So I'm gonna scale that so it's big like this, and I'm gonna go ahead and commit it. So now we have two type layers over here in our layers panel, and we have this texture layer. If I wanna rename this, I can just double click on the words, and let's call that texture, and press Enter or Return to set that. So you can actually rename your layers, you can change their ordering, and all kinds of things. Let's hide these type layers for the moment 'cause there's one more thing I wanna add to this, 'kay? Let's go back to this texture layer that we made over here, and I'm gonna go back to this graphics button, and I'm gonna scroll up and find another background I think, I think it's up here. Something fun with stripes like this. So there's this green striped background, I'm gonna double click this. Now I have this fun texture, isn't that great? So this would be a great scrap booking background or something, and I'm going to actually crop this into a shape. This is another thing that's really fun about Elements. So I'm gonna grab the crop tool, right over here in my tools, and down here we can choose to have it operate like the normal crop tool, like we did earlier, when we resized the image to that four by six, or I can crop it into a shape, in which case, the crop tool becomes like a cookie cutter. So it can cut your images into shapes. So I'm gonna grab the cookie cutter, and then if I click this arrow right here, I see all kinds of shapes that I can crop to. This is just the default list, and it's not terribly long or exciting, but if I come up to this dropdown, I can change it from default to, let's come up here and say all elements shapes, because you need to see this. So all elements shapes, and I'm gonna drag, I'm gonna click in this corner and drag out like that so you can see all these shapes. Okay, look at these little cartoon, fun critters. You don't get that in super hottie Photoshop. These are really fun that are just unique to Elements, and I just think they're really cute, but we're not gonna use those ones. But look at all this stuff, there's just, a lot of this is similar with Photoshop, but there's extras in Elements. So one of the ones that I think is really fun that we're gonna use is this mustache right here. (audience laughs) You know where this is going right? So I'm gonna grab the mustache, and then I'm gonna click and drag, oops, there we go, click and drag. Now in this case, I am gonna hold Shift because it's not gonna automatically constrain your shape. So I'm gonna hold shift so he doesn't get a walrus mustache like this. Although maybe that's cute. But I'm gonna get this going. So I'm gonna click and drag, and then I'm holding the Space bar to reposition the mustache on the background. So maybe I want this blue stripe down at the bottom, or in this case it doesn't really matter. I'll just reposition it about like that, and I'm gonna let go. You see that it crops the background into a shape. I'm gonna commit it, and I'm gonna drag it over, and it's probably gonna be huge because of just the way I've done this. So we'll see. So let's go back to our photo bin, 'cause that's so handy, and I'm just gonna use the move tool to click and drag down. I'm gonna hold Shift and drop it onto his frame. Now this is huge right? Because remember we downsized his image, so the mustache by comparison is enormous. So we're gonna scale it down by bringing up that transform command again. So on the keyboard, that's Cmd or Ctrl + T for transform, it's gonna put a box around it. Now in this case the box is so large, I can't even see it all, so I need to be able to find the corners to drag them in, and I can't even see them because they're off screen, they're so huge. So a little trick to help you when you find yourself in this situation is to press Command or Control and the number zero, and then it will scoot back enough so you can see the corners, wherever they are. So now that I'm transforming it, because we're in Elements, it's gonna constrain the proportions automatically, so I'm not gonna hold Shift, but otherwise you would, and then I'm gonna just drag inward and it's off, I'm gonna click and move it over, so click and drag to move it onto his face. Oh boy! Look at that! He's only five months and has a mustache already, he's very advanced, okay. So when I'm happy with it, I'm gonna press the plus, and now he's got this fun little mustache. Now one thing I wanna adjust over here, let's go to the layers panel, so here we have our texture, here we have our text layers that I temporarily made invisible by clicking the little eyeball icon to hide them, we'll bring them back in a second, but right now here's his mustache. What I wanna do is actually close the gap between the sides because I just feel like his little face is too small for that. So what I'm gonna do is grab this tool right here, this is the rectangular marquee selection tool, and it allows you to select parts of your image. So I'm gonna grab that, I'm just gonna draw a box around this half of his mustache, and then I'm gonna grab the move tool, and I'm gonna actually use my keyboard, the arrows on my keyboard to just nudge it up and over like that. Simple enough right? Now we see this little flashing line around it? This is called your marching ants, they represent what's selected. So now that we've selected the mustache, we've moved it over now we need to clear the selection. So I'll come up to the select menu and choose deselect right here. Alright, so this is his mustache layer, if I wanna move the whole thing, I'll use my move tool and maybe the arrow keys to just kind of further adjust it, and now he has a cute little mustache. Alright, so let's bring our text back. I'll click to bring the type back, and let's say now that we're done editing the text. As it is right now, it's what's called live text, which means it's infinitely editable. So if I wanna change the font, I can. If I decide I don't wanna say they call me Senior Ze, maybe it should say introducing Senior Ze, or whatever, I can edit the text as much as I want, even this warped layer, even the warped-ness of it, if I select this layer, and then I come to the type tool and I click that warp button one more time, it's still warped where I left it. So I can unwarp it, or warp it differently, or whatever. So it's fully editable as it is, okay?

Class Description


Everyone has heard of Adobe® Photoshop®, but have you met its easy-to-use counterpart, Adobe® Photoshop® Elements?

Adobe® Photoshop® Elements is the perfect tool for hobbyists and beginners who are looking for a simplified introduction to image editing and organization.

In this class, Khara Plicanic will get you started in this easy-to-use program. You’ll learn about everything from organizing your image collection to retouching to adding graphics. Khara will help you discover the function and features that make Adobe® Photoshop® Elements an awesome solution for folks who don’t need all the bells and whistles.  


Software Used: Adobe Photoshop CC 2015 

Reviews

Jennifer Schultz
 

Thank you so much.. the tips and tricks that you showed will help greatly

bosbourn
 

Very helpful. Khara knows how to explain concepts in ways that make sense!