
Tip #4086 - Photoshop Photo Gallery
Printer Friendly Version | E-Mail This Tip
Photoshop
Photo Gallery
Maybe you have your
own Web site or maybe you’re an artist and you want a really cool
photo gallery for your site or homepage.
Either way, even if
you don’t know one letter of HTML, you can make a photo gallery
for the Web or one to e-mail to your friends using one of Photoshop’s
lesser known features.
This feature is so
powerful, it’s almost as if Photoshop has a secret super power!
Photoshop will definitely be your photo gallery super hero after you explore
this feature. Let's see what it's all about!
Before you start,
you will need to have some digital photos. So, if you don't have any on
your computer as of yet, go ahead and upload your photos from your digital
camera or scan them in.
Organize the photos
into a neat little package first, by creating a folder for the photos
that will go into the photo gallery. Save the folder to your desktop for
easy access later on.
For example, I created
a folder called Autumn Photos.

Next, create a second
folder. The second folder will hold all of the files needed to run the
photo gallery. Name the second folder with an obvious name, so you can
easily find it later.
I called my second
folder "Gallery of Autumn Photos."
Phew! That was hard
work, wasn’t it?! (Not!) Now, let’s put Photoshop to work!
Open Photoshop if
you haven't already.
Go to File,
scroll down to Automate and click on Web Photo
Gallery.

A box will pop up
giving you many different fun options to help you design the look and
feel of your new Web gallery.

The photos that show
up on the side in the little box are just used by Photoshop as an example.
You still need to add your own photos.
First, let’s
design the Web photo gallery and make it look great!
The first decision
to make is the Style. Photoshop gives you the option of some really interesting
visual styles.

To show you how awesome
this Photoshop feature is, I am going to include screenshots of each one.
These Style shots
are shown to give a visual example of what you can expect when you choose
each one. There is sure to be a style that will fit your needs!
Here is a quick visual
reference guide to the different styles you can choose using the Web Photo
Gallery automate feature in Photoshop.
For a horizontal slideshow,
pick one of these options:
Horizontal
Blue and Gray – The first style has a gray background for
the main photos, with a row of photos on the bottom with a dark blue background,
like this:

Horizontal
Dark – This style has a nice brown background for the top
photo and a darker brown background behind the row of photos on the bottom,
such as this:

Horizontal
Frame – For a clean and minimal looking slideshow with
a white background, use this option:

Horizontal
Light – For a more detailed version, with a caption on
the main photo and a light yellow color behind the bottom row of photos,
use this style:

Horizontal
Patterned – This style will add some punch and some color
to your slideshow, like this:

Simple
– The Simple style will show all your photos in the same size, with
captions, on a white background, such as this:

Table –
The Table style is like the Simple style, except you can see the lines
between the photos, like this:

Table –
Blue – If you like the Table style, but want some added
punch, go for Table – Blue. It looks like this:

If you are not into
the Horizontal style or the Table format, go for one of these vertical
styles:
Vertical –
Frame – This style shows a row of photos down the left
side, with one big photo on the other side, separated by a line, such
as this:

Vertical Slideshow
1 – For a professional looking dark page, use this option:

Vertical Slideshow
2 – Or, go for the completely black background, like this:

The Style you select
will be determined by the theme of your gallery.
For example, my slideshow
is for Autumn photos that have some oranges and earthy colors. Because
of that, I chose the Horizontal Patterned style, which complements my
photos the best.
The next option Photoshop
gives is to provide your e-mail address. You can just skip this part.
Instead, let’s
get to the good part of adding the photos and making the gallery!
Under Folders,
click on Choose.

After clicking on
Choose, a list of files and folders on your computer will appear in a
box. Click on the folder you created on your desktop. For me, the folder
is called Autumn Photos. Click Choose again.

Next, you need to
tell Photoshop where to put that folder of photos. Remember when we created
a folder for the gallery? This is when you use it.
Click on Destination
and select the Gallery folder. In this example, the folder
is called Gallery of Autumn Photos, like this:

Believe it or not,
you are almost finished making your Web photo gallery. These next options
are well, optional. They are even called “Options.”

Play with the photo
size and the fonts, if you like or you can proceed to the final steps
in making your Web photo gallery a reality!
If you are in a hurry
or are anxious to see the results, you can skip the rest of the options
in this box.
However, if you want
a detailed and personalized Web photo gallery, go ahead and fill out the
rest of the information.
You can choose the
size of the photos for some gallery styles, but not all of them.
Also, name the page
and include the photographer or artist information.
The main option you
can change to really make a snazzy gallery is the font and the font size.
When you're all finished,
click OK.
Photoshop will then
create your Web photo gallery. Photoshop creates all the files for you
too and the slideshow will open automatically. It's so cool. Make yours
today!
~ Veronica West
Want To Comment On This Tip? Click Here! We'd love to hear from you :-)
Like These Tips? Get 'Em Free In Your E-mail