Adding layered Photoshop images


    GoLive lets you import Photoshop layered images so that each layer in the image is converted into an appropriate Web-safe format of your choosing. The imported Photoshop layers appear in the Web page as separate GoLive layers, which can later be converted to a layout grid or table if they don't overlap. (See Laying out pages with layers.)

    Note: This method of importing Photoshop images doesn't involve Smart Photoshop objects, which are flattened into one layer.

    GoLive uses Photoshop layer names to generate names for the corresponding GoLive layers. Because some browsers incorrectly interpret GoLive layers with names that begin with numbers, avoid creating layer names that begin with numbers in Adobe Photoshop. (If necessary, you can change the names of GoLive layers after importing a layered Photoshop file.)

    Illustration of Import > Photoshop Layers command: with these callouts: A. A layered PSD file brought into GoLive using the Import > Photoshop Layers command. B. Save for Web generates separate target files from each layer of the PSD file. C. Target files appear in the Layout Editor in separate layers.
    Import > Photoshop Layers command: A. A layered PSD file brought into GoLive using the Import > Photoshop Layers command. B. Save for Web generates separate target files from each layer of the PSD file. C. Target files appear in the Layout Editor in separate layers.

To import a layered Photoshop image:

  1. Choose File > Import > Photoshop Layers.
  2. Select the folder where you want to save the layers, and click Open.
  3. TipIf you import many layered images, you may want to organize each one into a separate destination folder (for instance, a subfolder within your images folder).

  4. In the Save For Web dialog box, choose the optimization settings you want for the first layer, and then do one of the following:
    • Click Save. GoLive adds the first layer as a lowest layer on the page, and then opens the Save For Web dialog box for each remaining layer. Repeat the process of choosing an optimization setting and clicking Save for each layer. Each Photoshop layer is placed in a separate GoLive layer in the Layout Editor.
    • Hold down the Ctrl key and click Save All. Save All applies the same settings to all layers in the imported Photoshop file. Each layer is placed in a separate layer in the Layout Editor.

    Note: Clicking Cancel only cancels the import process for the current layer. Press Ctrl while clicking Cancel to cancel the import process for all remaining layers.