Mini PS Tutorial Series Vol.2 – Simple Glowing Floral Pattern Creation in Photoshop

Mini PS Tutorial Series Vol.2 – Simple Glowing Floral Pattern Creation in Photoshop

Posted on July 26th, 2010 under Abstracts,Basics

Welcome to the second volume of Photoshop Mini tutorial series, which is a series I started specifically for Photoshop beginner – to help them understand various aspect of Photoshop by designing something simple but cool.

In the tutorial, I will show you the steps I took to create this glowing  Floral Pattern in Photoshop. This effect looks cool but the steps are in fact very simple, great for beginners :)

Here is a preview of the final effect for this tutorial: (click to enlarge)

abstract floral flatten 500x500 Mini PS Tutorial Series Vol.2 – Simple Glowing Floral Pattern Creation in Photoshop

PSD File Download

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive :) Find out more about the VIP Members Areas

vip sign up 250 Mini PS Tutorial Series Vol.2 – Simple Glowing Floral Pattern Creation in Photoshop

You will need the following stock to complete this tutorial:

Floral Brushset (Pick one from the list)

Cloud Brushset

Ok let’s get started!

Step 1

Create a new document sized 600px * 600px, fill the background with black colour. Create a new layer called “Cloud” with around 40% opacity, use the cloud brush you downloaded, and paint some cloud onto it:

1 cloud 500x499 Mini PS Tutorial Series Vol.2 – Simple Glowing Floral Pattern Creation in Photoshop

Create a new layer called “background light”,  grab a big soft brush with white colour, and paint as shown below:

1 light 500x500 Mini PS Tutorial Series Vol.2 – Simple Glowing Floral Pattern Creation in Photoshop

As you can see, by doing so you immediately created a nice background to work on.

Step 2

Create a new layer called “floral pattern”, use the brush you downloaded, paint a floral pattern onto it:

2 paint 500x493 Mini PS Tutorial Series Vol.2 – Simple Glowing Floral Pattern Creation in Photoshop

Apply the following layer blending options to this layer:

Drop Shadow

2 drop sah 500x367 Mini PS Tutorial Series Vol.2 – Simple Glowing Floral Pattern Creation in Photoshop

Bevel and Emboss

2 bevel 500x367 Mini PS Tutorial Series Vol.2 – Simple Glowing Floral Pattern Creation in Photoshop

and you can see now we created some light and shadow effect for the floral pattern:

2 effect2 500x421 Mini PS Tutorial Series Vol.2 – Simple Glowing Floral Pattern Creation in Photoshop

Step 3

Now we can add a glowing effect to the floral pattern. To do this, simply duplicate the orginal floral layer once, apply the following Gaussian Blur settings to it:

3 gau blur Mini PS Tutorial Series Vol.2 – Simple Glowing Floral Pattern Creation in Photoshop

and you will see a glowing edge appear around the floral pattern:

3 glow 500x394 Mini PS Tutorial Series Vol.2 – Simple Glowing Floral Pattern Creation in Photoshop

Step 4

Now let’s add some colour to the image. The Color Balance image adjustment layer will do the job. Personally I think it’s a quick and easy way to add colour to an image, without having to use brush and the colour picker.

I chose a golden colour mix: (Settings as shown below)

4 col sha Mini PS Tutorial Series Vol.2 – Simple Glowing Floral Pattern Creation in Photoshop

4 col mid Mini PS Tutorial Series Vol.2 – Simple Glowing Floral Pattern Creation in Photoshop

4 col high Mini PS Tutorial Series Vol.2 – Simple Glowing Floral Pattern Creation in Photoshop

and you will have the following effect:

4 effect3 500x487 Mini PS Tutorial Series Vol.2 – Simple Glowing Floral Pattern Creation in Photoshop

Please note that there is no need to use the exact same colour as I used, you’re free the experiment any colour scheme you prefer.

Step 5

Now let’s flatten the image (save a layered copy before you do so). Duplicate the background layer, and apply the following Smart Sharpen filter to it:

5 sharpen 500x317 Mini PS Tutorial Series Vol.2 – Simple Glowing Floral Pattern Creation in Photoshop

As you can, we now have a darkened edge around the floral pattern, also the overall image becomes more crispy and detailed:

5 effect shar 500x415 Mini PS Tutorial Series Vol.2 – Simple Glowing Floral Pattern Creation in Photoshop

Now let’s get on with the bokeh creation. We can do this with brush dynamics (F5).

Create a new layer called “bokeh” on top of all previous layers, grab a around brush with 90% hardness, apply the following brush settings to it:

Shape Dynamics

5 shape dyn Mini PS Tutorial Series Vol.2 – Simple Glowing Floral Pattern Creation in Photoshop

Scattering

5 scattering Mini PS Tutorial Series Vol.2 – Simple Glowing Floral Pattern Creation in Photoshop

