Start learning with our library of video tutorials taught by experts. Get started

Photoshop Elements 6 for Mac Essential Training

Creating a web photo gallery


From:

Photoshop Elements 6 for Mac Essential Training

with Ted LoCascio

Video: Creating a web photo gallery

With this movie, I would like to show you how to generate a web photo gallery directly from Bridge. I'm currently in the Bridge application and I'm viewing the images in our catalog images folder inside of our exercise files. What I would like to do is access a specific group of images in order to create a web photo gallery. To do that I'm actually going to go onto the Edit menu and choose Find and then I'm going to type in Nine for our criteria. Filename, Contains and then type in Nine. Click the Find button and that brings up all of the images from my vacation to Jamaica, where my wife and I went on the Nine Mile trip. Okay, so all of these images have the word Nine in the Filename and I would like to generate a web photo gallery based on these images from our vacation.
Expand all | Collapse all
  1. 2m 22s
    1. Welcome
      1m 2s
    2. Using the example files
      1m 20s
  2. 12m 1s
    1. Understanding Photoshop Elements
      2m 10s
    2. Using the Welcome screen
      2m 33s
    3. Importing photos from a digital camera
      7m 18s
  3. 1h 1m
    1. Viewing and selecting images
      2m 1s
    2. Creating and saving a custom workspace
      5m 29s
    3. Rotating images in Bridge
      3m 20s
    4. Renaming images in Bridge
      5m 34s
    5. Adding keywords to images
      7m 38s
    6. Applying ratings to images
      5m 17s
    7. Labeling images
      5m 17s
    8. Searching for images
      6m 38s
    9. Creating Collections
      2m 50s
    10. Sorting images with the Filter panel
      6m 36s
    11. Using image stacks
      7m 2s
    12. Hiding images
      4m 6s
  4. 31m 55s
    1. Opening images from Bridge
      2m 24s
    2. Working with palettes and the Palette Bin
      4m 53s
    3. Using the Project Bin
      6m 44s
    4. Zooming and scrolling
      8m 1s
    5. Fixing mistakes with Undo and Redo
      5m 3s
    6. Saving versions
      4m 50s
  5. 49m 38s
    1. Opening and viewing images in the Quick Fix mode
      6m 8s
    2. Understanding Auto Color and making tonal adjustments
      8m 50s
    3. Using the Lighting sliders
      5m 19s
    4. Using the Color sliders
      7m 1s
    5. Applying Auto Red Eye Fix
      3m 31s
    6. Applying Auto Sharpen
      4m 25s
    7. Using the Guided Edit mode
      6m 19s
    8. Processing multiple files
      8m 5s
  6. 10m 22s
    1. Understanding image resolution
      3m 23s
    2. Resizing images
      6m 59s
  7. 17m 8s
    1. Applying Auto Crop and Auto Straighten
      6m 22s
    2. Using the Straighten and Crop tools
      4m 10s
    3. Changing the canvas size
      6m 36s
  8. 30m 32s
    1. Why make selections?
      6m 3s
    2. Using the Quick Selection tool
      8m 37s
    3. Using Refine Edge
      7m 15s
    4. Saving and loading selections
      8m 37s
  9. 25m 58s
    1. Working with the Layers palette
      9m 45s
    2. Using adjustment layers and masks
      8m 37s
    3. Applying transparency and blend mode adjustments
      7m 36s
  10. 40m 56s
    1. Removing a color cast
      5m 53s
    2. Correcting skin tone
      3m 38s
    3. Enhancing color with Hue/Saturation adjustments
      6m 37s
    4. Balancing contrast and color with Levels adjustments
      7m 10s
    5. Correcting dark or light areas with Shadow/Highlight Adjustments
      5m 17s
    6. Improving images with Color Curves adjustments
      5m 55s
    7. Converting color images to black and white
      6m 26s
  11. 54m 14s
    1. Using the Red-Eye Removal tool
      8m 1s
    2. Using the healing tools
      7m 42s
    3. Whitening teeth and eyes
      6m 20s
    4. Cloning to remove contents
      8m 14s
    5. Adjusting perspective and correcting camera distortion
      6m 10s
    6. Using Photomerge Group Shot
      6m 17s
    7. Using Photomerge Faces
      6m 4s
    8. Using Photomerge Panorama
      5m 26s
  12. 16m 1s
    1. Creating a clipping mask
      7m 25s
    2. Creating collages with gradient blending
      8m 36s
  13. 22m 15s
    1. Reducing noise
      8m 7s
    2. Sharpening with Unsharp Mask
      7m 16s
    3. Sharpening with Adjust Sharpness
      6m 52s
  14. 17m 54s
    1. Understanding Camera Raw
      1m 46s
    2. Opening Camera Raw images from Bridge
      6m 37s
    3. Applying tonal and color adjustments in Camera Raw
      6m 23s
    4. Saving raw images
      3m 8s
  15. 40m 41s
    1. Painting with the Filter Gallery
      8m 7s
    2. Creating a pencil sketch
      7m 40s
    3. Customizing images
      7m 59s
    4. Adding artwork with the Content palette
      9m 39s
    5. Building and saving a multi-page photo creation
      7m 16s
  16. 37m 5s
    1. Creating a slideshow
      6m 58s
    2. Creating a photo book
      9m 1s
    3. Creating a photo collage
      6m 58s
    4. Creating a greeting card
      6m 31s
    5. Creating a web photo gallery
      7m 37s
  17. 31m 6s
    1. Choosing color settings
      7m 1s
    2. Printing to an inkjet printer
      8m 13s
    3. Using Picture Package
      4m 33s
    4. Saving for the web
      5m 55s
    5. Attaching images to emails
      3m 6s
    6. Burning to CDs and DVDs
      2m 18s
  18. 56s
    1. Goodbye
      56s

