Using variables


    You use variables to define which elements in a template are dynamic (changeable). A variable's type corresponds to the type of data you want to change in a template. Visibility variables let you show or hide the content of a layer. Pixel Replacement variables let you replace the pixels in the layer with pixels from another image file. Text Replacement variables let you replace a string of text in a type layer.

    Note: You can use Photoshop to designate text as a variable for Adobe GoLive, if you put your variable text in the topmost text layer. Otherwise, you can use ImageReady to explicitly denote variables. GoLive recognizes all ImageReady text and visibility variables, but not pixel replacement variables.

    Illustration of Two versions of a Web image based on the same template with these callouts: A. Visibility variable B. Pixel Replacement variable C. Text Replacement variable
    Two versions of a Web image based on the same template A. Visibility variable B. Pixel Replacement variable C. Text Replacement variable

To define variables:

  1. In the Layers palette, select a layer for which you want to define variables.
  2. Note: You cannot define variables for the Background layer.

  3. Choose Image > Variables > Define, or choose Variables from the Layers palette menu.
  4. Select one or more types of variables:
    • Visibility to show or hide the content of the layer.
    • Pixel Replacement to replace the pixels in the layer with pixels from another image file.

    Note: You specify the replacement image (as well as the replacement text and visibility states) when you define a data set. (See Using data sets.)

    • Text Replacement to replace a string of text in a type layer.
  5. If desired, enter names for the variables. Variable names must begin with a letter, underscore, or colon and cannot contain spaces or special characters (except for periods, hyphens, underscores, and colons).
  6. For Pixel Replacement variables, click Pixel Replacement Options, and do the following:
    • Choose a method for scaling the replacement image: Fit to scale the image to fit within the bounding box (which may leave parts of the bounding box empty), Fill to scale the image to entirely fill the bounding box (which may cause the image to extend beyond the bounding box), As Is to not scale the image, and Conform to scale the image non-proportionally to fit within the bounding box.
    • Click a handle on the alignment icon Center Point icon to choose an alignment for placing the image inside the bounding box.
    • Select Clip to Bounding Box to clip areas of the image that do not fit within the bounding box. This option is only available when the Fill replacement method or As Is replacement method is selected.
  7. To define variables for an additional layer, choose a layer from the Layer pop-up menu. Repeat Steps 3 through 5.
  8. Click OK.

To rename a variable:

  1. Choose Image > Variables > Define, or choose Variables from the Layers palette menu.
  2. Choose the layer that contains the variable from the Layer pop-up menu.
  3. Enter a name in the Name text box. Variable names must begin with a letter, underscore, or colon and cannot contain spaces or special characters (except for periods, hyphens, underscores, and colons).
  4. Note: If you are using data sets and want to rename a variable globally (in all layers), change the name in the Data Sets section of the Variable dialog box. (See Using data sets.)

To remove variables:

  1. Choose Image > Variables > Define, or choose Variables from the Layers palette menu.
  2. Choose a layer from the Layer pop-up menu.
  3. Deselect one or more variables.
  4. Repeat Steps 2 and 3 to remove variables from additional layers, and then click OK.


How To Tips Learning Photoshop CS What's New in Photoshop CS Looking at the Work Area Getting Images into Photoshop and ImageReady Producing Consistent Color (Photoshop) Working with Color
Making Color and Tonal Adjustments Selecting Transforming and Retouching Drawing Painting Using Channels Using Layers
Applying Filters for Special Effects Using Type Designing Web Pages Creating Complex Web Graphics (ImageReady) Preparing Graphics for the Web Saving and Exporting Images Printing (Photoshop)
Automating Tasks Keyboard Shortcuts Tutorials Legal Notices Site Map    

Website Design
Website Maintenance
Graphic Design
Content Development
Website Redesign
Freelance Website Design
eCommerce Web Design
Content Management

Website Hosting
Get a Domain Name
Search Engine Optimization
Email Marketing

Adobe Illustrator Tutorials

About Me
View My Portfolio
FAQ
Contacts
Useful Links
Add Link
Articles

Link Partners: 3Ds Max Tutorials | Character Studio - Tutorials | Wholesale Electronics

© 1998 - 2004 Freelance Web Designer