Anything Photoshop or Photography

Posts tagged “border layer style

HOW TO CREATE A QUICK LAYER STYLE BORDER OR FRAME

Image of a quiet cove at Spanish Cay in the BahamasThis 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.

Stroke Settings

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.

******
Image of a Scottish Church with a viewIn 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.

******
Image of a herd of African Antelopes
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.


How to Create Unique Textured Backgrounds

This is a follow-up from last week’s How to Create Unique Watercolor Background Texture blog and more Photo Art examples. Below are listed several ways to create  interesting backgrounds using brushes and other Photoshop tools. The above is an example of what can be done using very traditional textures to make your image look a little different. Some clean up and a Curves Adjustment Layer were added to emphasize the sketch lines of the flowers more. Next Lost and Taken’s Remixed Chalk Pastel 03 texture was added and set to Pin Light at 100% opacity. To get the grungy look, a New Layer was created using the Amazing Texture Brush 2 by Nakatoni (apparently these are no long available but any grunge brush you like will work to add some splotchy purple color) – the layer was set to 52% opacity. A little color clean up was done on another New Layer. Next one of my favorite canned textures by Gavin Hoey’s grunge border 2 was added and set to Overlay blend mode. To get the flowers to appear, a white layer mask was added and the flowers were painted back in using black in the mask. This texture was set to Overlay blend mode. Next a composite layer (CTRL+ALT+SHIFT+E) was created and a black 3 pixel stroke layer style was added as a small border line. Next my Cat Painting canvas texture was added using Soft Light at 100% opacity. A Curves Adjustment Layer, Levels Adjustment Layer, and Gradient Map Adjustment Layer (using a bright yellow to green gradient and layer set to Saturation blend mode at 46% opacity). Two more layers were created using different grunge brushes set to 20% opacity in purples and blues were the last steps. The reason I went over all this is to show what a few layers on top of rather traditional textures can give a very different look and be very targeted to get an interesting final result. Below is the Layer Panel workflow as basically listed above.

…..
This background was created in an interesting way. A New Document was created using the Photoshop Paint Brush Maple Leaves set to 369 pixels with pink and yellow set as foreground and background colors – the whole layer was covered with leaves. Next the Smudge Tool was selected and I dabbed and smoothed the colors together to give this nice blended look using Fay Sirkis’s Watercolor Liquid Mask I Photoshop Brush with the Smudge Brush Tool. If you do not have access to her wonderful brushes, try Alex Dukai Artist Set 01 using the Impressionist brushes which give a very similar result. (Note: the Smudge Brush Tool takes a lot of Ram to run so use a small sized brush like 150 pixels max to do do this.) Once this is created, save the background down as a JPG so it can be used over as an image texture. I used this background and added my sketched layer from the first image. A New Layer using Obsidian Dawn’s Random Swirls 2 Glitter Brush in light pink was added to add texture to the flowers. Nagel rough pastel brushes 3 and 4 were used in the different colors to fill in blanks spots and add some color to the petals – these are really nice smoothing brushes. My Double Edge Frame layer style was added as a last step. See my blog Digital Lady Syd’s Free Layer Style Frames. Here is just a different way you can create a unique texture for you images. You can download my Smudge Texture – see below how to change the effect and colors in this same texture.
…..
This original image was first taken into Nik Color Efex Pro 4 and three filters stacked: Midnight using Neutral color set, Reflector Efex using Method Gold. and Bi-Color Filters using Color Set Violet/Pink 3. The background came out as black so a layer was placed above and olive green grunge was added on the layer using another one of Fay Sirkis’ textures pastel brush (see last week’s blog for more on Fay). Again a good grunge brush would be fine. A second layer was added and a light pink grunge was painted – the layer was set to 19% opacity. A Curves Adjustment Layer was added to darken the whole image down a bit. Next, the Smudge Texture created in the image above was placed in the image on top and set to Color blend mode at 80% opacity. A Hue/Saturation Adjustment Layer was clipped to the texture (ALT+Click between the layers) to adjust the hue (+14) and saturation (-71) of the texture itself – the adjustment layer was set to 49% opacity. Finally a composite layer was put on top and my Double Edge Frame layer style was added to finish up the image. I believe all these steps created once again a very unique background for these flowers.
…..