Watch this entire course now—plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
Please wait...
Photoshop Elements 6 for Mac Essential Training
8h 22m Beginner Sep 29, 2008

Viewers: in countries Watching now:

In Photoshop Elements 6 for Mac Essential Training, Ted LoCascio teaches casual photographers how to organize, edit, and share their digital image libraries using this powerful software package from Adobe. He tours the included Adobe Bridge application, used for importing and organizing photographs, and explores every feature of Elements itself. He demonstrates how to navigate the Elements workspace, which is used to correct and improve images, combine them into projects, and produce slideshows, photo books, web galleries, and more. Ted also explains how to get the most out of each editing mode, and shares tips for correcting, retouching, and sharpening photographs. Example files accompany the course.

Topics include:
  • Identifying photos by name, keyword, rating, and label
  • Locating photos with searches, filters, collections, and stacks
  • Using automated red-eye correction and sharpening tools
  • Making detailed color and tone corrections
  • Using Photomerge on faces and groups
  • Working with filters, artwork, and other image customizations
  • Scrapbooking
Subject:
Photography
Software:
Photoshop Elements Elements
Author:
Ted LoCascio

Creating a web photo gallery

With this movie, I would like to show you how to generate a web photo gallery directly from Bridge. I'm currently in the Bridge application and I'm viewing the images in our catalog images folder inside of our exercise files. What I would like to do is access a specific group of images in order to create a web photo gallery. To do that I'm actually going to go onto the Edit menu and choose Find and then I'm going to type in Nine for our criteria. Filename, Contains and then type in Nine. Click the Find button and that brings up all of the images from my vacation to Jamaica, where my wife and I went on the Nine Mile trip. Okay, so all of these images have the word Nine in the Filename and I would like to generate a web photo gallery based on these images from our vacation.

So to do this I don't even have to select these images as long as all of the images, I want to use are visible here on the Content panel. I can go to the Tools menu, choose Photoshop Elements and then Web Photo Gallery. That's going to take this into the Elements' Editing workspace and take us directly to the Web Photo Gallery dialog box and this is where we can choose all of our options for creating this gallery. First thing we want to choose is a Style. If we click on these double arrows here, we can access this very large list of all of these prebuilt galleries.

All right, there are all different kinds of styles. You'll notice that many of them are themed; things like Bears are probably good for pictures of your kids. There is all kind of stuff in here. There is actually one for Vacation down here as you can see, although I'm not really crazy about that background graphics because not everyone's vacation is on a beach. So that doesn't really work for me if we start in this instance. We have simple ones in here, as you can see, you can scroll through these and try and find that one that matches the theme of your gallery. What I'm actually going to choose is this Flash - Gallery 1. Now this is Flash, it's referring to the Flash application.

So this actually contains Flash content in it. So the browser that we view this in has to have the latest Flash plug- in and that's what this warning is down here: contains Flash content, install the Macromedia Flash plug-in to view and then it says to include music, name a file 'useraudio.mp3', copy it to the folder for the selected Web Photo Gallery Style, so that's kind I need. That means that if you have an MP3 just rename it, place it into the folder with the rest of the files that are generated here and you'll be able to listen to music through your browser, as you're looking at the web photo gallery. All right, so that's useful information.

