Photoshop CS5 techniques for controlling deformation to create afterimage effects

New “Control Transformation” command

Using the new “Manipulate Transformation” command, you can create a grid on an image, then use “Pushpins” to fix a specific position and drag the part that needs to be transformed. For example, easily straighten an arm that is bent at an uncomfortable angle.

(1) Execute the “File” → “Open” command to open the \Chapter-01\”Background 3.psd” file on the CD that comes with this book, as shown in Figure 1-1.

Figure 1-1

(2) In the “Layer” palette, drag the “Character” layer to the “New Layer” button twice, create new “Character Copy” and “Character Copy 2” layers, and click Click the eye icon in front of “Character Copy 2” to temporarily hide the image in the layer, as shown in Figure 1-2.

Figure 1-2

(3) Execute the “Edit” → “Manipulate Transformation” command, and a grid will appear on the image, as shown in Figure 1-3.

Figure 1-3

(4) In the option bar, set the value of the “Expand” option. When the value becomes smaller, the grid will shrink. When the value becomes larger, the grid will expand. The effect is shown in Figures 1-4 and 1-5. .

Figure 1-4

Figure 1-5

(5) In the option bar, click the triangle button to the right of “Concentration” and select “Fewer Points” and “More Points” in the drop-down list. The effects are shown in Figures 1-6 and 1-7. shown.

Figure 1-6

Figure 1-7

(6) Click in its options bar

The “Cancel Control Transformation” button cancels the application of control transformation.

(7) Execute the “Edit” → “Manipulate Transformation” command. Move the mouse to the grid, when the mouse changes to

, click the mouse to add a push pin, as shown in Figure 1-8.

Figure 1-8

(8) Drag the added pushpin and the image will move as a whole, as shown in Figure 1-9.

Figure 1-9

(9) Press the key on the keyboard to cancel the previous step. Follow the above method and add multiple push pins as shown in Figure 1-10.

Figure 1-10

(10) Press the key on the keyboard and move the mouse pointer to the thumbtack, when the pointer changes to

, click the mouse to delete the push pin, as shown in Figure 1-11.

Figure 1-11

(11) Click the “Show Grid” checkbox in the options bar to cancel its selection, as shown in Figure 1-12, to more conveniently observe the deformation effect.

Figure 1-12

(12) Click and drag the pins on the feet to deform the character’s legs as shown in Figures 1-13 and 1-14.

Figure 1-13

Figure 1-14

(13) Press the key on the keyboard and apply the manipulation deformation command. The effect is shown in Figure 1-15.

Figure 1-15

(14) In the “Layer” palette, select and display the “Character Copy 2” layer, as shown in Figures 1-16 and 1-17.

Figure 1-16

(15) Execute the “Edit” → “Manipulate Transformation” command, as shown in Figure 1-17.��Add thumbtacks to various parts of the character’s body.

Figure 1-17

(16) Drag the thumbtack of the foot to deform the movement of the foot. The effect is shown in Figure 1-18.

Figure 1-18

(17) Press the key after completion to complete the control deformation command. In the “Layer” palette, set the opacity of the “Character” layer to 30% and the opacity of the “Character Copy” layer to 60%. The effect is shown in Figure 1-19.

Figure 1-19

(18) Finally, display the image in the “Text” layer to complete the creation of the example. The effect is shown in Figure 1-20. Readers can open the attached CD\Chapter-01\”Hip-hop Competition Advertisement.psd” file to view.

Figure 1-20