Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Making a web gallery

From: Photoshop CS5: Landscape Photography

Video: Making a web gallery

If you have your own blog or web site, then you might want to host your own web galleries. You can easily use Bridge to create a flash-based gallery of images that's very attractive, with its own navigation system and everything. I have got these images here. I am going to select the all, because I want all of these images in my gallery, and I am just going to click on this Output button over here. When I do that, I come into this Output workspace. Now this is a little bit different than these other workspace presets. When I change from Essentials to Filmstrip or Metadata, it kind of just rearranges the existing panes into different orders.

Making a web gallery

If you have your own blog or web site, then you might want to host your own web galleries. You can easily use Bridge to create a flash-based gallery of images that's very attractive, with its own navigation system and everything. I have got these images here. I am going to select the all, because I want all of these images in my gallery, and I am just going to click on this Output button over here. When I do that, I come into this Output workspace. Now this is a little bit different than these other workspace presets. When I change from Essentials to Filmstrip or Metadata, it kind of just rearranges the existing panes into different orders.

This adds to the whole new output pane over here, which let's me do two things: Let's me split out PDF contact sheets, which can be handy if you need send Thumbnails to somebody, or let's me put out a web gallery. Web galleries, again, they are flash- based with their own navigation systems, and there are many different templates included, Left Filmstrip, Filmstrip, a Journal with a Filmstrip. Filmstrip refers to little thumbnails that you can click on for navigation. If you have been using Lightroom, you can get a Lightroom gallery. If you don't want to use Flash, there is a pure HTML gallery.

It's really worth just going through these on your own and finding the gallery style that you like. I am just going to pick Filmstrip here. And then within each template there are sometimes different styles, which have to do with colors and that kind of thing. So I have picked all of my images. I get to now just fill in the information for this gallery, so I will give it a title, and I can have a caption for the gallery, and I can go through and fill in all this information. I can put in my own contact information and e-mail.

You'll see where all these goes when we'll look at the gallery. I have got full control over the color of different elements. I can click on these color swatches and change things. I've got the option to choose to show file names, and I can control the Size and things of those. For the Flash galleries, I have got transitions and fades. Then finally, I've got the option to define an FTP server that the gallery will automatically be uploaded to. If you have a different way that you would deliver your content to your web server, that's fine. I am going to just tell it to save it to my local hard drive, because then I have always got the option of uploading it later.

Let's get out here to the desktop and make a web gallery folder and choose that. You can see that it's going to say that here and I'm going to call this LandscapeGallery. That's the name that it will have, in theory, in the files that it saves. So with that all done let's -- before we actually write it out, lets preview it. I can say Preview in browser, and it will actually build the entire thing and open it up in my default web browser, so I can look at it before I go to the trouble of saving it.

This is a little bit faster than saving it and opening it yourself in a browser or in a HTML editor or something like that. So it pulls out my default browser, and here it is. Now, it opened to the last sized window that I had opened. So you can see that it has put in my title here, and here is that little caption and fill in the contact name. I've got thumbnails down here that I can click on, and I can control thumbnail size in my parameters over here.

I have also got just basic navigation for navigating around. I have also got the option to lose the filmstrip and get bigger images. So this is just one of the templates with one of the styles, and what it's done - now if I decide okay I do like that, I am going to spit it out, I could, obviously, go through and edit any of these different things. So now I'm going to tell it save, and it's going to write up the files. When it's done, I have just a little folder full of images that I can move to my web server on my own, and here it is.

There is, as you can see, an index file, this is the actual HTML file that drives the site and then this folder full of resources. So these are the javascript and flash and image files that it needs to build its thing. I just dump that in a directory, point my browser at it, and off it goes. So web galleries are a very easy thing to produce with Bridge.

Show transcript

This video is part of

Image for Photoshop CS5: Landscape Photography
Photoshop CS5: Landscape Photography

59 video lessons · 22454 viewers

Ben Long
Author

 
Expand all | Collapse all
  1. 3m 14s
    1. Welcome
      1m 44s
    2. Using the exercise files
      1m 30s
  2. 46m 35s
    1. Defining landscape photography
      2m 23s
    2. Considering cameras and gear
      10m 41s
    3. Shooting and composition tips
      6m 39s
    4. Why you should shoot raw instead of JPEG
      4m 25s
    5. Making selects
      10m 42s
    6. Understanding the histogram
      6m 53s
    7. A little color theory
      4m 52s
  3. 1h 14m
    1. Opening an image
      4m 42s
    2. Cropping and straightening
      9m 56s
    3. Nondestructive editing
      6m 23s
    4. Spotting and cleanup
      3m 53s
    5. Cleaning the camera sensor
      11m 17s
    6. Lens correction
      6m 26s
    7. Correcting overexposed highlights
      7m 29s
    8. Basic tonal correction
      5m 45s
    9. Correcting blacks
      11m 54s
    10. Correcting white balance
      6m 35s
  4. 21m 34s
    1. Performing localized edits with the Gradient Filter tool
      7m 24s
    2. Performing localized edits with the Adjustment brush
      7m 54s
    3. Controlling brush and gradient edits
      6m 16s
  5. 16m 34s
    1. Working with noise reduction
      5m 33s
    2. Clarity and sharpening
      5m 23s
    3. Exiting Camera Raw
      5m 38s
  6. 58m 5s
    1. Retouching
      8m 23s
    2. Using Levels adjustment layers
      10m 59s
    3. Saving images with adjustment layers
      4m 18s
    4. Advanced Levels adjustment layers
      9m 36s
    5. Guiding the viewer's eye with Levels
      8m 48s
    6. Using gradient masks for multiple adjustments
      5m 32s
    7. Correcting color in JPEG images
      3m 15s
    8. Adding a vignette
      3m 25s
    9. Knowing when edits have gone too far
      3m 49s
  7. 33m 24s
    1. Preparing to stitch
      5m 59s
    2. Stitching
      7m 39s
    3. Panoramic touchup
      7m 17s
    4. Shooting a panorama
      4m 58s
    5. Stitching a panorama
      7m 31s
  8. 27m 18s
    1. Shooting an HDR Image
      7m 53s
    2. Merging with HDR Pro
      11m 52s
    3. Adjusting and retouching
      7m 33s
  9. 24m 4s
    1. Why use black and white for images?
      2m 26s
    2. Black-and-white conversion
      7m 13s
    3. Correcting tone in black-and-white images
      7m 38s
    4. Adding highlights to black-and-white images
      6m 47s
  10. 49m 32s
    1. Painting light and shadow pt. 1
      11m 22s
    2. Painting light and shadow pt. 2
      12m 42s
    3. Painting light and shadow pt. 3
      9m 19s
    4. HDR + LDR
      5m 7s
    5. Reviewing sample images for inspiration
      11m 2s
  11. 48m 2s
    1. Sizing
      9m 8s
    2. Enlarging and reducing
      5m 3s
    3. Saving
      1m 24s
    4. Sharpening
      8m 23s
    5. Outputting an electronic file
      9m 4s
    6. Making a web gallery
      4m 17s
    7. Printing
      10m 43s
  12. 20s
    1. Goodbye
      20s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

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.


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.

Join now Already a member? Log in

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 CS5: Landscape Photography.

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 preferences from the dropdown menu.

Continue to classic layout Stay on new layout
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.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

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
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.