Anything Photoshop or Photography

Posts tagged “overlay

How to Turn a Brush into a Watercolor Brush

I just keep learning more about textures. This is one of those little tips that just did not occur to me until I looked at my old notes from Fay Sirkis’s “A Stroke of Genius-Photoshop Art Studio” webinar at the NAPP website and it sort of “jumped out” at me. BTW, if you want to learn how to paint in Photoshop, Fay’s video is full of information to teach just that – she does a great job of explaining all the famous artist’s techniques.

Now for the basic tip: If you want to make a regular brush into a watercolor brush, just check the Scattering section in your Brush Panel – even the default settings can do wonders. You will probably need to reduce the opacity of the brush to get a good effect and also adjust the size. Can try changing the scattering amount and adding texture to the brush for more interest. Just be sure to save it if you want to reuse it by clicking on the Create a New Brush icon at bottom of the Brush Panel. If you use a Wacom tablet, you will get different results using a regular tablet brush and/or Barrel Rotation Brush, besides what you get with just a mouse stroke. My images all used the Barrel Rotation Brush to get the painterly look (I use an old large Intuous 3 Tablet that still works just fine), but I did switch between brushes and mouse to get a little different texture added. See bottom of blog for download link to all the brushes I have created.

For the agapanthas (African Lily) flower image above, these steps were followed:

1.  First duplicate the image.

2.  Place a layer underneath the top layer and fill with white (One way to do this is to go to Edit -> Fill and select in the Use drop-down white).

3.  A black layer mask was added to the top layer with the image, and in the mask the flowers were painted back in carefully using a 30% opacity white soft brush.

TIP: For the flowers in the bottom two image, first the Select -> Color Range command was used before the Layer Mask was added to get most of the flower and/or background selected (instead of painting it all in the mask by hand). The Quick Mask (press Q to enter and exit) was used to fine-tune the selection before adding the Layer Mask to the flower layer – this puts the selection into the layer mask when you click the icon at the bottom of the Layers Panel. If the wrong area is black, just highlight the layer mask and invert by pressing CTRL+I.

4.  A new blank layer was added underneath the flowers but above the white layer. This is where I started experimenting with the above brushes – the watercolor texture was painted in exactly where I wanted it to fit around the flower. I ended up using a Watercolor Salt Brush set to Scattering at 368%, 170 pixel Brush Size at 30% opacity in a light blue. (This will look totally wrong at a higher opacity.) I tried several different colors and ended up using this soft greenish color (R160/G174/B124) in a Solid Color Adjustment Layer that was clipped to the painted texture (go to Layer -> New Fill Layer -> Solid Color and check Use Previous Layer to Create Clipping Mask). The Watercolor Salt Brush layer was set to 41% opacity. (This is my SJ Watercolor Salt Brush Tool Preset brush.)

5.  I decided to add in another watercolor texture layer made with the Round Watercolor Brush set to 30% opacity and Scattering 169%. (See my SJ Round Watercolor Erodible Brush 1.) The layer was set to 100% and the Solid Color Adjustment Layer was duplicated and placed above the top texture layer and clipped (hold down the ALT+click between the layers to get a clipping mask).