This image used a pattern applied with the Pattern Stamp Tool. This tool can create some really interesting backgrounds. The original image was loaded. Next a New Layer was added on top and the Pattern Stamp Tool (sits with the Clone Stamp Tool) was selected. Now to make this interesting you have to load some interesting patterns. This is one from Princess of Shadow Victorian Dreams Texture 6 but any pattern that has colors you like can be used. I wanted some blues and reds so that is why this particular pattern was chosen. Note you can use any of your textures and turn them into patterns by opening texture, going to Edit -> Define Pattern and it will be in your group of selected patterns. To make this work you need to go to the Options Bar and in the little box where the pattern is showing, click on the little down arrow and load your pattern. A layer mask was added to remove the color from the flowers. The Pattern Stamp layer was set to Color Burn blend mode at 77% opacity. This layer was duplicated which added in the blue and red tones in the texture once the layer was set to Hard Light at 64% opacity. The flowers were painted over using Mixer Brush blenders. Once again I have to thank Fay Sirkis for her great Signature Schlepp n Smear Blender brush and one by Dave Cross – his close up mixer brush. A Curves Adjustment Layer was added where the RGB, Red and Blue curves were adjusted. Finally I a used my Double Edge Frame layer style, this time adding a Layer Stroke effect and setting the size to 18 and Fill Type to Pattern. I selected the same pattern and set the scale to make it look right.
…..

I thought I would finish up with a couple real quick ways to add an interesting background. Kelby TV’s Ask Dave’s blog has a short video on How Did You Get That Cool Background? that was used to create the background above. This is a really easy technique. Basically Dave Cross (one of the NAPP Photoshop Guys and Hall of Famer at Photoshop World) used the Single Row or Column Marquee tool and apply a couple filters – I did this in a separate PSD file so I could use the texture over again. This time the flowers were cropped and set to Dissolve blend mode. An image that had yellows and reds was selected to create the background and a Hue/Saturation adjustment layer added for the purple/blue tones. A snow texture that Florabella Collections had given away at Christmas was placed under the flowers but above the adjustment layer – any snow texture is fine (it would be easy to create by painting with a spatter brush on a black background on a layer) and set the layer to Color Dodge at 35% opacity. A New Layer was created using Frostbo’s Snow Drops brush with purple tones – this is my favorite snow brush. My Thin Double Edge Frame was used as a last step sampling color from image.
…..


Hope you are not getting tired of my flowers but they were easy to use as an example. This last image first used a Randomized Gradient – it was originally in bright reds and oranges.

See my Tidbits Blog I Didn’t Know That! Randomizing Gradients which uses four steps to create. This gradient had Noise set to just 50%. The randomize button was pushed several times until I got a gradient I liked. In this case I used a Radial Gradient which was pulled out from one corner of the image. A Curves and a Hue/Saturation adjustment layer were added to change the colors to browns and pinks. The flowers were placed above the gradient layer. (See left  image.) A New Layer was added under the flowers but above the adjustment layers and a Mixer Brush was used to smear the color behind the flowers to get this effect. (I personally like John Derry’s Mixer Brushes – this used his Flat Fan High Bristle Count brush.) I was really surprised how this turned out. Try out different mixer brush settings to see which one does not pick up the flower colors but just those underneath. Now just a little clean up and frame. The Mixer Brushes can create some really interesting backgrounds.

I hope you have learned a few new ways to create some interesting background textures for your images, especially flowers. In the meantime, try some of these techniques and see if you get some good results!…..Digital Lady Syd

Digital Lady Syd Related Blogs:
Russell Brown’s Paper Texture Panel Updated!
Create a Winter Scene with Photoshop Brushes and Textures
Adding a Texture for Flair!
Adobe Photoshop CS5′s Mixer Brushes
Cold Dolphin Fountain in Florida