Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Hi, I am Mike Rankin, and welcome to InDesign FX. In this week's effect, we'll see how to create outline text that can hold the place photo. We'll also see how to adjust the position of the letters after the photo has been placed into them, and a different method that allows us to have overlapping letters with strokes. So my goal here is to create a frame for this picture of the dog where you can see the letters D-O-G kind of overlap and there is a Stroke around them all and I can see the picture of the dog inside there. So let's see how to do this. I'll create new page in my document, take my Type Tool, drag out an enormous frame and type dog, select it, I'll make it 600 points, and I'll change the font to Myriad Pro-Bold Condensed, and I'll center it, I'll also Option-drag or Alt-drag to make a copy.
I'll just stash an extra copy over here on the side for now. So the first thing I need to do if I want to place a photo into type is I need to convert that type to outlines. I can do that by pressing Command+Shift+O on the Mac or Ctrl+Shift+O on the PC. Now I can press Shift+X to exchange the Stroke and Fill, so now I have no Fill on here and a 1-point stroke. I'll increase the Stroke Width to about 10 points by holding down the Shift key on my keyboard and tapping this little up arrow here, and now I can place the photo of the dog into it, I'll press Command+D or Ctrl+D.
And in the Links folder, I'll choose the dog.jpg, place him, double-click to select the photo, and I can move it around inside the type outlines and put the dog wherever I want him. I like having him down there. But now I have these big gaps in between the letters, I'd like to move them a little bit closer, so I could see more of the dog. Well, I can do that, if I switch to my Direct Selection tool, I'll press A on my keyboard, hold Option or Alt, I'll click on the D letter shape, and then I am going to hold down the Shift key on the keyboard while still holding Option or Alt and clicking on the Inner oval.
So, now I have just these two subpaths selected inside the compound path of my type outlines. Then I am going to tap my right arrow key on my keyboard to slide the D over, I'll do the same for the G. So with the Direct Selection tool, I'll hold Option or Alt click on the outer path, don't release Option or Alt, and now hold down Shift and click on the inner path, and then tap the arrow keys your keyboard to nudge it closer together.
Now that looks pretty good, but what if I want to have the letters overlap? I am going to run into a little problem. So let me select the letter D again, and I'll nudge it over and you can see what happens. If I want it to be this tight, I still see that stroke. What I want to do is eliminate these inner strokes and just see the outer stroke. So let's see how to do that. I'll delete this, I'll get my other copy of the type that I stashed over on the pasteboard, and I am going to make the letters overlap to begin with, just by tracking them way back.
We'll just do -100 right now. I'll select the frame and press Command+Shift+O or Ctrl+Shift+O to convert to Outlines. Now what I need to do is release the compound path. I'll go to Object > Paths > Release Compound Path. Now I have all these individual paths. Now what I am going to do is select the outer paths and use the Path Finder command to add them. Now I need to send this to the back. I'll select all four paths, so I have the three inner ovals and the large shape, and then I'll choose to subtract, so that subtracts the ovals from the large shape.
Again, I'll press Shift+X to exchange the Stroke and Fill, hold down Shift and tap the up arrow key to give it that 10-point stroke, and then place the dog photo again, double-click to select him, and I'll have him just peeking in the bottom there. Looks like he's begging for treat. So there you go. In this video we saw how to create outline text that can hold the placed image, how to adjust the position of the letters after placing the image, and how to use the Pathfinder commands to create a frame that can have overlapping letters and a stroke.
I am Mike Rankin, I'll be back in two weeks, thanks for watching.
Get unlimited access to all courses for just $25/month.Become a member
119 Video lessons · 49685 Viewers
117 Video lessons · 36963 Viewers
113 Video lessons · 81091 Viewers
65 Video lessons · 10277 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.