Optional Step as shown in first and second image: To get the look that this is on watercolor looking paper, all that you need to do is to add a Pattern Overlay Layer Style on the white layer created in Step 2 and use the same Pattern Overlay Layer Style on the actual flower layer in Step 3. When the Layer Style (double click on the layer thumbnail and select the Pattern Overlay style where you replace the default bubble with the CS6 Artist Surface Watercolor Pattern. (Click on the down arrow by the bubble pattern and click on the little gear on the upper right – navigate to the the Artist Surface patterns.) I set the scale to 536% and the pattern opacity to 74%. For Step 3 layer, set pattern opacity to 34%. You can find other watercolor patterns on the internet if you want a different look.

Those are all the basic steps to get this beautiful result. The hardest part was creating the layer mask for the flowers. You can always work on the flower layer mask more after you get your textures in place.
…..
This image followed exactly the same workflow above except a different color was used and the layer opacity was left at 100% for the texture. The Optional Step texture is from Russell Brown’s Watercolor Assistant Panel that is a free download for Photoshop CS6 users. It contains this beautiful watercolor paper pattern called Bockingford_rough. Download the panel and try painting – it is a lot of fun and you get this beautiful pattern to use for your watercolor background effects.

I got really nice results with the tablet brush using the new CS6 Round Watercolor Erodible Brush and adding the default Scattering settings, 30% brush opacity, and a larger 125 pixel brush. (See my SJ Round Watercolor Erodible Brush 1 in downloadable set below.) The CS6 Watercolor Salt brush actually generates a pretty realistic cloud effect when set to a soft bright blue color. Try the new Bristle Brushes too – gives a totally different look. I also created a nice Watercolor Brush using CS5 – in this case I started with the Round Blunt Medium Stiff brush. In Brush Tip Shape, Shape is Round Blunt, Bristles 14%, Length 137%, Thickness 37%, Stiffness 71%, and Angle 53 degrees. Then the Shape Dynamics section was checked with and Angle Jitter set to 34%, Scattering set to the Scatter 338%, Texture using one called White Stationary, Transfer  – Opacity Jitter set to 47% and Control Pen Pressure, Wet Brushes and Smoothing checked. (This is my SJ Watercolor Brush Tool Round Blunt brush in download set.) There several watercolor brushes in the Natural Brushes 2 set and Wet Brushes for CS5 users that would probably make really nice scatter brushes too.
……
This image used roughly the same workflow except the background color is a lovely soft orange. This time my Salt Watercolor brush set to a light orange was used along with McBad’s Watercolor Brush 37 at 768 pixels using a light yellow. When finished, Topaz (see my Tidbits Blog sidebar for website link) Adjust 5’s French Countryside (one of my favorites) preset was applied (with these changes: Adaptive Exp. .47, adjusted Contrast and Brightness, turned off Diffusion and Vignette, and set Tone Strength to .78), Topaz Detail 3 set to the Overall Medium Detail preset (I use this setting all the time on my images now), and Topaz DeNoise 3 used to clean up noise in flower center only – used a black layer mask and painted out the center. rbcampos Iris Set 01 Brush 005 was used for the center eye and set to a layer opacity of 27%. A catchlight was added to the eye and OnOne (see my Tidbits Blog sidebar for website link) PhotoFrame Dave Cross 13 was added in a matching soft orange.
…..
Here is a final example that follows the same workflow. In this case the background was created using McBad’s Watercolor Brush 11 with Scattering on and the Brush Size set to 2000 pixels. Just dabbed on a separate document until I got an interesting watercolor texture – then dragged it into the flower image under the Step 3 flower with layer mask layer, but above the Step 2 white layer. Topaz Simplify 4 was applied to the flower layer and the Watercolor II preset applied, except to the center of the flower. French Kiss’s free Glorious Grunge Edging Overlay with the center cleared out was applied and a purple Color Fill Adjustment Layer added. Just a slightly different look using a different type brush.

I have made my five brushes in this blog available for download at my Deviant Art: SJ WATERCOLOR BRUSH TOOL PRESETS. Load them into Photoshop by clicking on the first icon in Options Bar – click to open Tool Preset Picker and open up fly-out menu or little gear on top right – select Load Tool Presets and navigate to where you downloaded the file. (The file is in a compressed ZIP file format as Deviant Art would not take a .tpl extension.) Change all the settings – you can always get back to what they were by opening up the Tool Preset Picker and clicking on the brush tool again. Hopefully you will develop some even better brushes than these I supplied. Have fun experimenting with this…..Digital Lady Syd

Digital Lady Syd Related Blogs:
How to Create Unique Watercolor Background Texture
How to Create Unique Textured Backgrounds
Using a Couple of My Textures


Merry Christmas and Happy Holidays from Digital Lady Syd!

Wishing everyone a wonderful holiday this time of year. My large flower blossom image was from one of the many lovely little gardens around the dachas in Belarus in the summer. (For info on how each was processed, see end of blog.)
…..This beautiful Christmas tree was located in a clubhouse dining area. It was actually decorated all in silver and was taken with my cheap Kodak point-and-shoot camera. Just goes to show how far you can take an imperfect image and give it some creative effects for a great result.
…..This was just fooling around with brushes and getting something really fun!
…..
This image was taken at Linlithgow, Scotland – a beautiful home near the train station. I basically turned it into a night Christmas scene. This is a beautiful little town to visit if you are in the Edinburgh area – it has interesting castle ruins you can explore too!
…..

I hope you enjoyed my holiday cards – they were much fun to create! Maybe they will inspire you to try some new techniques – all have been discussed at some time in my blogs (just search in both this and my Tidbits Blog)! In the meantime, have a wonderful holiday and I will see ya next year!…..Digital Lady Syd

Processing Details:

Image 1: Lightroom processing occurred first on this beautiful red flower and then it was opened up in Photoshop and the background layer turned off. A light green solid color layer was placed under the image along with French Kiss Watercolor Texture Vivacity set to Normal at 47% opacity. A Hue/Sat Adjustment Layer was clipped to the watercolor and the Yellow color Hue was shifted to a light green. The flower layer was turned on and a layer mask added to paint out the background so the watercolor texture shows through. Several French Kiss Splatter Brushes were applied and reddish, pinkish, and brownish Color Fill Adjustment Layers were clipped to some of the brush stroke layers. Also the opacity of these stroke layers was varied. Last, Obsidian Dawn’s Merry Christmas brush was placed on a layer with a layer style added (using Outer Glow, Pattern -created using the Vivacity water color texture, Inner Shadow, and a dark red Stroke) to get the candy cane look, and a text layer added using an Outer Glow layer style.

Image 2: Since this image was just a 14 mg image, but still a jpg, it took me a lot longer to get the final look I wanted. In a nutshell, this image was processed first in Lightroom using the basic adjustments. Next in Photoshop Topaz (see my Tidbits Blog sidebar for website link) Simplify 4 was applied using the Oil Paint Toned III preset as a starting place – to get the soft color the tone section was changed to black, dark green, light green and red and set to a Tone Strength of .89. I basically just played around with the size sliders until I got a result I liked and created a preset since it was so different from their presets. Then I simply did a lot of clean up, added two textures – French Kiss Artiste Aspen (turned it green using a Hue/Saturation Adjustment Layer and merging down) using Lighter Color blend mode at 23% opacity, and 2 Lil Owls Texture 1 (see my Tidbits Blog sidebar for website link) set to Hard Light at 37% opacity. A Levels Adjustment layer was added, two layers of text, French Kiss Glorious Grunge Edging Overlay with inside lines removed and changed to a light tan color, and a spotlight vignette effect on the center left ornament. These are all techniques I have covered in past blogs here and on my Tidbits Blog so just search the blogs for more information on how to do a certain technique or drop me a line or comment if you have questions.

Image 3: I started with a New Document in Photoshop. My free SJ Holiday Greeting PNG Overlay was applied and a Red Color Fill Adjustment Layer set to a deep red color was clipped to the overlay. Next a New Layer was added and the Erodible Watercolor Blender brush was chosen and pinks and grays were painted around the overlay – the layer was set to 28% opacity. My Snow Overlay (in same download set as the greeting) was applied at 63% and a text layer with my name was added. A Levels Adjustment Layer and Curves Adjustment Layer was added to finish up.

Image 4: Basic processing was done in Lightroom. Lots of clean up and a Levels Adjustment Layer was added to add contrast. Painted Textures Christmas was added at Hard Light and 86% opacity – gives a beautiful warm glow to image. Some vignetting, sharpening and selective Hue/Saturation Adjustments changes were made. To get the night look, a Nik Color Efex Pro Midnight filter set to Blue was added.  Santa Brush by Flina was added with a layer style to get nice effect on the brush. Obsidian Dawn’s Light Beam brushes was added to light up the front of the house. My free Snow Overlay was added and set to 10% opacity. Obsidian Dawn’s Merry Christmas brush was added with an Inner Glow layer style and a text layer for my name was added last.


Some Free Christmas Overlays to Spice Up Your Christmas Cards

It is that time of year again and everybody is busy trying to get their cards ready to send out. Last year I gave out a pretty nice PSD template that is very flexible for creating any kind of card you want with an appropriate opening for those kid shots that are so popular. (See Digital Lady Syd’s Free Christmas Card Template.) Recently I have been working with overlays and I have created a few for you (see download link below) that can be used both on your images and/or as an inside card message. (Note: these could have been made as JPG files but I like to create PNG files where their is transparency involved – you do not have to remove any white or black backgrounds since it is just the object itself in the file.)

These beautiful Alstroemeria flowers were taken at the local grocery store using my point-and-shoot Kodak camera. They were processed first with OnOne (see sidebar for website link on my Tidbits Blog) Perfect Effects using two filters stacked: Rice Paper Light Texture topped by Hollywood Glow at 50% opacity. French Kiss’s Artiste Joyeuse Texture (this is not a free texture but they are so nice that I bought this collection) was placed on top and set to 94% opacity.  The flowers were painted back in on a white layer mask using a 30% opacity black brush – just gradually built up the effect so the edges are not as visible as the center area. To create the red and green effect from a very beige and pink texture, a Selective Color Adjustment Layer was placed on top and clipped to the texture layer (CTRL+click between the two layers in the Layers Panel). The Colors Neutrals, Reds and Yellows were adjusted to get the Christmas colors. My Merry Christmas Overlay was placed in the right upper corner and can be downloaded for free below. To change the color of the overlay to green, a Color Fill Adjustment Layer (Layers -> New Fill Layer -> Solid Color and check the Use Previous Layer to Create Clipping Mask box to clip the layer to the overlay layer) was added. A Drop Shadow Layer Style (click 2nd icon at bottom of Layer Panel and set color to White, Opacity to 63%, turn off Global Light, Distance of 6, Spread 36,and a Size of 7) was created to make the letters stand out better. To get the red text, the Overlay layer was duplicated and a layer mask was added – just remove anything you want left in the original color by painting it out with a black brush in the mask. Then add a new Color Fill Adjustment Layer with the new color clipped to the duplicate layer and you get a second color in the overlay! The Drop Shadow Layer Style color was changed to a light pink at 27% opacity, distance of 0, spread of 32 and Size of 141. A brown 3 pixel Stroke was also added. The last step was to add a layer with snow – my very favorite snow brush is Snow Drops by Frostbow painted at 500 pixels in white. That is all that was done. Not a real difficult process and the textures, overlay and brush combine really nicely to give a great holiday look!
…..Here is another holiday overlay that you can add to your cards. This time these miniature white mums were first processed in Lightroom, before cleaning up the background and flowers in Photoshop. Then French Kiss Expressions Watercolor Texture Verve (very inexpensive but lovely  watercolor set – perfect for trying out textures without too much cost) was added and set to 77% opacity. By filling a layer mask with black and painting back the background using a 30% opacity white brush, you can a create soft edge look to your flowers. To get the pretty soft green coloration in the texture (this was originally a yellow and light brown texture), two adjustments layers were clipped on top: a Selective Color Adjustment Layer was added and changes made to the Colors Reds, Yellows, Whites and Grays; and a Color Balance Adjustment Layer to add a touch more color. Next my Holiday Greeting PNG Overlay was added (see download link below) and a Color Fill in Green was clipped to add the color to the overlay. My vertical text was the Orial font with a Stroke Layer Style using a green stroke color and an Inner Shadow using a dark brown color at size 7 px. That’s it!
…..
The bottom texture overlay is one of my favorites from Shadowhouse Creations called MO8-2012-5 and the beautiful Rockinghorse Santa png overlay is also from him. The Merry Christmas brush is from Obsidian Dawn’s Christmas Vectors Brush Set with a red Inner Glow layer style. Next my Snow 2 Overlay (download below) was added at 68% opacity. I love the vintage feel of this image.
…..
I want to recognize the wonderful sites used to create these overlays and give you their resource links so you can make some of your own. See my blog How to Create Personal Overlays for Your Images for steps on how to create your own overlays and for steps on how to add these already created overlays to your images.

  • Snow1 and Snow2 Overlays: The Snow Overlay was created using the instructions from the December 2012 Photoshop User Magazine article by Bert Monroy (this guy is incredible!) called Let It Snow. Pretty simple to follow except I had to add more Gaussian Blur to get the effect I wanted.

****DOWNLOAD LINK FOR MY HOLIDAY OVERLAYS USED IN THIS BLOG****

I hope you enjoy the overlays. These are really fun to do. If you like the way an overlay looks in certain colors, follow Steps 5 and 6 in the Basic Section in my Overlay blog and save it down as a color version – creating an overlay in black and white just makes it easier to change the colors each time you use it. In the meantime you are welcome to use the ones I posted on my Deviant Art site – this is a good starting point. Now get busy and make some beautiful cards!…..Digital Lady Syd

Digital Lady Syd Related Blogs:
Digital Lady Syd’s Free Christmas Card Template
Digital Lady Syd’s Free Christmas Card Template Using Photoshop Elements
Free Christmas Card Vectors and Brushes
Some Holiday Cheer
How to Create Personal Overlays for Your Images


How to Create Personal Overlays for Your Images

I have been thinking about this subject ever since I bought some beautiful overlays from the French Kiss website. Their overlays are based on genuine old French letters and postmarks, but it seemed to me that it should be a fairly easy to create your own customized overlays. So this blog is about making your own overlays. The image above is of the pretty light purple Phlox Phloxy Lady flowers I had growing in my front yard and by adding texture and overlays to it, a soft romantic feel is created. This image used a quote from Robert Louis Stevenson’s poem “The Flowers” and was a fairly easy example on how to start creating your own overlays. The steps below will guide you through this process.

The Basic Steps to Create a Text or Object Overlay (png) File for your Images.

1.  Create a New Document – I used an 8 X 10 inch document at 300 ppi.

2. If creating text, select the Text Tool, which creates a Text Layer on top of your Background Layer. In the Options Bar set your text color to Black for now (3rd icon over from right) and select an appropriate font. In the case above, the Old Script Font was chosen because the letters actually look like writing.

3. Type in your text. I like to use poetry quotes but use your own work for a real personal feel. Several different Text layers can be created using the same or different fonts. Add Clip Art layers or use a New Layer to paint in your own ideas – I find sticking to black a good idea and then adding color in later.

4. Once finished entering text and/or objects, turn off your background layer click on the eyeball on the left edge of the Layer in the Layers Palette. The image above just had one text layer, so it was duplicated and rasterized (right click on text layer and select rasterize so it is no longer a text layer). If more than one text or object layer is in the file, create a composite layer at top by highlighting the top layer and pressing CTRL+SHIFT+ALT+E so all the text or object layers are combined into one layer.

5. Now turn off all the eyeballs to the left of the layers except for the new top composite layer.

6. Here is the trick to getting this psd layer into a png file format to use as an overlay in your documents. Go to File -> Scripts -> Export Layers to Files. You need to set up a location for your new png file, name your file, and set the File Type to PNG-24. This takes a minute for Photoshop to process, but it eventually puts the png file where you told it to go, and takes you back to your original psd document with no changes made to it. If confused see my How To Make Frames or Borders blog, which uses the same basic process, where a screenshot of how this dialog box should look is provided.

How to Add the Overlay png File to an Image.

1. Open your document and go to Adobe Bridge to find your Overlay. Click on thumbnail, right click and choose Place -> In Photoshop.

2. Now adjust the handles and size (since the file comes in as a Smart Object layer, it works like the Free Transform command) and place the overlay where you want it. Double-click inside the overlay or click the checkmark in Options Bar to set the placement.

3. I always get rid of the Smart Object now by right clicking on the layer in the Layers Panel and select Rasterize Layer from the menu.

4. To change the overlay color go to Layer -> New Fill Layer -> Solid Color and be sure to check Use Previous Layer to Create Clipping Mask. Select any color you want – I usually sample with the eyedropper that appears when hovering over the image to set the color of the text.

5. On the overlay layer, adjust the opacity or add a layer mask and paint with a low opacity brush in the mask to lighten part of the text. This was done on the image above to soften the look a little. Use Free Transform (CTRL+T) to resize, turn or move the overlay.
…..
This vintage looking pink gerbera daisy that was growing on my porch was a perfect image to try out my own French overlay. First I had to make the overlay png file, then it was added to my final image. I would suggest that you check out the French Kiss website and/or Graphics Fairy website to get a feel on how to set up a custom overlay look. Create your overlay file by following The Basic Steps above. In my overlay, a fancy font called ExtraOrnamental No. 2 was used. The other font used is Easy Street Alt EPS. I found the filmstrip layer from my blog header and removed all the white from it as another layer. Some ornamentation was added using paintbrushes called 100 old ornaments–Buburu Resources – a New Layer was created and by rotating the direction of the brush, you can connect them to create some nice looking ornaments. Once you have all your layers set up, follow the steps in The Basic Steps section to create your png file. Keep you psd file so you can reuse the layers to create different but similar overlays. I did this for the last two images below. Follow the How to Use Overlay section to finish up your image. Four texture layers and a frame overlay were also used in the image above. The overlay was set to 66% opacity. Below is the png file as it appeared before adding to the flower image. …..Here is another example of using several overlays that I created. I began this image by creating a png overlay file out of some daisies I found in an old Clip Art book called Flower Illustrations by Dover Publications that I bought years ago (there are still many similar books available on Amazon very inexpensively and can be a really fun resource). The clip art is just black lines on white. The white was deleted from the clip art by using Select -> Color Range and clicking on all the white so just the black lines were selected. Then I duplicated the selection by going to CTRL+J and just the line art shows up on the layer. This layer was taken into the Export Layers to Files using Steps 5 and 6 in The Basic Steps section above. Now I started a new document and added my new png flower layer. I decided to Warp it using Free Transform (CTRL+T) and selecting Warp in the Options Bar. By pulling on the different lines, you can get some very interesting effects. I felt this image looked like it was now blowing in the wind. Next I added a New Layer above and just painted different colors in the petals and stem. By lowering the opacity of the png flower layer, the lines disappeared and showed just the flower contours. I decided to create a text overlay png new file as described in The Basic Steps section above so I could use it again. Some text from Bob Dylan’s song “Blowin’ In the Wind” was added using 1942 Report font in purple-pink and a new png file was created. It was brought into my original document – the second time it was applied, it warped using CTRL+T again to get the crazy flying type look. A layer mask was added so the text could be removed from the flowers. Then I decided I wanted to create my own grunge border. There are several ways to do this (see my my How To Make Frames or Borders blog). This time I used NIK Color Efex Pro 4‘s Image Border filter and set Size to -100, Spread to 100, all the way Rough, and Vary to 9165. Once back in Photoshop, I selected the border using Color Range and placed it on its own layer. I cleaned up the lines using a fine black line and saved it down as a .png file so I can use it again. As you can see, there is a lot of repetition in this process. Not that difficult once you get a selection of what you want. I experimented with several different background colors and did add a soft white hazy look by painting on a layer using Nakatoni Texture Brush (I still cannot find them anymore) at a low opacity.
…..
This yellow mum shot uses the sames steps as the gerbera daisy image – a different line of text was added and several other elements removed from the same overlay psd file. Once the png file was added to the image, a Layer Style was applied to the png overlay layer using Bevel and Emboss and Outer Glow effects. The Outer Glow was spread out with a darker color to make the letters stand out a little better.
…..This final example took yet another arrangement of other the text. Once the png file was brought into the image, it was warped to get the old look. Nik Silver Efex Pro 2 was used to get the vintage look. You can get really creative with the overlay layer effects.

Just remember to create a composite of all the layers to include in your overlay and save just that layer as a png. This is such a simple process, but it looks hard. Be sure when you do download a font that you understand what the usage requirements for that font are – just because you can download them does not mean they are free for all uses. This romantic French effect seems to lend itself nicely to flowers and soft texturized images. In my Tidbits Blog Displacing an Overlay I show you how to displace your overlay onto a textures background to give it a real vintage look. Also, check out my newer blog How To Create an Overlay Out of a Texture for more fun overlay tricks. Try making an overlay – it is fun to do!…..Digital Lady Syd

Digital Lady Syd Related Blogs:
Checking Out French Kiss Textures
A Vintage Butterfly Postcard Effect