Transfer (Other Dynamics)

5 other dyn Mini PS Tutorial Series Vol.2 – Simple Glowing Floral Pattern Creation in Photoshop

Tick the Airbrush and Smoothing option:

5 air smo Mini PS Tutorial Series Vol.2 – Simple Glowing Floral Pattern Creation in Photoshop

and you will have the following effect:

5 paitn 500x494 Mini PS Tutorial Series Vol.2 – Simple Glowing Floral Pattern Creation in Photoshop

Step 6

Duplicate the bokeh layer once, and apply the following Smart Sharpen Filter Settings to the duplicated layer:

6 sharpen Mini PS Tutorial Series Vol.2 – Simple Glowing Floral Pattern Creation in Photoshop

Drop the opacity of the duplicated layer to around 80%, you will see now we have a highlighted edge appear around the bokeh:

6 edge 500x362 Mini PS Tutorial Series Vol.2 – Simple Glowing Floral Pattern Creation in Photoshop

Note: I personally prefer using Smart Sharpen filter to add the edge, other than using the “Stroke” layer blending option. The former produces a clearer, more detailed result in my opinion.

Create a new layer on top of all previous layer called “highlight”, set the layer blending mode to “soft light”, and grab a soft white brush, do a few single-clicks around the floral pattern as shown below:

6 highlight 500x500 Mini PS Tutorial Series Vol.2 – Simple Glowing Floral Pattern Creation in Photoshop

Finally, add a levels adjustment layer on top, with the following settings: (this will alter the contrast and give the image more depth)

6 levels Mini PS Tutorial Series Vol.2 – Simple Glowing Floral Pattern Creation in Photoshop

Mask on the levels adjustment layer:

6 mask levels 500x503 Mini PS Tutorial Series Vol.2 – Simple Glowing Floral Pattern Creation in Photoshop

and you will have the following final effect:

abstract floral flatten 500x500 Mini PS Tutorial Series Vol.2 – Simple Glowing Floral Pattern Creation in Photoshop

That’s it for this beginner-level mini Photoshop tutorial! Hope you enjoy it and find it useful. Until next time, have a great day!

Fresh Posts from PSD Vault

Creativity Fine-Tuning: Best of PSD Vault Flickr Group – Vol. 55 Create a Magical Photo Manipulation with Flowery Effect in Photoshop Imagination Unleashed: Best of PSD Vault DeviantART Group – Vol. 23 Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop Unique and Curious Photoshop Tutorial Showcase – January 2012 Creativity Fine-Tuning: Best of PSD Vault Flickr Group – Vol. 54
  • http://Website Assem

    awesome tut

  • http://na roger bollox

    Great stuff, nicely explained

  • http://Website Alnitak

    Great Tutorial, really nice design…!!!

  • http://www.workboxdirect.co.uk Adam Floral

    That would look wonderful framed and hung on a wall. It is now my new desktop background at least!

  • http://Website P.R.E.S.S

    Nice editing, simple and cool… can’t wait to try it though…

  • http://Website priya

    really awesome

  • http://www.pianplace.deviantart.com pianplace | panggonepian

    nice tutorial :) indeed …

  • http://Website Anon

    I can’t seem to get the colors to show up on my image. Is there a specfic layer that I need to be on? Thanks for the help!

  • http://www.brushking.eu Thomas Beal

    Nice tutorial, thanks
    Quick and useful

  • http://Website prashant

    Nice Tutorial, Thanks
    I am also not able to see colours like Anon mentioned.
    i am using PS 7. Please suggest.

  • http://Website ashfaqmalik

    me ashfaqmalik7@gmail.com i really appriciate the job you have done….its fantastic keep continuing for the students of adobe photosshop…..thanks alot

  • http://Website blackdreams

    thx a lot , I like it.

  • http://www.medialinkers.com/atlanta_web_designers.html Medialinkers Atlanta

    Awesome! thanks for sharing.This helping me to improve my designs.Atlanta Web Design Company

  • http://Website VenetianSorcerer

    Thank you for sharing your talents and taking time to create this wonderful tutorial.

  • http://Website rohs

    Hi! Really awesome tutorial keep providing us with all these cool stuffs!!!

  • Arnab

    colour adding step is very confusing. I can’t do next to that step. 

  • ReDevil

    Amazing Result! Thanks for this Quick & Cool tutorial!

  • ReDevil

    Everyone who’s having a problem in color balance, Solution:
    click on the “add Adjustment layer” in the layers panal and then choose color balance,  DON’T GO TO “Image–> Adjustment–> color balance” menu because it won’t work if you didn’t flattened the layers , the same thing to hue/Saturation Function

  • http://www.sadurdupoetry.com/ Shining eyes

    This is awesome man……loved it

  • Liendi11

    Thank you ;)