Join Nigel French for an in-depth discussion in this video Incorporating a glyph from Illustrator, part of Photoshop for Designers: Working with Illustrator.
To finish off our composition I would just like a poitning graphic hand coming from the bottom left-hand corner. And here's the original. Now I originally thought that this would work best as a photograph of a hand. And let me show you, how that looks. If I switch back to Bridge, you can see that in my folder I have this source file for a hand image. And I can open that one up. And it already has a layer mask applied to it. So if I wanted to include this in the composition, the easiest way would be to select all and then come to the Edit menu and choose Copy Merge. That way it will bring across the Level adjustment, and the Layer mask all combined into one so that when I Paste it it looks like that. And, I can position this.
It does need to be black and white so I can then use a Black and White adjustment layer. I only want the black and white adjustment layer to affect the hand itself. So I will clip that adjustment layer to the hand layer. And that was how it looked and I didn't really like it too much so I abandoned that idea in favor of using a Dingbat. As you may know, there are several fonts that include, as part of their character sets, a pointing hand Dingbat.
Zapf Dingbats being one of them, and Adobe Wood Type Ornaments being another. Now the problem with accessing those in Photoshop is that we have no Glyphs panel in Photoshop. I don't know why it seems like a real oversight. So that if you are working with a picture font, it's really difficult to access the actual character that you want. For that reason, I am going to create the dingbat in Illustrator, and I will do this in a blank document, and I'll choose my Type tool. Click onto my art board, and then come to my Type menu, where we do indeed have a Glyphs panel.
So I will compare the pointing hand from Zaf Dingbats, which is that one. Double-click to insert it to the one that we have in Adobe Wood Type Ornaments, which is that one. So these have both come in at 12 point obviously, and they need to much bigger than that. But now that we have them on our art board, we can just scale them up.
And I see from this that I much prefer the version that we get from Adobe Wood Type Ornaments. So I will Delete the other one, size this one up. I'm going to convert it to outlines, Cmd+Shift+O, and then Copy it. Switch over to Photoshop, where I will Paste it as a Smart Object and then position it where I want it to go, which is right there. So there we have our finished composition, and I'm just going to dissect it once again for you the way we began.
So we have the Color Fill layer, and on top of that we have the live traced or imaged traced version of the image that was simplified a bit. We use the Eraser tool to erase some, extraneous elements. And next we have this very graphic simplified version which was created by applying the simplify command to an object mosaic, created in Illustrator. So those two combine and on top of that we have the building and the building clipped to this spiral shape. It is made sepia tone by the addition of the Adjustment layer. And then we have the type to which there is a texture, and then as we have just added the pointing hand.
- Combining Photoshop with the Illustrator Image Trace command
- Generating "painted" type with Illustrator brush strokes
- Creating an abstract background
- Adapting a Photoshop custom shape into a symbol
- Experimenting with transformations
- Creating frames, backgrounds, and type
- Duplicating, scaling, and arranging elements
- Modifying Illustrator symbols in Photoshop
- Adding and styling type with Offset Path
Skill Level Intermediate
Q: This course was updated on 04/06/2016. What changed?
Q: We added 13 new tutorials in chapter 11-14 to cover some new techniques, such as animating Illustrator patterns, creating shape-based compositions, and creating retro-looking print designs.