In this lesson, you’ll work on the layout for the cover of a technology magazine. As a result, you can produce type with crisp, resolution-independent edges, apply effects and styles to type, and transform its shape and size.
However, Photoshop preserves the vector-based type outlines and uses them when you scale or resize type, save a PDF or EPS file, or print the image to a PostScript printer. When you add type to an image in Photoshop, the characters are composed of pixels and have the same resolution as the image file-zooming in on characters shows jagged edges. Many typefaces are available in more than one format, the most common formats being Type 1 or PostScript fonts, TrueType, and OpenType (see “OpenType in Photoshop” later in this lesson).
Type in Photoshop consists of mathematically defined shapes that describe the letters, numbers, and symbols of a typeface. Photoshop provides powerful, flexible text tools so you can add type to your images with great control and creativity.
This lesson will take less than an hour to complete.
If you’re on our list, you will receive it free by email as soon as it’s available. I hope you enjoyed this! Check out more tutorials here at PhotoshopCAFE, as new one is added every week!Īll the CS6 information and more is available as a PDF magazine called the CS6 Superguide. Here is our final result! I used overlay blend more and duplicated the text layer so it would be darker. Also try different blending modes to blend it even better. Choose it!Īnd, bam! You text should now wrap nicely! Almost done!įor a bit more realism, you could lower the opacity a little bit and soften the edges with a tiny bit of blur. Once you click on, a box will appear asking you to locate the Displacement map image. (This works for most images)įor smaller images try 5, for larger try 15 (You might have to try a number and undo and try a different one if its too weak or too strong) The Displace box comes up with a default of 10 and 10 for vertical and horizontal. In the Layers panel, turn on the text layer and make sure it’s the active layer. I named it map-photoshopCAFE.psd Using the Displacement Map Step 13Ĭlick on RGB in the channels to make sure all channels are back on. Choose a location and name that you can remember and and save this image as a psd (Its has to be a PSD or it wont work). If your image is smaller, use a less amount, maybe 5. Right now the detail will make the text unreadable, so we need to soften itĬhoose Filter>Blur>Gaussian Blur and choose an amount that gets rid of fine detail while still keeping the wrinkles. The goal is to get as much contrast as possible while still keeping details in black and whites. In this case I moved the blacks and mids. Right click on the channel and choose “Duplicate Channel”Ĭhange the Destination to “new” and name it (remember the name)Ī new document will now be created from this channel this will be in Multi channel mode.Īdd contrast by moving the triangles in the levels. The document should be in multi-channel mode (eek!) Don’t worry, it’s easy, follow along… We want to create a brand new document from this channel. Hide the text layer and click on the image layerĬhoose the channel with the most contrast detail in the duct tape, in this case it’s the green channel. Right click in the Layers panel and choose “Rasterize Type”ĭrag on the grid to match the perspective of the photographĭisplacement Map, matching the wrinkles in the photo Step 6 In order to warp the text, it has to be Rasterized as you can’t warp native text I began with a photograph that I got from Adobe stockĬreate some type in Photoshop on a new layer Step 1 Matching Perspective of the Photograph