This is the second part of a two-part blog post about creating a web gallery for your website. Be sure to read part 1 before continuing with these steps to create your own web gallery:
- In the last post, we ended by choosing a destination folder for the website gallery photos and deciding which extension (htm or html) we are going to use. Now that these options have been clarified, you will now have a Banner option, which will require you to provide the name of your website, the name of the photographer and the date.
- The option “Large Images” enables the program to understand how large images must be processed. On the drop-down menu titled Resize Images, you will be able to choose between small, medium, large and custom sizes. For our example, we are using the custom setting and typing 600 into the pixels box (this is the maximum size for your large images). You will then be asked if you want the 600 pixels to constrain height or width (or both height and width) in your gallery. For our example, we are choosing both height and width.
- On the JPEG Quality option, select Maximum. The numeric value of the Maximum JPEG Quality option is 10 by default. Select the 10 and change it to 12.
- For the Titles of your images, you could use the file name, description, credits or copyright. Choose the option that you want to have as your titles.
- When you click on “Thumbnails” in the Options box, you will be asked for more information about the size of your thumbnails and the pixels as well as how many columns and rows you want in your web gallery. For our example, we are choosing Medium sized thumbnails, 75 pixels, five columns and five rows.
- On the Custom Colours option, you will be able to choose the colours of your text, links, background, banners and active links in the web gallery.
- Once you are done, select OK. Photoshop will go ahead and start processing this information. Once it is finished processing the information, the web gallery will be opened in your default browser.
You will see you have banner information, name of photographer, the date as well as the contact details of the photographer displayed in your website gallery. You will also see that the icons are the sizes that were specified and the specified number of rows and columns were created. Photoshop automatically generated the appropriate amount of pages for the photos in the folder that you specified. The navigation buttons of the web gallery (such as Next Image and Previous Image) are also created automatically by Photoshop. Now you have a new, state of the art gallery for your website!