Some tips for how to iconHow web thumbnail gallery image:
Create a Web page gallery of image thumbnails that link to larger versions.
1. Choose File> Browse to open the File Browser.
2. In the Folder palette of the File browser, click the folder containing the photo you want to include on your webpage. Photoshop ® displays thumbnail versions of images in the order they would appear in the gallery.
3. To rearrange the order of the image, drag the thumbnail image to your desired location. As you drag, a black band appears between the images to show where the picture will be inserted.
4. If you want to include only some of the images in your gallery, select thumbnail of picture you want to include. Shift-click to select the images adjacent. Ctrl-click (Windows) or Command-click (Mac OS) to select additional images.
5. On the menu bar at the top of the File Browser window, select Automatic> Web Photo Gallery.
6. Site area of the Web Photo Gallery dialog box, select Layout from the menu style. A preview of the selected style gallery will appear on the right side of the dialog box.
7. In the area of Source Photo, click the Destination button and find the folder where you want to save the file galleries. Then, click OK.
8. In the Options area, select Banner from the Options menu. Highlight the Site Name field, and type a name for the site.
9. To adjust other elements of the gallery, such as the size of thumbnails or images that are connected, select another option from the Options menu, and change settings accordingly.
10. When you are satisfied with the settings, click OK. Gallery pages and Photoshop to create a separate page for each image in the gallery.
Related topics in Photoshop Help:
You use the Web Photo Gallery command to automatically generate a Web photo gallery from the series of pictures. A Web photo gallery is a Web site that has a home page with thumbnail images and gallery pages with full-size picture. Each page contains a link that allows visitors to navigate your site. For example, when a visitor clicks on a thumbnail image in home page, gallery page with a load full size image related.
Photoshop provides a variety of styles for your gallery, you can choose to use the Web Photo Gallery command. If you are an advanced user who has knowledge of HTML, you can also customize the style by editing a set of HTML template files or create new styles.
Each template to style the gallery comes with different options. If you use style presets, several options may be dimmed or not available in certain styles. (See Customizing and creating Web photo gallery styles (Photoshop).)
To create a Web photo gallery:
Tip iconWhen create a gallery of images in the file browser, your image will be presented in the order they appear in the file browser. If you prefer to see a different order, change the order of the file browser, then select Web Photo Gallery.
1. Select the file or folder you want to use the file browser.
2. Choose File> Auto> Web Photo Gallery.
3. Under Site, do the following:
* Choose a style for the gallery Styles from the pop-up menu. A preview of the home page for the chosen style appears in the dialog box.
* Enter the email address you want to appear as a contact for the gallery.
* Select the extension for files that are generated from the Extension pop-up menu.
4. Photo source below, do the following:
* In the Use pop-up menu, select Folder or Image option from the Web Browser.
* If you select the folder, click Browse (Windows) or Choose (Mac OS). Then select the folder containing the photos you want displayed in the gallery, and click OK (Windows) or Choose (Mac OS). Your folder name appears in the dialog box next to the Browse / Select button. Then check Include All Subfolders to include the images in any subfolders of the selected folder.
* Click Destination, select the destination folder you want to contain images and HTML pages for the gallery, and click OK (Windows) or Choose (Mac OS).
5. To set general options for the photo gallery, select the General Options from the pop-ups. Then do the following:
* Select the extension for the files (htm, html ..).
* Check Use UTF 8 encoding for URLs if you want that encoding.
* Check the Add Attribute Width and Height for the images to increase download speeds.
* Check the Preserve All Metadata for maintaining metadata info.
6. To set options for the banner that appears on every page in the gallery, select Options Banner from the pop-up menu. Then do the following:
* For Site Name, enter the gallery title.
* For a photographer, enter the name of the person or organization who deserve credit for the photos in the gallery.
* For Contact Info, enter the contact information for galleries, such as phone number or business address.
* To date, enter the date you want it to appear on every page of the gallery. By default, Photoshop uses the current date.
7. If available, to Font and Font Size, select the option for banner text.
8. To set options for the gallery pages, choose Large Images from the Options pop-up menu. Then do the following:
* To have Photoshop resize the source images for placement on the gallery pages, select Resize Images. Then select the option to resize the image from the pop-up menu or enter the size in pixels. To Limit, select the dimensions of the picture you want as long as the size limit. For JPEG Quality, select the option from the pop-up window, enter a value between 0 and 12, or drag the slider. A higher value results in image quality is better, but a larger file size.
* For Border Size, enter the width of the border around the image in pixels.
* For Title Use, specify the option to display information on the description below each picture. Select the file name to display the file name, or select Description, Credits, Title, and Copyright to display text descriptions taken from the File Info dialog box. For more information, see Adding file information (Photoshop).
* For Font and Font Size, select the option for the caption text.
9. To set options for the home page, select Options Thumbnails from the pop-up menu. Then do the following:
* For Size, select the option for the thumbnail size from the pop-up menu or enter a value in pixels the width of each thumbnail.
* For the Columns and Rows, enter the number of columns and rows you want to use to display the thumbnail on the home page. This option does not apply to galleries that use the Horizontal Frame Style or Vertical Frame Style.
* For Border Size, enter the width of the border around each thumbnail in pixels.
* To check whether Filename Title, Description, Credit, Title or Copyrights.
* For Font and Font Size, select the option for the caption text.
10. To set options for colors of elements in the gallery, choose Customize from the Color Options pop-up menu. To change the color of a particular element, click the color swatch, and then select a new color using the Color Picker. Background option lets you change the background color of each page. Banner option lets you change the background color of the banner.
11. To set options for displaying the text to appear on each image as an antitheft deterrent, select Security Options from the pop-up menu. Then do the following:
* To Fill, select Custom Text to enter customized text. Select Name, Description, Credits, Title, or Copyright to display text drawn from the File Info dialog box. For more information, see Adding file information (Photoshop).
* Determine the font, color and text alignment options. To place text in the image on the angle, choose the rotation option.
Photoshop places the following HTML and JPEG files in your destination folder:
* A home page for your gallery named index.htm or index.html depending on the choice of Extension. Open this file in a Web browser to view your gallery.
* Images JPEG images in a subfolder.
* HTML pages pages in subfolders.
* Thumbnail images in the JPEG thumbnails subfolder.
0