The next thing we're going to do here is choose our Source Images, it says Selected Images from Bridge and that's exactly what we want. Just so that you know, you can also choose to select images from a folder or if you have a documents open in your Project bin, we're going to work with the images selected from Bridge, so I think that's the best way to generate these types of galleries directly from bridge. So all of your images are laid out there anyway, so it makes much more stands to view those images in a Content panel and then generate this gallery like we're doing now. We can choose a destination, click on the Destination button, it's currently defaulting to the Desktop, however, if I just choose Desktop, it's going to place all kinds of loose files that are needed in order to create this gallery.

I don't want them to be loosened on my Desktop. So I'm going to choose New folder and name it something like Nine Mile gallery, something along those lines, click Create then click Open and that it is the folder that's it now going to use on my Desktop and it's going to place all of those files that it generates inside of that folder. Now we have a serious of options down here. If we visit each one of these, we go to General, first you can see we have the Extension option, we have options here for encoding and preserving metadata. I don't need to change any of these, at least not for now.

Now we go into the Banner, we can enter information, it's using my last used information for Site Name, it's just using Adobe Web Photo Gallery. It's what it's defaulting to. The Photographer is my name, my contact info and the current date. For Large Images, we have specific options we could choose how we want to resize our images. Right now, it's setting to Default, but I think I'm going to choose Large, which is 450 pixels, just a little bit larger. For Constraint I'm going to choose both the Width and Height. JPEG Quality is currently set to Medium, but I'm going to choose High and then also move to File Size slider.

Okay, these are tied together. For Titles, you can choose what you want to display, okay. I'm not going to display the Filename because they contain a lot of underscores and things that don't really look very nice. I also don't think it is necessary to see that information. Copyright might be nice if it's saved in with the file. So I have Copyright currently enabled. We'll go to the Thumbnails option. Again we have sizing information. I have it set to Medium. These are the thumbnails that are going to be displayed underneath the larger image. That's what we're referring too. Those images down here, if you refer to the preview, I'm going to keep this option set as they are.

Custom Colors, now this is kind of important. As you see over here, in this particular preview it's showing a white background which is kind of nice, but I'd actually like to try a different color. I'm going to go with the background of black, choosing that from the Color Picker, dragging over here in the bottom left corner, click OK. For the banner I'm actually going choose a gray, a medium gray similar to the gray of this Color Picker actually. Click OK. For Text, I'm going to choose white in the upper left corner of the Color Picker, click OK. For link, I'm going to choose an orange, so I'm going to click over here in the spectrum and keep that selected where it is, up in the upper right corner for a nice bright orange and I'm going to leave these as they are, red for Active Link and purple for Visited Link. Those are my Custom Colors.

For Security, if I wanted to add extra security to this particular gallery I could. I'm actually not going to do that but if you want to set this up, you could. All right, so it's nice to know that we have these options. Let's go ahead and click OK. It's going to go through and generate the gallery, place it in that folder and then automatically launch my default browser, which on this machine is Firefox. So we could see here we have a large image, here we have Adobe Web Photo Gallery, we have our thumbnails, which actually increase in size as we hover over them, which is kind of nice. We also have a Play button down here.

Let's take a look. If we click on the Play button, it's going to go through and start playing, you can see it's filling up to show us when it's ready to switch slides and there it goes. That's kind of nice. All right, so this is a Flash content, it's a little bit more slick than some of the other HTML-based web photo gallery styles that are setup in that dialog box. I like that we have the option to choose these custom colors, you can see there is our gray and black background using the orange for our controls and it looks really nice. Now if you're not happy within it is, you could always regenerate the gallery and create a new one or replace the one that you've already created, use some different colors, maybe type in something besides Adobe Web Photo Gallery.

Maybe you could type in something like 'Our Nine Mile Vacation' or something like that. In any case, this is what happens when you generate a web photo gallery and when you choose Flash - Gallery 1. I think it looks really good. So, I recommend that what you do is pick out images that you would like to display like this on a web. Do so using Bridge and then generate the gallery directly there from Bridge.

There are currently no FAQs about Photoshop Elements 6 for Mac Essential Training.

Share a link to this course
Please wait... Please wait...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.
Upgrade now


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Upgrade now

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Photoshop Elements 6 for Mac Essential Training.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Welcome to the redesigned course page.

We’ve moved some things around, and now you can



Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked