Photoshop Lightroom Flash Gallery Tips and Tricks #4: Changing Image and Thumbnail Borders
If you look closely at the various Flash Gallery templates in Photoshop Lightroom 1.0, you’ll notice some variations in the “look” of image and thumbnail borders (and the drop-shadows too) but if you look in the customization controls of the app, you’ll notice there is no way to change those on any given template. Here’s how to do that manually by editing values in the “style.xml” file (found inside the “..resources/styles” folder) of an exported Flash Gallery.
The thumbnail related style settings look like this:
<thumbhover color=”000000″ alpha=”100.00″/>
<thumbselected color=”FF0000″ alpha=”100.00″/>
<thumbborder color=”999999″ alpha=”100.00″ width=”1.00″/>
You can set the color of the thumbnail border (as well as the selected and hover colors), set the width and transparency of the border, and turn the drop shadow on or off. I won’t provide examples here because it is pretty straightforward. Note though that colors are defined as “hex” values. If you’ve not worked with hex colors it can be a bit confusing (but there’s lots of online tutorials and tools for that around). I personally use Photoshop to get hex color values. I just open the “color picker”, get the color I want, and then copy the correlating hex value out of the field at the bottom (the one with the “pound” sign next to it).
Editing borders on images is very similar. Here’s the nodes in style.xml related to that:
<imageborder color=”666666″ alpha=”100.00″ width=”0.50″/>
I will cover how to make changes to the appearance of other elements in article #5