Sign In  |  Join Now Become a member to add links and start earning points!

How To Create An Abstract Floral Explosion in Photoshop

In this tutorial, I’m going to show you how I used several floral stock images and Photoshop brushes to compose a fantastic abstract composition.

Materials Needed:

Step 1: Creating a New Document

First of all, create a new document at 1000x1000px and use a white background.

Image Description

Step 2: Insert The Fiddle

Make a selection around the violin image. The Easiest way to do this step is by using the Magic Wand tool ( see settings below, make sure you activate the add to Selection button (circled on left) and check the (Contiguous option). Click several times to select all of the background area, which is colored white. Then Inverse the selection (just press Ctrl+Shift+I).

Image Description

Press Ctrl+C to copy the violin (which is now selected), and then paste ( Ctr+V ) it to the document we created before. Adjust the size by using Free Transform Command (Press Ctrl+T).

Image Description

Step 3: Add The Leaf Image

Open the rose image. Using Polygonal Lasso tool, create selection around the leaf. See image below.

Image Description

When you’re done with selection, copy and paste leaf image over the violin’s layer in the other document. Clear the white color around the leaf by using Magic Wand tool (just click the white color and then press Delete). Deselect by pressing Ctrl+D.

Image Description

Drag the leaf layer (Layer 2) below violin’s layer (Layer 1). Using Free Transform command (Ctrl+T), adjust the size and rotate it to right a bit. Press Enter when you’re done.

Image Description

Step 4: Color Adjustment

Editing would be simpler if we rename layers by it’s content, so feel free to do so. I’ll refer to layers by name to make things simpler from this point on. Just rename layer 1 to "violin" and layer 2 to "leaf".

Select the violin layer, then press Ctrl+L to bring up the Levels dialog. Adjust Input Levels valueas shown below to increase the contrast. Click OK when done.

Image Description

Activate the leaf layer, use the Levels command to make increase the leaf’s contrast. Then use Hue/Saturation (Ctrl+ U) command to adjust leaf’s color to make the greens more vibrant, green, and saturated. See image below for details.

Image Description

Step 5: Arranging Leaves Part.1

Duplicate the leaf layer by pressing Ctrl+J. With the leaf layer copy still selected, adjust the position and rotate it right a bit. See image example below.

Image Description

Repeat this duplicating process until you get 5 leaf layers. Play around with the size, rotation and position of each leaf layers until you get a very nice layout. Remember, we’re using the Free Transform function, so be sure to touch up on the Transform functions if you’re having trouble.

Image Description

Step 6: Shadows and Highlights

Click the original leaf layer (It should be the bottom leaf layer). Select the Burn tool. Pick a soft round brush and adjust the brush diameter around 30 to 40 px. Reduce the Exposure value to 25%. Now use it to create shadows like shown in this example.

Image Description

Now we need to make highlights using the Dodge tool. Make sure you pick a soft round brush and reduce the Exposure value to 25% when doing this.

Image Description

Repeat this process for all of the leaves layer. You should be end with leafs that have much more depth than when we began.

Image Description

Step 7: Duplicating Leaves

This kind of illustration always ends with a lot of layers, so it’s a better idea to keep these layers organized within layer groups. Below, you can see the simplest way to create a layer group and rename them after.

Image Description

Now we’re going to balance the composition by duplicated the leaves on the right of the violin to show on the left as well. Rather than starting from scratch, you can just duplicate the group we just created by right clicking on the leaf right layer group, then choosing Duplicate Group from the popup menu.

Name the layer group duplicate’s: leaf left. With the layer group leaf left still selected, click menu Edit> Transform> Flip Horizontal, all leaf layers should be flipped to the left now. Using the Move tool, drag the layer group leaf left so the leaves are positioned on the violin’s left side.

Image Description

Step 8: Arranging Leaves Part.2

Duplicate layer group leaf left, rename its duplicate to leaf-FL. Drag layer group leaf-FL over the violin layer.

Image Description

Re-arrange the leaves using Move tool and Free Transform command. Try to make the leaves’s layout like the one below. Because the leaves are different from before, you should re-define the shadow and highlight area of each leave. Use Dodge and Burn tool to do this.

Image Description

Duplicate layer group leaf-FL, and then rename the duplicated layer group to leaf-FR . Flip the leaves via menu Edit> Transform> Flip Horizontal. Place these leaves on the bottom right of violin.

Image Description

Step 9: Arranging Leaves Part.3

Duplicate leaf-FL layer group once more, then rename the duplicated group to leaf-BL. Drag this layer group below layer group leaf right.

Image Description

Re-arrange the leaves using Move tool and Free Transform command. Arrange the leaves’s layout like the one below. Again, redefine shadows as needed, and duplicate this group so that there are leaves along the back left and back right of the violin.

Image Description

Step 10: Adding the Rose

Open the rose image again. Select the rose petals, using any selection tool you like. The fastest way is using Quick Selection tool ( available only in Photoshop CS3/CS4 ), but you can also use Magic Wand or polygonal lasso tool.

When done selecting, copy and paste the rose
image over the leaf-FR layer group. Adjust rose’s size and then place it down with the leaves.

Image Description

Rename layer 3 (rose’s layer) to rose. Bring up the Levels Dialogue (Ctrl+L), then adjust theinput levels value until rose’s color becomes more vibrant as shown below. If you’re not satisfied with the result, use the burn and dodge tools to bring out the shadowns and highlights in the Rose.

Image Description

Step 11: Adding a Blood Drip

For my piece, I’d like to add some flare to the Rose with a drop of blood falling from it. Open the blood image, select it using any selection tool you like. When done, copy-paste it over the rose’s layer.

Image Description

Rename layer 3 to blood. Now drag it down so it placed below rose’s layer. Adjust the blood’s size and then place it below the rose.

Image Description

Step 12: Expanding Canvas Size

By using Crop tool, make a rectangular selection like this one below. Then adjust the control point so it’s out of the canvas. Press Enter to finish this step (only effective within Photoshop CS above). The canvas should be expanded right now.

If you don’t have photoshop CS yet, expand canvas size from the Image > Canvas Size menu.

Image Description

Step 13: Shadow layer

Create a new layer above the violin layer. Name the new layer "shadow".

Image Description

Grab the Brush tool. Pick a soft round brush with 65px diameter size. Set the Mode to Normal and reduce Opacity to 25%. Start drawing shadows for the leaves (make sure you set the foreground color to black) using the Brush tool. See the example below.

Image Description

Step 14: Using Floral Brush

Create a new layer below the violin layer. Name the new layer to floral. Load the Suddendly Spring Brushes and make sure you set the brush Opacity back to 100%.

Image Description

Use these brushes to create some flower shape around the violin. Vary the brush size and shape until you get a nice result.

Image Description

Step 15: Alter the Floral Color

Create a new layer between the floral and violin layer. Name the new layer to floral color. Set foreground color to red and background color to black. Then use Filter> Render> Clouds to create a red and black cloud..

Image Description

To put the clouds inside the flowery shape( floral layer ), simply press Alt+Ctrl+G (make sure you still have the floral color layer selected). Now floral color has become a clipping mask, the clouds will now appear inside the floral shapes.

Image Description

Step 16: Adding Debris

Load the Debris Brush. Then Create a new layer above floral color layer (if the new layer becomes a clipping mask, simply press Alt+Ctrl+G to cancel it). Name the new layer, debris. Use the debris brushes to create some debris around the leaves and violin. For better result, vary the brush size and color so it matches the environment.

Image Description

Step 17: Coloring Background

Grab the Gradient tool. From the option bar, choose foreground to background color and make sure you activate the linear gradient button. Change the foreground color to #C4DF9C and background color to white. Select the background layer, then use Gradient tool to create the gradient (drag it vertically from bottom to top).

Image Description

Step 18: Adding Paper Texture

Load the Crushed Paper Brush. Pick pure pea green (#8dc63f) as the brush color.

Image Description

Show the Brush Pallette by pressing F5. Then open the Brush Tip Shape option. Adjust brush Diameter to 1400px and Change the Angle to 90. Use this brush to create the crushed paper texture (still on the background layer).

Image Description

Step 19: Adding Smoke

Load the Smoke and Ink Brushes. Pick white as the brush color. Now use it to draw some mystic smoke around the violin. If the smoke is too bright, undo your work and then try lowering the brush opacity before you draw the smoke again.

Image Description

Step 20: Adding Smoke

Load the Flower Tattoos Brushes. Pick some of this brush to create an ornament below the violin. For better result, vary the brush color. You may end up like this example below.

Image Description

Step 21: Adding Text

Almost done! I’m going to name my piece, and maybe you’ll choose to do the same. Using the Horizontal Type tool, add some text above the ornate markings created previously.

Image Description

And you’re done! Hope you enjoy the tutorial and learned something new here!

147 Comments

  1. Add point Subtract point

    this is really awesome
    thank you for sharing

    Flag as inappropriate
  2. Add point Subtract point
    Ursula (2 Points) January 12, 2011 at 8:40 pm

    Great tutorial and resources, Thank you!
    I enjoyed working with it.

    Flag as inappropriate
  3. Add point Subtract point

    Thanks!
    The brushes are awesome!

    Flag as inappropriate
  4. Add point Subtract point

    Wow! Have tried this with some of my own ideas… Great stuff and so easy to do once you know how.

    Keep posting more tutorials like these please! ;-)

    Flag as inappropriate
  5. Add point Subtract point

    One of the most thorough tutorials I’ve seen. Thank you for including all brushes with it.

    Flag as inappropriate
  6. Add point Subtract point
    Jorsalta (1 Point) August 18, 2010 at 2:23 pm

    Me encanta este tutorial, solo que necesito la foto de la rosa que ya no está disponible. Gracias.

    Flag as inappropriate
  7. Add point Subtract point
    Jamie (-1 Points) August 18, 2010 at 3:09 am

    I love this tutorial. Thank you. :)

    http://i35.tinypic.com/1zz5a4x.jpg
    That is my final result of the first one, though I plan to mess around with it more. And I am going to try to get one printed off for a book cover at school. This was a really nice, unique thing. Thanks again!

    Flag as inappropriate
  8. Add point Subtract point
    rizwan (0 Points) July 26, 2010 at 1:22 am

    Hi
    very great tutorial
    but plz tell me name of brushes thanks

    Flag as inappropriate
  9. Add point Subtract point
    Thiago (1 Point) July 22, 2010 at 6:13 pm

    I finished my version 3 minutes ago, but I exchange the violin for a guitar and I in love with it.

    Jayan thanx for the tutorial, I learned a lot of thing and I see a lot of details that i never paid attetion.

    Flag as inappropriate
  10. Add point Subtract point
    kevin (1 Point) July 16, 2010 at 9:21 am

    what version of photoshop is this

    Flag as inappropriate
  11. Add point Subtract point

    BUEN TRABAJO…..ESPERO Q SIGAS APORTANDO BUENOS TRABAJOS.

    Flag as inappropriate
  12. Add point Subtract point
    Elson (1 Point) July 10, 2010 at 9:26 am

    It’s very great idea and would be interesting for it!
    Thank a lots for make me know this idealy !!!

    Flag as inappropriate
  13. Add point Subtract point
    Nathan (1 Point) July 8, 2010 at 9:16 am

    Well done, I enjoyed do this, and added a bit of my own.

    http://tinypic.com/r/y185y/3

    Flag as inappropriate
  14. Add point Subtract point
    โหลดเพลง mp3 (1 Point) June 9, 2010 at 5:04 am

    very good! Thank you for tutorial.

    Flag as inappropriate
  15. Add point Subtract point
    photoshop cs5 tutorials (1 Point) June 1, 2010 at 1:54 pm

    very good! Thank you for tutorial.

    Flag as inappropriate
  16. Add point Subtract point
    firnx (1 Point) May 30, 2010 at 2:14 am

    Awesome, thanks a lot, I love it!

    Flag as inappropriate
  17. Add point Subtract point
    โหลดเพลงฟรี (1 Point) May 29, 2010 at 2:28 pm

    Thank you for tutorial.

    Flag as inappropriate
  18. Add point Subtract point
    jayakrishnan (1 Point) May 28, 2010 at 2:50 am

    super work…..
    its very difficult..bt nice 2 see……….
    thank u 4 sharing……….

    Flag as inappropriate
  19. Add point Subtract point
    jayakrishnan (1 Point) May 28, 2010 at 2:48 am

    Super work………
    its very difficult to create, bt nice to see………
    thank u 4 sharing……..

    Flag as inappropriate
  20. Add point Subtract point
    Kewlgirlie32 (1 Point) April 26, 2010 at 11:43 pm

    I love this! Thank you so much for making this tutorial!! Now I know how to use some of the tools on this program…..there’s so many!! =)

    Flag as inappropriate
  21. Add point Subtract point
    Lady PSD (1 Point) March 30, 2010 at 11:16 pm

    great tut.. you’re my favourite author, i love all of your books. tnx bro, i’m proud with u.. indonesian graphic designer

    Flag as inappropriate
  22. Add point Subtract point
    โหลดเพลง (1 Point) March 29, 2010 at 10:20 am

    Great tip, Thank you for share these!

    Flag as inappropriate
  23. Add point Subtract point

    Tut yang bagus bos, tp gambar cari yang free dong. ato stock photo punya km aja. abis imagesnya gak free. jadi susah praktekan tuts anda.

    Flag as inappropriate
  24. Add point Subtract point

    best tutorial I ever made!!! very good explanation and stunning :)

    Flag as inappropriate
  25. Add point Subtract point
    kingman (1 Point) March 4, 2010 at 2:12 am

    wow…superp one..u r great

    Flag as inappropriate
  26. Add point Subtract point

    thnkz…lot..itz nice vrk to lern

    Flag as inappropriate
  27. Add point Subtract point
    เพลงใหม่ล่าสุด (1 Point) February 2, 2010 at 11:40 pm

    great i never seen before.53

    Flag as inappropriate
  28. Add point Subtract point
    ฟังเพลงออนไลน์ (1 Point) February 1, 2010 at 2:42 am

    great i never seen before.41

    Flag as inappropriate
  29. Add point Subtract point
    โหลดเพลงmp3ฟรี (1 Point) January 30, 2010 at 10:53 am

    its very nice. Great post

    Flag as inappropriate
  30. Add point Subtract point
    anton jundi (1 Point) January 18, 2010 at 11:14 pm

    gooood,
    Dia raja desain dari palembang, indonesia

    Flag as inappropriate
  31. Add point Subtract point
    المسلم (1 Point) December 11, 2009 at 8:45 am

    You are really a professional designer …. And Thank God .. Ahmed Lord God, and the religion, but Khalk Slaam … What is type in the Google Alaslaaam?? You’ll find a lot about it .. Peace be upon you .. Subhaan God

    Flag as inappropriate
  32. Add point Subtract point

    i love it, that is my favorite instrument

    great work

    Flag as inappropriate
  33. Add point Subtract point
    evilkitty75 (1 Point) November 12, 2009 at 5:25 pm

    I love followin ur tuts there easy to copy thxxx

    Flag as inappropriate
  34. Add point Subtract point
    Biju Subhash (1 Point) November 3, 2009 at 11:17 am

    Great Tutorial
    Thank you for sharing… :D

    Flag as inappropriate
  35. Add point Subtract point

    so beeutufull modling i am happy your work and you very dangres man.

    Flag as inappropriate
  36. Add point Subtract point
    rodolfo (1 Point) October 8, 2009 at 5:43 pm

    otro gran tutorial de una buena composicion, en su ejecucion se aprende autilizar las diferentes herramientas muy didactico.

    Flag as inappropriate
  37. Add point Subtract point
    Gajanan andhale (1 Point) October 8, 2009 at 5:37 am

    Beatifull! great……!

    Flag as inappropriate
  38. Add point Subtract point

    Great job Jay. Awesome tutorial!

    Flag as inappropriate
  39. Add point Subtract point

    thanks a lot! had a good time learning it ^^

    Flag as inappropriate
  40. Add point Subtract point

    That’s very nice. Great tutorial.

    Flag as inappropriate
  41. Add point Subtract point

    Best tutorial ever seen.Very well explained.thanx for sharing.

    Flag as inappropriate
  42. Add point Subtract point
    Coji Lee (1 Point) August 14, 2009 at 12:03 am

    Thanks a lot~~ I really love it ,your tutorial is so well-orgnized and clear,and at the same time you offered the free material that is going to be used in the work~ I really appreciate your effort ~!!

    Flag as inappropriate
  43. Add point Subtract point
    koerniawan (1 Point) August 10, 2009 at 9:08 pm

    i’m very interested…it’s very beautifull

    Flag as inappropriate
  44. Add point Subtract point

    Beatifull!
    Congratulationz
    Nice tutorial

    Flag as inappropriate
  45. Add point Subtract point
    Article Directory (1 Point) August 4, 2009 at 1:03 pm

    Excellent website.. Nice approach

    Flag as inappropriate
  46. Add point Subtract point
    Luiz Alberto (1 Point) August 2, 2009 at 8:16 pm

    Very…very…good!!!!!

    Flag as inappropriate
  47. Add point Subtract point
    Xavier (1 Point) July 31, 2009 at 6:26 am

    Simple and beautiful, thanks for sharing.

    Flag as inappropriate
  48. Add point Subtract point
    djelyas (1 Point) July 20, 2009 at 8:56 am

    damn thank you alot ….tahts what i been looking for in like one year

    Flag as inappropriate
  49. Add point Subtract point
    Andre (1 Point) July 14, 2009 at 2:10 pm

    keren! You make us proud dude

    Flag as inappropriate
  50. Add point Subtract point
    nodisturb (1 Point) July 10, 2009 at 10:12 am

    really nice piece of art great effort
    thanx for you time
    peace

    Flag as inappropriate
  51. Add point Subtract point
    vico (1 Point) July 9, 2009 at 8:34 pm

    its a nice tutorial, thanks.

    Flag as inappropriate
  52. Add point Subtract point
    James (1 Point) July 8, 2009 at 5:04 pm

    great piece. I just wanna know the name of the font used in the header example of this tutorial. Does anyone know which font that is?

    Flag as inappropriate
  53. Add point Subtract point
    Manuela (1 Point) July 6, 2009 at 5:30 am

    Very very nice work, I love the design.
    How can you have such fantasy?
    Thank you very much.

    Flag as inappropriate
  54. Add point Subtract point
    Brandon (1 Point) July 4, 2009 at 5:00 am

    Great tutorial! And some very interesting techniques for achieving various effects!

    Flag as inappropriate
  55. Add point Subtract point
    Lupu Andrew Paul (1 Point) July 4, 2009 at 3:11 am

    Very cool the tutorial, thx :)

    Flag as inappropriate
  56. Add point Subtract point
    Christina (1 Point) July 2, 2009 at 2:54 am

    This tutorial looks awesome. I will try it out tomorrow and let you know how it goes :)

    Flag as inappropriate
  57. Add point Subtract point
    Richtofein Kroeger (1 Point) July 1, 2009 at 8:28 am

    Muchos gracias amigo!!!
    Damn I had been ignorant about these brushes till now!
    Awesome design n tip man!

    Flag as inappropriate
  58. Add point Subtract point
    Eric Shafer (1 Point) June 29, 2009 at 2:28 pm

    I don’t really like the text, but the overall design and composition is great!

    Featured here: http://www.presidiacreative.com/best-of-the-web-27/

    Flag as inappropriate
  59. Add point Subtract point
    Dead Man (1 Point) June 29, 2009 at 2:16 pm

    Cool job bro…tnx a lot..

    Flag as inappropriate
  60. Add point Subtract point
    Shaii (1 Point) June 27, 2009 at 5:05 am

    Great tutorial. Instructions are easy to follow and the outcome was awesome. Thankyou!

    Flag as inappropriate
  61. Add point Subtract point
    maike (1 Point) June 26, 2009 at 3:53 pm

    hey…its a great tut but i do have a question…i’m asking myself whether the suddenly brushes and so on is just for photoshop cs2 or something like that? because i couldnt replace the brushes because it wasnt comptible…i would be relly hapyy if you’ll help me

    Flag as inappropriate
  62. Add point Subtract point
    Cyrus (1 Point) June 26, 2009 at 6:05 am

    Awesome tut , keep it up :D .. <3 Tut9.net

    Flag as inappropriate
  63. Add point Subtract point
    Aneslin (1 Point) June 25, 2009 at 11:40 pm

    awesome tutorial bro
    gonna try it now :)

    Flag as inappropriate
  64. Add point Subtract point

    Beautiful tutorial!

    The result is stunning and I love the way it is explained. Great job!

    Flag as inappropriate
  65. Add point Subtract point
    William (1 Point) June 24, 2009 at 12:37 am

    wow great tutorial.
    the final result looks cool.

    Flag as inappropriate
  66. Add point Subtract point

    thanks everyone! as for the text, i do agree it doesn’t fit the theme :) next time will be better…

    Flag as inappropriate
  67. Add point Subtract point
    Idowebdesign (1 Point) June 23, 2009 at 6:04 pm

    This is amazing, I will give it a try !

    Flag as inappropriate
  68. Add point Subtract point
    David (1 Point) June 23, 2009 at 3:59 pm

    Great tut. Easy to follow and do.

    Would be nice to have a bloody font or make the text look like it’s dripping blood :P

    Flag as inappropriate
  69. Add point Subtract point
    Jad Graphics (1 Point) June 23, 2009 at 12:26 pm

    WOW! Neat tutorial!

    Flag as inappropriate
  70. Add point Subtract point
    Todd Pitts (1 Point) June 23, 2009 at 9:09 am

    Wow, very cool Jayan! Some orchestra member needs to get this tattooed on their back, seriously.

    Flag as inappropriate
  71. Add point Subtract point
    Fatin Pauzi (1 Point) June 23, 2009 at 8:46 am

    I’ve done the tutorial. Thanks a lot!
    I’m noob about using psd, but I’ve learn slowly from your website. Thanks a lot!

    Flag as inappropriate
  72. Add point Subtract point
    g3niuz (1 Point) June 23, 2009 at 7:36 am

    Yes,
    the Result is really nice…

    great Techniques, too – good Tutorial

    Greets
    from Germany

    Flag as inappropriate
  73. Add point Subtract point

    Awesome tutorial, and beautiful end result!! Lots of techniques learned here – thanks!!

    Flag as inappropriate
  74. Add point Subtract point
    Mishka (1 Point) June 22, 2009 at 4:09 pm

    Fantastic tut!!! impressing result

    Flag as inappropriate
  75. Add point Subtract point
    gNcWebmaster (1 Point) June 22, 2009 at 3:22 pm

    Really Good work.. tHanks

    Flag as inappropriate
  76. Add point Subtract point
    Grafpedia (1 Point) June 22, 2009 at 2:02 pm

    Excellent tutorial. Keep up the good work

    Flag as inappropriate
  77. Add point Subtract point
    [unknown] (1 Point) June 22, 2009 at 11:09 am

    great tutorial, thanks. reminds me of some of apocalyptica album artwork.

    Flag as inappropriate
  78. Add point Subtract point
    om ipit (1 Point) June 22, 2009 at 11:06 am

    good work
    im from Indonesia too :-)

    Flag as inappropriate
  79. Add point Subtract point
    Michael (1 Point) June 22, 2009 at 10:37 am

    the text on the end is a failure :/ whole pict is v.nice but that font :/

    Flag as inappropriate
  80. Add point Subtract point
    Vasili (1 Point) June 22, 2009 at 8:55 am

    I really like the final product, but I don’t like the way that the text just looks slapped on there. A swirly font would fit so much more.

    Flag as inappropriate
  81. Add point Subtract point
    harry (1 Point) June 22, 2009 at 6:31 am

    keren mass…
    sharing lagi ya tutorialnya
    two thumbs up

    Flag as inappropriate
  82. Add point Subtract point
    Travis (1 Point) June 22, 2009 at 6:05 am

    That came out extremely well, thanks for the inspirational piece.

    Flag as inappropriate
  83. Add point Subtract point
    Elinix (1 Point) June 22, 2009 at 2:24 am

    awesome, the out come is incredible

    Flag as inappropriate