Creating a Web Photo Gallery

Photography Jobs Online

Learn Digital Photography Now

Get Instant Access

Album allows you to share your photos by posting them online in a Web Photo Gallery. Don't worry, you don't need to know HTML (the code used to publish Web pages). If you can push your mouse button, you can create a Web Photo Gallery. Album gives you different gallery styles and various options to customize your gallery to your liking. Follow these steps to create a Web Photo Gallery in a matter of minutes:

1. In the Photo Well, select the photos and video clips you want to include in your Web Photo Gallery.

2. Choose CreationsOWeb Photo Gallery.

You also can click the Create button on the Shortcuts bar. Or you can click the Select Command button in the Workspace window and choose Web Photo Gallery from the menu.

Photoshop Album opens the Web Photo Gallery dialog box with your items added. You can now select options and specify text to determine the look of your gallery.

For detailed instructions on selecting an option or determining the look of your gallery, click the Help button in the dialog box. For more information on creating a Web Photo Gallery, click the Creating a photo gallery for the Internet link; advanced users who want to create an Adobe Atmosphere 3D Gallery can click the Creating an Adobe Atmosphere 3D Gallery for the Internet link.

3. Choose a style from the Gallery Style drop-down menu, shown in Figure 18-1.

You have several options, from Vertical Frame to Spotlight to Theater.

A preview of the splash page for your selected style appears in the top-right corner of the dialog box.

4. Enter a name in the Site Folder text box for the folder that will contain your gallery files. Use the path listed to save the folder or click Browse to select the folder location on your hard drive.

It is a good idea to keep it simple and use lowercase letters and numbers with no space or punctuation when naming your site folder. That way the Web server will be able to easily decipher the name.

Figure 18-1:

Select a gallery style, photo quality, and other options for your Web Photo Gallery.

Figure 18-1:

Select a gallery style, photo quality, and other options for your Web Photo Gallery.

Once the Web Photo Gallery is completed, you can copy this folder of gallery files to a Web server.

5. Click the Banner tab, (refer to Figure 18-1), and specify the following options, which may or may not be available depending on your chosen style:

• Title: Type a name for the gallery. The title will display on your Web page and in the browser's title bar.

• Subtitle: Type an optional subtitle for your gallery. Depending on which gallery style you chose, the subtitle may appear in the footer, the header, or not at all.

• E-mail Address: Type your e-mail address if you want it to appear in your gallery. Depending on the gallery style you choose, it may or may not be displayed.

• Font and Size: Choose a font style and size.

6. Click the Thumbnails tab, shown in Figure 18-2, and set the following options:

• Thumbnail Size: Choose a size option for your thumbnails from the pop-up menu. In my example, I chose Medium.

• Font and Size: Choose a font style and size for the labels of your thumbnails.

• Use Filename, Caption, or Date: You can choose to have the filename, caption, and date appear next to each thumbnail. Note that captions and dates are not available for some gallery styles. For more on adding captions, see Chapter 6.

7. Click the Large Photos tab, shown in Figure 18-3, and set the following options for your full-size images:

• Resize Photos: Choose this option if you want the photos to resize and then choose a size from the pop-up menu. If your recipients have fast Internet connections, you can choose X-Large, and your photos will fill up the screen. Stick to smaller sizes if your viewers have slower connections.

If your photos are small and low resolution, resizing them larger than their original size will degrade their quality. Conversely, if your images are large and very high resolution (larger than 1 megapixel), as are mine in the example, they will take a long time to load, and your viewer may have to scroll in all directions to see the entire image.

Because the files in my example are very large, I resized them to Medium. For lots of information on resolution, see Chapter 3.

Photo Quality: Drag the slider bar to specify the quality of your photos. Better quality means a larger file size and longer download times for your viewers.

Figure 18-2:

Specify options for the thumbnails in your gallery.

Figure 18-2:

Specify options for the thumbnails in your gallery.

• Font and Size: Choose a font style and size for the labels that will appear next to your photos. Note that this option may not be available for all styles.

• Use Filename, Caption, or Date: Select any or all of these labels for your photos.

Figure 18-3:

Specify options for the photos in your gallery.

Figure 18-3:

Specify options for the photos in your gallery.

8. Click the Custom Colors tab (if available) to specify the colors to be used in your gallery. To change the color of a component of your gallery, click its color swatch and select a new color using the Color Picker, shown in Figure 18-4.

Figure 18-4:

Choose the colors for your gallery.

Figure 18-4:

Choose the colors for your gallery.

You can choose colors from the Color Picker several ways:

• Choose a color from the Basic colors list.

• Click any color in the large multicolored box (called a color matrix) on the right side.

• Enter numeric values in the Hue, Saturation and Lightness or Red, Green and Blue text boxes to define a custom color. Then click the Add to Custom Colors button.

Your chosen color appears in the Customs Color list.

9. Click OK to create the gallery and preview it in the Web Photo Gallery Browser window, shown in Figure 18-5. When you are doing previewing, click the Close button.

Album creates and saves the following HTML and JPEG files in your destination folder (which you specified in Step 4):

• JPEG images inside the Images subfolder

• HTML pages inside the Pages subfolder

• JPEG thumbnail images inside the Thumbnails subfolder

• Index HTML file for the splash (or home) page of your Web Photo Gallery

Figure 18-5:

After you choose all of your options, preview your gallery in the Web Photo Gallery browser window.

Figure 18-5:

After you choose all of your options, preview your gallery in the Web Photo Gallery browser window.

10. Upload the files in your destination folder to a Web server.

Contact your Internet service provider (ISP) to find how and where to transfer the files. Don't worry; almost all ISPs will walk you through the process.

You also can post your images online by using a photo sharing Web site, like Shutterfly.com. Posting images online is even easier than creating a Web Photo Gallery and allows you to add fun decorative borders around images and other goodies. See Chapter 15 for details.

Was this article helpful?

0 0
100 Photography Tips

100 Photography Tips

To begin with your career in photography at the right path, you need to gather more information about it first. Gathering information would provide you guidance on the right steps that you need to take. Researching can be done through the internet, talking to professional photographers, as well as reading some books about the subject. Get all the tips from the pros within this photography ebook.

Get My Free Ebook


Post a comment