In my last article, I showed the precision power of Photoshop CS5’s new Puppet Warp on photos. Well, Puppet Warp can also be used on text and shapes as long as they are converted to Smart Objects.
1. Start with any font.
For this example, I am using one of Adobe’s standard fonts, Garamond Pro – Italic. I intentionally added a space between the F and the R because Photoshop automatically substituted those two letters for a glyph.
2. Use the Line Tool to draw a 5 point line.
I used the standard Line Tool to draw a single 5 point line.
3. Convert the Line to a Smart Object.
In order to use the Puppet Warp on the Line while keeping it a vector path, you must convert the Line to a Smart Object. Click on the Line layer and right click to select Convert to Smart Object.
4. Puppet Warp Mode and Rotate settings.
Puppet Warp is located under the Edit Menu. I placed the first pin at one end of the Line. This time, I selected Distort from the Mode drop-down menu above the image area. Also, with the first point, I selected Fixed from the Rotate drop-down.
5. Use Alt/Option to Rotate a Pin.
I added another pin and the end of the line, also set for Fixed and Distort. The middle pin is different, that one is set to the standard Normal and Auto settings. With the middle pin selected, I held down the Alt/Option key to activate the Pin rotate tool.
Just a simple turn will now create an elegant curve.
6. Duplicate the Line.
With the Move Tool selected, I held down the Alt/Option Tool and dragged to create a duplicate of the curved line. The double lines will act as an optical container for the text.
7. Convert the Text layer to a Smart Object and apply the Puppet Warp.
Text is another vector path in Photoshop. Click on the Text layer and right click to select Convert to Smart Object. Now, apply the Puppet Warp under the Edit Menu and start placing pins. You will notice that Text acts differently in Puppet Warp than other objects. By placing a pin, you can actually move a letter without altering it.
I simply started moving the letters to follow the path of the curved lines.
8. Stretching Letter by adding multiple pins.
It would look nice to have the letter F ascend and descend the curved lines. I added additional pins near the top and bottom of the F. After trying to Puppet Warp the F, I noticed the median crossbar to the F was distorting. I added another pin with the setting Fixed to hold the line straight.
9. Finishing up.
With all the letters in place, I thought it would look more balanced to have the letter M angled slightly to follow the curved line below. Now, I just moved the remaining letters to complete.
As I said before, the Puppet Warp is a powerful precision manipulation tool. As long as you convert the Layer to a Smart Object, there is no limit to it’s use.
Why Every Photoshop User Should Pick-up a Camera
Tutorial: Layer Mask Basics in Photoshop
Tutorial: Level Basics in Photoshop
Tutorial: Curves Basics in Photoshop
Tutorial: Perspective Basics in Photoshop
Photoshop CS5 – Custom Keyboard Shortcut Reference Guide, Flash and Illustrator too
Keyboard Shortcut Reference Guides for Premiere Pro CS5 and After Effects CS5
Tutorial: Fake Lensbaby Effect in Photoshop
Selective Motion Blur in Photoshop
Tutorial: Liquify Filter and the Fat Cat – Part 1
Tutorial: Liquify Filter & the Plus Model – Part 2
Tutorial: Liquify Filter & Average Joe – Part 3
Quick glamour in Photoshop – Part 1
Quick glamour in Photoshop – Part 2
Photoshop CS5 – Extending Macro Depth of Field with Photomerge
Photoshop CS5 – Creating Panoramas with PhotoMerge
Photoshop CS5 – HDR & Canon 7D Raw Files
HDR or Adjustment’s in Camera Raw – Which is it?
HDR with Photomatix 3.2 & Canon 7D Raw Files
Photoshop CS5 – Puppet Warp turns a Frown into a Smile
Photoshop CS5 – Puppet Warp for Text and Shapes
Photoshop CS5 – Content Aware Fill
Photoshop CS5 – Spot Healing Brush with Content-Aware
Tutorial: Content Aware Scaling in Photoshop CS4
Vanishing Point Filter in Photoshop – Part 1
Vanishing Point Filter in Photoshop – Part 2
Tutorial: Breaking the 4th wall in Photoshop
Tutorial: Flying Baby – Breaking the 4th Wall in Photoshop
Fake Magazine Covers Make Great Gifts
Create Photo Puzzles in Photoshop