In this video, author Chad Chelius shows you how to use the Photo text guided edit to create text that reveals an image within the text area. You'll learn how to control the appearance of the text as well as some suggestions for which fonts to use.
- [Instructor] With the photo text guided edit feature, you can mask an image using text that you create within the element's editor. You control the font, size, and other properties and element's editor does the rest. Let me show you how this works. So I'm beginning here in the element's organizer and I want to find an image that I wanna use that's gonna appear within the text that I create. I think maybe what I'll do is choose this image right here. I kind of like that one. So, with that selected, I'm gonna click the editor button and that's gonna open this image in the element's editor.
Now I'm going to go ahead and switch over to the guided edit mode. And if you go into the fun edits category.. I'm just gonna scroll down a little bit here and see that we have the option for photo text. And this is giving you a preview of what you're essentially doing here. You can see the before and after. So I'm going to go ahead and click on the photo text option and now we can go ahead and get started. The first step in performing this guided edit is adding text to your image. I'm going to go ahead and click the type tool button.
And there's two ways you can do this. You can just click if you want to and you can type your text. But that's really just going to keep going in one single line until you hit the enter key. What I like to do instead is I like to click and drag to define a text area in which I can put my type. I find it a little bit easier to work with but you can experiment on your own with the different options. Now I'm going to type some text here. And I just hit return and type the second line.
And the idea here is you want to use a font that is fairly bold and is gonna be easy to read with that image behind it. So typically a sans serif font but even in the example they show over here that is not a sans serif font. That's more of a decorative font. But it is nice and beefy. There's plenty of room for the image to show through. I'm gonna select this text and you can come down here to the font menu and choose whatever font you wish. Impact is actually a pretty good font to use because it's nice and heavy and allows the image to show through.
So I'm gonna stick with that. And now we can adjust the size. You can come down here to the size field. If you click on the drop-down, you have several choices to choose from. An easier way to do this is to hover over the word size and you just drag to the right to make the text bigger or to the left to make it smaller. I just find it a lot easier to adjust this way. So I'm gonna try to maximize the space here and then I'm gonna highlight only the second line in my example and I'm just gonna increase the size of that a little more so that the length of the line is about the same.
Now you can see how the text is overlapping a bit. So what I'm gonna do is increase my letting which is adjusting the space between the lines of type. I'm going to click and drag on the word letting and that's going to allow me to increase the letting and therefore the space between the lines of copy. So that's looking pretty good here. You can also change your alignment down here. You can also change what's called the orientation as well as create warp text, if you want to. I'm gonna keep mine as we see here.
I'm gonna click the green check mark to confirm my change. And that now, gives me the ability to make some other adjustments. So if I click and drag, I can move the text and kind of change what part of the image is showing through. So I'm just gonna kind of reveal more of the bottom here. I like the way that looks. You want to be careful. If you grab one of these handles at this point and you adjust this, you're gonna distort your text. I'm just gonna cancel that by clicking on the nilsay sign.
And then we can move onto the next step. So we also have a fit and a fill button. Fit is gonna make it as big as it can to still have the image show through everywhere. Fill, be careful, this is gonna distort your text. So it all depends on what you're looking for. I'm gonna keep mine set to fit and then I'm just gonna readjust this a little more so that I now can see the area I want showing through. The next thing you do is select a background style. You can choose black, white or clear, which can be useful if you're gonna be putting this text on top of another image.
In this example, I'm gonna choose black. That's gonna work for this situation. And then you can also crop the image. And, you want to be a little bit careful, because when I choose this you're gonna notice that it didn't really evenly crop it and that's really in this case because of the text area that I created. I'm just gonna go to edit and choose undo. And I'll show you how to crop that a bit later on. So I'll click on the black background again. Then I'm gonna come down here and we can choose the size of the bevel and drop shadow that's gonna be applied to this.
Small is going to create a small bevel, as you see here. Medium a little bit bigger. And then of course large is a very large bevel. But I think I'll stick with the medium in this case. But if you ever wanted to adjust this you can click on the advanced button and now you have ultimate control of what that bevel, drop shadow and stroke looks like on your text. I'll just cancel this for now. We can go ahead and click the next button. And now it asks me if I want to save it or if I want to continue editing it in the quick edit mode or the expert mode.
I think what I'll do is just to the quick button and that will allow me to choose the crop tool and now I can come in here and crop this exactly the way that I want it to appear. I'm just gonna open this up a little bit. I'm gonna make this a little bit bigger. That's pretty good. Then we'll pull this up, giving us a little bit of space at the top and bottom. So when I click the check mark, now you'll see that it has cropped my image accordingly. Now I'll go to the file menu and choose save.
It wants to save it in a version set with that original image. I'm gonna un-check that cuz I want this to stand on its own. And I'm just gonna give this a name. I'm gonna call this photo text. And I'll click the save button. And now if I click the x to close it, now we're back in the element's organizer where I can see the project that I created. Photo text is a simple but effective way to mask one of your images within text. Give this guided edit effect a try on your own images to create your own design for your own purpose.
- Importing photos from a camera, computer, or iPhoto library
- Adding keyword tags and ratings to photos
- Automatically tagging people
- Organizing photos into albums
- Renaming and moving photos
- Correcting common photo problems
- Retouching photos of friends and family
- Adjusting lighting and color
- Working with layers
- Converting photos to black and white
- Cropping and straightening photos
- Adding text to photos
- Working with raw photos
- Making a slideshow