Photoshop cs5 tutorials CREATING DATA DRIVEN GRAPHICS Part 14(B)

Part 14

Photoshop cs5

WEB LAYOUT AND OPTIMIZATION

CREATING DATA DRIVEN GRAPHICS Part (B)

STEP : 5

Next, you add the car. Select File > Place to navigate to and open the first of your data-driven graphics into the template. When the placed image appears, resize as needed and press Enter/Return to accept the placed image into your file. Placed images become Smart Objects, which retain all of their original qualities, including scalability without loss of resolution.

STEP : 6

Now you add a second layer of text. Press the T key to select the Horizontal Type tool. Set the font to Century Schoolbook Bold (or another serif style) as the font, set the size to 18 pt, set the leading to 18 pt, the color to black, and the alignment to center. Place your cursor between the car and the bottom of the layout and type (on two lines) the words Volkswagen Beetle. The template is now complete. Select File > Save and save the file onto your computer in the desired location.

STEP : 7

Select Image > Variables > Define to open the Variables dialog box shown in Figure 14-2. With the Define option selected, use the Layer menu to choose the variable type for each layer in your file that you want to change within the template. For instance, the car layer should have the Pixel Replacement option selected and the car text layer should have the Text Replacement option selected. If you wanted to toggle on and off the visibility of another layer, select the Visibility option for that layer. Scroll through each layer in the dialog box and apply settings as needed. Do nothing for layers (such as the background) that will remain the same within each image to be generated from the template.

Figure 14-2

Posts You May Also Like to Read:

• Photoshop cs5 tutorials CREATING DATA DRIVEN GRAPHICS Part 14(A)
• Photoshop cs5 tutorials DESIGNING BLOG HEADER Part 13(B)
• Photoshop cs5 tutorials USING THE PATTERN MAKER Part 12(C)
• Photoshop cs5 tutorials USING THE PATTERN MAKER Part 12(A)
• Photoshop cs5 tutorials GRABBING A STILL FROM A VIDEO CLIP Part 11(B)