Customizing the Web Photo Gallery


Now that you've created the Web Photo Gallery, you may want to customize it. For example, a common question I get is how to add a custom logo in place of the default logo. Let's take a look at how to do that here.

Step One

Close your webpage and open the folder where you stored the Web Photo Gallery. Inside, you'll see a few files and a few folders. Open the images folder. On a Mac, make sure you have Show Preview Column turned on in Finder's View Options. In Windows, switch your folder view to thumbnails. If you look through the images in this folder, you'll see an image that looks just like the logo on the webpage (it's called "camicon02.gif"). This is the one that you'll need to replace.

Turbo Boost

Want a little insider lingo tip? If you want to look cool in front of all your friends and family, then call a Web Photo Gallery "WPG" instead. That's just the hip way to refer to it and I know you want to be hip, right?


Step Two

Open the camicon02.gif image in Photoshop. If you choose Image>Image Size you'll see the size of this image (60x60 pixels, in this case). This is the size of the logo that you'll need to create in order for it to fit in the webpage. Close the image and create a new 60x60-pixel file and add your logo to it.

Step Three

Save your new logo as "camicon02.gif" and be sure to overwrite the existing one in the images folder. Now, view the index.html file again and you will see your new logo in place of the old one at the top.

Turbo Boost

If you're an HTML-savvy person, you can edit the source files for all Web Photo Galleries in the Web Photo Gallery folder in Photoshop CS2's Presets folder. Just be sure to back up the originals in case you need to get them back.




Photoshop CS2 Speed Clinic
The Photoshop CS2 Speed Clinic: Automating Photoshop to Get Twice the Work Done in Half the Time
ISBN: 0321441656
EAN: 2147483647
Year: 2006
Pages: 113

flylib.com © 2008-2017.
If you may any questions please contact us: flylib@qtcs.net