Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Following on from type on a path, let's look at putting type around a shape, because we needn't to limit ourselves to paths that we've drawn with the Pen tool. We can create vector shapes. In this case, I'm just using a simple vector shape from Photoshop's vector shape library and obviously it is the cat shape. You can use any vector shape that you have created in Illustrator or in Photoshop and attempt to put type around it. The more complicated the shape, the harder it's going to be to get a good result, but let's see how this is going to work.
So I'm going to turn off our starting layers, and I'm going to click at the bottom of the Layers panel there, so that we deselect that active path. Then I'm going to come and choose my Custom Shape tool, and the shape that I want is obviously the cat. If you don't see the cat as part of your custom shapes, make sure that you have all of the shapes loaded. It's actually in the Animals group, but you may as well go ahead and load them all. So I want to choose that one, and then I'm just going to draw myself a cat like that.
That's going to create a shape layer for me. I'm going to pop over to my text editor where I have this nursery rhyme. I'm going to select all of that. Command+C to copy it. Back to Photoshop and then press T to go to my Type tool. I'm going to start around here. I'm going to click, and then I'm going to press Ctrl+V or Command+V to paste the type. Which way is the type going to go? Well, putting type around the shape is going to be tricky. Sometimes the type will go inside the shape, sometimes it might go outside the shape.
The direction of the type can vary, but regardless, we will get to position the type exactly where we want it. I'm going to come and turn off the visibility of the shape layer, and there we can see the type. It's actually going inside the shape, and it's going in the opposite direction to how we want it to go. So I'm going to zoom in, and I'm going to come and choose my Path Selection tool. And then I'm going to pull that outside of the path, and I can then extend the length of the story just by pulling the right-hand handle around.
There we see the whole of the nursery rhyme. I'm almost tempted to leave it there because that doesn't look too bad at all, but let's see if we can make it move around more of the cat shape because ultimately, we want it to suggest the cat shape without having the shape layer or the path outline visible. So I'm going to choose my type tool and then click in that type. When you get into this type, you saw me click in, but I actually ended up at the end of the story, and that's likely to happen to you as well.
If it does, you can move around here by pressing Command+Left Arrow or Ctrl+Left Arrow will move you to the beginning of the previous word, or Command+Right Arrow or Ctrl+Right Arrow will move you to the beginning of the next word. Let's zoom in. What we want to avoid are any nasty gaps between the letters that are caused by changes in the shape direction. So I'm going to select all of that type and I am going to increase my type size.
We'll go up to 14 points. So here's our first problem. So right there, I'm just going to add a space in front of that and then move to the next problem, which I think is about right there. I'm going add another space and another space just so that that moves comfortably around the curve. Having done that, I'm losing the end of the rhyme, so I'm going to switch back to my Path Selection tool and I'm going to grab that marker at the end and then pull that down again.
Just go back and keep fiddling with the type, starting at the beginning, working towards the end, until we've smoothed out all of the kinks. This would be our last resort, but if necessary, we may find that we need to modify the shape of the path ever so slightly. Like here, for example, on the paw, if we were to get around that paw of the path, we might find that this indentation is going to cause us problems, in which case, we can choose the Direct Selection tool, and then click on that, and we can maybe just smooth that out a little bit, so that the type will run around it more easily.
Get unlimited access to all courses for just $25/month.Become a member
120 Video lessons · 57657 Viewers
119 Video lessons · 67207 Viewers
84 Video lessons · 16605 Viewers
125 Video lessons · 29499 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.