How to Create a Web Gallery with Your Photoshop CS6 Images - dummies

How to Create a Web Gallery with Your Photoshop CS6 Images

By Barbara Obermeier

If you’re proud of your Photoshop CS6 artistry and you want to show it off to the world on a web page, doing it in Bridge is the way to go. It’s a breeze to use, so even if you don’t know anything about HTML — except that it’s an acronym you hear a lot — you can create a web-based display page for your images with very little trouble.

All you need to do is select the images you want to include on your web page, select a style, enter a little information, and sit back and watch while Bridge does the rest. Of course, tell all your friends and colleagues where to find it.

A web gallery is a web page that includes small thumbnails and links that enable visitors to view those images in a larger size. But using thumbnails isn’t your only option. The gallery can also showcase one image at a time in large form and change the view at intervals, just like a slide show.

The advantage of displaying your images in a web gallery (compared to simply constructing one humongous page that shows all the images at their full file sizes) is that viewers who have slow Internet connections don’t have to wait for all the images to download. Even visitors who have fast Internet connections will appreciate not being inundated with a flood of images.

To create your web gallery, follow these steps:

  1. Select your desired images and choose Window→Workspace→Output.

    You can also select Output from the Workspace shortcut menu in the top-right portion of the Application window. Finally, you can also click the Output to web or PDF in the Application bar. The Output panel appears.

  2. Click the web Gallery icon.

  3. Select a template from the pop-up menu.

    Presets, such as Filmstrip and Slideshow, are available. Photoshop will automatically select the Style, based on your chosen template.

  4. (Optional) To get an idea of what the template will look like, click the Refresh Preview button.

    You can also click Preview in Browser to see how your web gallery looks in your default web browser.

    [Credit: © photo Image #4831034]
    Credit: © photo Image #4831034
  5. In the Site Info area, specify your desired site, gallery titles, and description. Also, enter your contact info and e-mail or web address, if desired. If you want everyone to know that your web gallery is copyrighted, tell them so.

    Be aware that putting an e-mail link on a web page invites spam. So, be sure to have your e-mail client’s spam filter on full bore if you plan to include your e-mail address.

  6. Specify the colors you want for your text, headers, menu, background, border, and controls in the Color Palette section.

  7. In the Appearance area, specify whether you want your web page to be laid out as scrolling, left-aligned, paginated, or a slide show.

  8. Select the size of your preview and thumbnails.

  9. In the Create Gallery section, click either Save to Disk or Upload.

    If you select Save to Disk, click Browse to navigate to the location where you want to save your web gallery files. Then, click Save.

    If you select Upload, enter the FTP server address, your username, your password, and the folder name. Then, click a second Upload button. If you’re unsure about this information, check with your ISP (Internet service provider).