This week I am just going to share a few simple border techniques I have used for years. Many people do not realize how easy it is to create these to finish off an image. Both Topaz and On1 (for websites, see sidebars at my Tidbits Blog) have some great frame filters for doing this, but sometimes you just want to finish off an image with a quick border. Photoshop’s layer styles dialog box is a great place to do this. Both plain color, pattern, and some with a bevel effect can easily be created. The image above was taken at Spanish Cay in the Bahamas. For post processing info, see Image 1 at end of blog.
Basically the process involves opening up some of the Effects in the Layer Style dialog box and just changing the settings to get something you like. I find that the Inner Glow and Inner Shadow work best for my borders, but often the Stroke effect is used also. (Settings for above are: Inner Shadow: Blend Mode Normal, Tan color swatch, Opacity 100, Angle 135 and no Use Global Light, Distance 0, Choke 67, Size 54, regular Contour map, no Anti-aliased, Noise 0; and Inner Glow: Normal, Opacity 100%, Noise 0, Swatch purple, Technique Softer, Source Edge, Choke 99%, Size 57 pixels, Contour Map 5th one to right, Range 100 and Jitter 0). The following slider information is mostly from The Photoshop Wow! book referenced below.
Settings for Both Inner Glow and Inner Settings
Size determines the amount of blur applied to the border. The greater the size, the more the Glow or Shadow is blurred so at a higher setting, it is more diffuse – thinner and spreads out more.
Increasing Choke makes the effect more concentrated – it controls the transition made from dense to transparent as set by the Size (in the Outer effects, the spread slider does the same thing). Set the Choke high, and it gives very sharp edges and set it lower to get a soft blended look.
Contour settings remap the intermediate tones that are created by the blur used to make a Shadow or Glow. Using the default 45 degree straight contour causes the blur to thin out more as it goes from outside to inside. By changing the Contour in the drop-down, different types of effects can be obtained. These can be fun so definitely try them out!
Inner Glow Settings
The only sliders I look at here are the Opacity, Color Swatch, Choke, Size and sometimes the Contour, changing to a drop-down choice. Try changing to the 2nd Contour map and you will see a thin line created inside the edge of your image for a nice single line effect.
A Glow effect is usually light and radiates evenly in all directions. Therefore a Glow has a Gradient choice in the dialog box. I have not used this but it appears that a change in blend mode would be needed to look good.
I set the Technique to Softer – I do not see much difference in my thin borders when it is set to Precise but there is a difference if the frame is larger.
There are no Distance or Angle settings for Glow effects.
Set the Source to Edge (which I always use for a border) to radiate Glow from the edge getting thinner as it moves further away. Set the Source to Center for some artistic looks that radiate color from the center outward, getting thinner as it moves away.
FYI: For use with the Contour drop-down, Range determines which part of the gradient is used for the Glow and Jitter mixes up the pixels in the gradient for less defined transitions.
Inner Shadow Settings
A Shadow effect is dark and can be offset while here Shadows only have a color swatch.
There is an Angle field showing where the light source is. If the Distance is set to 0, this does not matter what the setting is. If there is a Distance amount, then adjust it and try clicking use Global Light to set with the other effects – but make sure you like how it looks.
When using Contour map, Noise helps prevent any banding, but may help when printing. I do not use this setting for frames.
A basic large Size set to Position Inside and Fill Type Color gives a nice solid color effect. I have done this several times. This can be combined with the other two effects above for some more different looks.
For a different look set a fairly large Size and set to Inside. Then go to Fill Type and choose Gradient. The same Gradient Styles are in the drop-down and also one that only appears in this dialog – the Shape Burst gradient (it can create a neon effect, an inline-outline effect for text or a multi-color glow outer edge effect). Who knew? I demonstrate this effect in my video.
Also the Stroke effect is really good for adding a pattern effect as a border. If you have a texture you would like to use as a border, first open the texture in Photoshop and go to Edit -> Define Pattern – just name it and it appears at the bottom of your pattern list. Set a fairly large Size (like 200 px) and set to Inside. Go into the Fill Type and change to Pattern. Open drop-down and at bottom is the new pattern from the texture. This can create some really looks. Combine this with the other two effects above for more looks.
Below is a quick video just showing how to do this – it seems to be easier to look at it than read about it. If you do not see the video link in your RSS feed, please open up blog and click through.
In the image above, a very nice basic layer style was applied to get this frame. For post-processing info, see Image 2 below. This image used the same basic Effects in the Layer Styles Panel: First added an Inner Glow (set to Normal blend mode and black color, Technique Softer, Source Edge, Choke 100%, Size pixels); next the Inner Shadow (set to Normal, a peach orange color, Angle 135, Distance 0, Choke 44%, and Size 54 pixels); and finally a Stroke (Size 2 pixels, Position Inside, Blend Mode Normal, Opacity 100%, Fill Type Color, and Color Black). Pretty simple settings and easy to adjust – change the sizes and colors in the Inner Glow and Inner Shadow effects for a different look.
The African Antelope image uses one of the Star Burst gradients in the Stroke Effect. This border was created using a Stroke Layer Style and setting the Size t0 49 pixels, Position Inside, Blend Mode Normal, Opacity 100%, Fill Type Gradient using Gold Sepia (in Photoshop Toning Gradient set), Style Sharp Burst with Align with Layer checked, Angle 89, Scale 100%. If you like the result of the style, click New Style and name it. It will appear at the bottom of the canned Layer Styles when you click on the section labeled Styles at the top of the Effects list. I actually changed the color from a blue to a green for the inside color by going into the gradient and changing the 2nd from the right tab to a sampled green color. For info on how this image was post-processed, see Image 3 below.
I have some canned layer styles for download free at my DeviantArt site – then just change the colors of the Inner Shadow by clicking on the color swatch and sampling a color in the image. These work great as a starting point. Last week I added a layer style to my image using the same style as in the top image except instead of a tan color, it was a brownish gray color (see my How to Create Profiles in ACR from LR Presets and Some LUT Files blog).
The best reference for layer styles is from one of my favorite Photoshop Gurus, Jack Davis, and Linnea Dayton who created a little gem of a book called Adobe Photoshop 7 One-Click Wow! book. This book covered everything I needed to know about layer styles. Also Linnea Dayton and Cristen Gillespie co-wrote the older but still fabulous The Photoshop Wow! books which go into great detail on everything to do with layer styles.
I hope you get a chance to try this out – it can really give an image a very finished look. Until next time, have a good one…..Digital Lady Syd
Post Processing Information:
Image 1: This image was taken on a relatively deserted island in the Bahamas called Spanish Cay. There were many little hidden coves and beaches. The birds were added using a low res free stock photo and selecting just the birds with Color Range. Opened up Topaz Studio and followed steps in a Topaz video called Creating Imagery Driven by Imagination with Topaz Studio Creating Imagery Driven by Imagination with Topaz Studio. (Actual settings: Impression Adj: used the settings from Shannon Rose and saved a custom preset called SJ Acryllic Painting by Shannon Rose preset (see Lovely-pg. 18); Add mask to mask just the body of one bird and the heads of the others; AI ReMix Adj: used the Pasture (Row 3/Col 2) and set it to Opacity 0.37 and Color blend mode – applied layer mask to area in water with little island that was already muddy looking – also mask out odd color in the birds, esp the wings; HSL Color Tuning: Overall Hue 0.19 and Lightness 0.19, Orange Sat 0.37, Yellow Sat 0.37, Green Hue -0.32 and Sat -0.36, and Blue Sat -0.57, Details 0.26, Suppress Artifacts 0.08 and Color Sensitivity 0.28 – used same mask as in AI ReMix adj and Opacity 0.72; Color Theme: set to Normal blend mode, used same mask inverted to just affect the muddy water and turned it slightly bluish – changed the 3rd icon to #498727 (Lightness 0.53), 4th icon to #8ba9c7 (Lightness 0.83) and 5th icon to #e8e8e8 (Lightness 0.91); and added Second Color Theme Adj: Changed first icon to #422c16 at Lightness 0.26.) A Dodge and Burn 50% gray layer was added. Also a Color Dodge lighting layer was applied (see Digital Painting Blending Modes: 3 Easy Ways to Color Artwork by David Belliveau). Last step was a stamped layer (CTRL+ALT+SHIFT+E) and applied the above listed Layer Style settings.
Image 2: This image of a Scottish Church had a most beautiful view. On1 Photo Raw 2018’s Effects using Dynamic Contrast and Sharpen filters was used first on the image. A Color Lookup Table using the Candlelight preset was added and set to 76% layer opacity. The Warming Filter (85) was added and set to 51% Density and set to Multiply blend mode and 77% layer opacity. Then some clean up and spotlight effect on the buildings. There was a lot of window reflection in this image, so it took a lot of clean up. A Color Dodge layer was used to light up the sky a bit. A Lighten-Darken 50% gray layer was used to add some contrast. Last step adding the layer style to a stamped layer on top with settings listed above.
Image 3: This image is from a packet I recently bought from Deal Jumbo in a set called Amazing Wild Animals 2 from images taken at South Africa, Namibia and Botswana. This is a group of Red Hartebeest African Antelope. On1 Photo Raw 2018’s Effects using Dynamic Contrast and Sharpen filters was used first on the image. Next, one of my new favorite filters called Topaz AI ReMix was applied (Settings: AI ReMix Adj: Opacity 0.78, Luminosity blend mode, Style Strength High, Row 2/Col 2 swatch, Brightness 0, Contrast 1.00, Sat 0.75, Hue 0, and in mask painted out the animals lightly and more so in some of the white flower foreground; HSL Color Tuning Adj: Opacity 0.58, Orange Hue 0.10, Sat 0.02, and Lightness 0.73; Dehaze Adj: Opacity 0.62, Strength 0.54; Impression Adj: Opacity 0.71, default settings painted out the animals using an 0.58 Mask Transparency). Nik Viveza 2 was used to direct the focus of the image. A Black & White Adjustment Layer set to Luminosity blend mode and a Red Channel Luminosity Curves Adjustment Layer were added. The last step involved create a stamped layer on top and adding the Layer Style as described above.
Here is another Photo Art application from the wonderful Russell Brown. Very rarely would I be posting about something that is different for CS6 from CS5, but on occasion this is happening – especially when it comes to Dr. Brown’s panels. I had previously downloaded Dr. Brown’s Painting Assistant Panel for CS5 and got some really nice results. I actually blogged about it in my Tidbits Blog Think Pink! Rally for the Cure Pink Rose a while ago. He recently came up with a new panel for CS6 that gives different results as it creates specifically an impressionistic oil painting look. I like both panel version’s results. The Fairfax County Courthouse cannon above was my first attempt at using the CS6 Painting Panel and to be honest, it is a little tricky to master. You definitely need to review the videos that he distributes with the download before starting. And he does make a major point that once you start, you cannot go back to a previous step. When you open the panel in either program, he gives you the brushes you need to complete your images. Here is the link to the Dr. Brown’s Scripts Page – there are two versions of the Painting Panel, you must scroll down a ways for the CS5 version – and as always with Dr. Brown, these are free downloads. To finish the image above a clean up layer was created, a Curves Adjustment Layer applied to add some contrast, and my Double Edge Frame Layer Style was applied. Also note that a Wacom tablet really helps with this panel and he recommends using the barrel rotation pen – I use a large Wacom Intuos 3 tablet (I cannot justify upgrading as it works great – if you cannot afford a new tablet, you might want to check out E-bay for one of these older versions), and I bought the pen a couple years ago from Amazon (I am not sure you must have this to get good results – they are quite expensive and do not come with the tablet when purchased).
Below I used the same Lightroom adjusted flower image and opened it up in both Photoshop programs. This first example is from CS6.The above is the final version after adding in some clean up brush strokes on a separate layer using a regular pastel brush and sampling color from nearby areas in image (ALT+click in image), adding Flypaper Textures Apple Blush Taster Texture (comes with Dr. Brown’s Paper Panel Texture download) using Pin Light Blend Mode at 66% opacity, and a Curves Adjustment Layer to adjust contrast. Below is what the image looked like after Step 4 of the Painting Assistant Panel.
There are seven steps to the Painting Assistant Panel. The first two go really fast – they involve opening your image, resizing it, and smoothing it using the new Oil Painting Filter in CS6. (You can see the filter texture in the border areas). The next four steps take a considerable amount of time. Step 3 is Create Rough Underpainting which goes fairly fast. Step 4 is the Intermediate Painting which takes the longest time to do as this is where the impressionist strokes are painted over the image. Step 5 is Finish Intermediate Painting where a few details are added back in. Step 6 is Detail Recovery using a provided History Brush which may take a while to do depending on how much smaller detail you want to bring back into your image. Step 7 is Add Finishing Touch which adds the High Pass Filter to sharpen and is quick. Other textures and filters can now be added to the image to finish it up. This whole process can be quite time consuming. Impressionism requires a lot of small strokes to get the look. (See my Tidbits Blog Digital Lady Syd’s Rule No. 6 – Try Something New! with links to Fay Sirkis who explains how to actually paint a stroke to create an impressionistic effect – check out the article link in the blog.) The wood boat image below is a more complicated image and took way too long to finish in one sitting. Even the cannon image took a very long time to finish so I would stick to images with simpler lines like floral or still life for use with this panel.
Now for the Photoshop CS5 Painting Assistant. The steps only number 6 but the panel works the same way. The first step is where you open the image. Second step Adds a Surface Blur filter to your image, Step 3 creates an Underpainting Layer where you use a supplied Mixer Brush, Step 4 is an Intermediate Layer, Step 5 Detail Recovery, and Finishing Touch that adds the High Pass Filter for sharpening. Only a Curves Adjustment Layer was added for some contrast and OnOne PhotoFrame (see sidebar for website at my Tidbits Blog) acid burn 07 was used to finish up the photo. Personally, I think that the Painting Assistant is CS5 is easier to use than Cs6’s, but you are not trying to create a particular style of painting as in the CS6 version. This image of Laupahoehoe Harbor on the Big Island in Hawaii was created very quickly in Photoshop CS5 – much faster than using the impressionist effect in CS6. The way I got the texture to look more painterly was to add a light gray texture created from an actual oil painting I own. I use it a lot and if you would like to download it, check out my Cat Painting Canvas Texture download link at Deviant Art. It was set to Overlay blend mode at 57% opacity. The Painting Assistant layer was slightly cleaned up on a separate layer by sampling in the document and using a low opacity Photoshop chalk brush to fill in. If you do not want to spend so much time on a document, the CS5 Painting Assistant seems to be the answer.
A couple quick tips: Dr. Brown says paint your image as a paint-by-number of old times when in the Intermediate Painting step. I discovered that at this point you can erase any areas you did not paint over in the outside border before going on to Step 5. Once in the Finish Intermediate Step 5, be sure not to overdo the detail – only place it where you want the viewer to focus in the image. It is easy to overdo this step. I used it to smooth out some of the indistinct lines in the image below. Step 6 is actually the History Brush and it is set to 4% opacity. I changed this to 22% as I could not see any changes occurring in my image. Step 7 adds a High Pass Filter set to Radius of 8 – you can always paint out areas that are too sharp in a layer mask if it seems like too much. For the wooden boats at the Hilton Waikoloa Village on the Big Island in Hawaii, after the Painting Assistant was used, a clean up layer was created to fill in a few areas and a Levels Adjustment Layer was added to increase contrast. That is all!
As you can see, this is another great way to photo paint an image. Dr. Brown always has fun and interesting ways of doing things. He is in the process of creating a watercolor module for the Painting Assistant and I can hardly wait to try it. Give this panel a try and see if you like the results – some people are creating some incredible art using it. I think I need to work with it some more but it is fun to do!……Digital Lady Syd
This new feature is taking the Photoshop world by storm! What a great new addition to Lightroom’s 4.1 upgrade. If you have Lightroom 4, you have got to try this. Matt Kloskowski, one of the NAPP Photoshop Guys, created a nice short video, A New HDR Feature in Lightroom 4.1, on how to process your images using the Merge to HDR in Photoshop, and then bringing the 32-bit tonemapped image back into Lightroom to use with the camera raw sliders. The image above is from the Hilton Waikoloa Village – some of the unusual art that is in this complex. After processing the 32-bit image using Lightroom sliders, Nik Color Efex Pro 4 was applied within Lightroom using these filters: Detail Extractor adding (+) control points on only the sculpture itself, Midnight using Neutral mode, and BiColor User Defined Preset 02 Brown/Pink and using (-) control points on the sculpture. The image was taken back into Photoshop (now as a 16-bit psd file) to add OnOne PhotoFrame acid burn controller 06 (see sidebar for website in my Tidbits Blog), which could have also been added in Lightroom. The Nik plug-in could have been added in Photoshop and a Smart Object used to save the setting – instead I created a Note in Photoshop to recall how the settings were used used in Lightroom.
What is absolutely amazing about this addition to Lightroom is that the images are so sharp and clear with little noise especially in the skies like you get with the other HDR processes. It is totally amazing that neither of these images had any sharpening or noise reduction applied. Wow!
Here is my first attempt at creating a 32-bit image using three bracketed images hand-held of the beach on the perimeter of the Hilton Waikoloa Village – not a very good place to sunbathe but nice and breezy. No other plug-ins were applied to this photo. I was major happy how clear and sharp this image came out. The frame was created using the layer style instructions for my Digital Lady Syd’s Free Layer Style Frames – colors can be sampled from image and changed out easily.
What is happening here is that inside Lightroom you select your bracketed images, right click and Edit In – Merge to HDR. This opens up the HDR program in Photoshop where set the tonemap setting to 32-bit, not 16-bit. Next check the Remove Ghosts box. Close and if you do not have your Preferences set up in Lightroom to save your HDR’s as TIFF’s, you need to do a Save As, name file, and select TIF as your format to bring back into Lightroom. Once back in Lightroom you are free to use all the sliders available to create the look you want on the 32-bit image. The image can be taken back into Photoshop to add your framing or plug-ins if you want, where it is now back at 16-bit mode.
I am still amazed how great these images are looking. This image is of some colorful plants at the entrance to the Lightner Museum, in the old Alcazar Hotel, St. Augustine, Florida. After processing as a 32-bit image in Photoshop and bringing back into Lightroom, the image was taken back into Photoshop and the new Topaz photoFXlab v1.1 plug-in (see sidebar for website in my Tidbits Blog) was opened and the Dynamics slider applied at 55. I also removed a very small amount of noise with Imagenomics Noiseware. This is my free Thin Double Edge layer style frame (see link above) with colors sampled from the image and that was it. This image is incredibly clear!
My last example once again was processed in Lightroom as a 32-bit hand-held HDR. I did apply a little Nik Color Efex Pro 4 Detail Extractor to the gargoyle only to sharpen it a little. No noise reduction was applied, only my Thin Double Edge Frame layer style applied to the image. Very easy. This image was taken at Flagler College (the old Ponce de Leon Hotel) in St. Augustine, Florida.
I am going to have to go back through my old HDR images and update them. This process is totally amazing if you want a very natural HDR look. Wonderful new feature! It is a pretty easy procedure to follow and the results are definitely worth keeping!…..Digital Lady Syd
Digital Lady Syd Related Blogs:
32-Bit HDR Using Lightroom and CS6