May 182009
 

You are designing a slideshow, and you want the background color to be a particular color from one of your images.  Or, you are designing a web gallery, and you want the background color to be the color on your website, or some other cool color you have found.  The question is, how do you find out what that color is, and tell Lightroom to use it?   A while back I wrote a post on using Photoshop to identify the color, and then specifying this color in Lightroom.   It turns out though, that there is an easier way — you can do it all within Lightroom.  This is why I love Lightroom more every day — it just continues to surprise me!

I will show you how to set a LR slideshow background color, and then I’ll talk about how to set other colors.

  • If you want a color from a web page or another document, size your Lightroom window and your web browser or document window so that both are visible on your monitor.  If instead you want a color from one of your images, have that image selected in the slideshow module.
  • In the LR slideshow module, click on the color swatch next to Background Color in the Backdrop panel. Continue reading »
Share
Nov 122008
 

I was creating a web gallery in Lightroom today for a friend, and I wanted it to look as consistent with her website as possible in terms of colors and fonts. The issue I faced was how to determine what the website background color was. Here’s how to do it using Photoshop (UPDATE – click here to learn how you can do this in Lightroom):

  • Open up Photoshop, open any image and make sure you have the background layer highlighted in the layers palette.
  • Resize the Photoshop window so that the web page (or any other document) you want the color from is next to it.
  • Grab the Eyedropper tool (shortcut I), click anywhere in the image, and then drag over onto the web page color you want. As you drag around, you will see that the foreground color in Photoshop’s tool palette changes to reflect the color you are over. Let go when you have sampled the color you want.
  • Click on the foreground color swatch in the tool palette to open the Color Picker dialog. Write down the 6 digit hexadecimal color code (circled below):
Photoshop Color Picker Dialog Box

Photoshop Color Picker Dialog Box

Here is how to use the color in a Lightroom web gallery:

  • In the Web module Color Palette, click on the background color, and when the color dialog box opens, click in the hex box and type the new number in. That’s it!
Changing a Lightroom Web Gallery Color

Changing a Lightroom Web Gallery Color

Once you have your web gallery designed, don’t forget to create a template, so that you can use the design again without having to start over from scratch. More on that in another post.

Share
Sign Up Today!
  • FREE Limited Time Only: Learn how to clean up your Lightroom mess in my 80 minute video!
  • Receive my Lightroom newsletter with news and tutorials
  • Receive PDFs of my favorite Lightroom shortcuts

Your trusted source for all things Lightroom!
I will not share your email. Unsubscribe anytime.