Splashy Leaf Wallpaper In PhotoshopListThumbs

Splashy Leaf Wallpaper In Photoshop

August 10, 2008

Today I'm going to show you how to make a nice looking wallpaper in Photoshop. It includes how to make very nice looking leaves, waterdrops and subtle background effects. Enjoy!

Step 1: The Beginning

First open a new document of your screen size, I used my own resolution, which is 1440x900 pixels.

When you've did that, choose 2 nice blue colours, the I used #0090ff as foreground and #003ebd as background colour.

Then draw a radial gradient from the left top to the left bottom, so you should end up with something like this:

Step 1

Step 2: Background 2

When you've completed the previous step, you can create a new layer, named 'Background 2'.

Then get a lightblue brush(I used #b4ecff) with a size of 200 pixels, then adjust some brush settings:

Step 2

With these settings you can start to draw some subtle strokes on your Background 2 layer, to end up with a result looking like this:

Step 2.2

Step 3: The Leaves

Now we're done making the Background, we can start on making the main thing, the leaves.

You might think it's very hard, but the only thing you need is a good knowledge of the Pen Tool.

So get the Pen Tool (P) out, create a new layer called Leave and start drawing a shape of a leave.

When you've done that, right click and press 'Fill Path':

Step 3

After that, right click again and press 'Make Selection'.

When you've made a leave, and kept the selection, create a new layer called 'Darker Sides'.

Get the Pen Tool again, and draw a rough path around the leave you already made:

Step 3.2

Then get a very soft brush with a size so it can easily reach the sides of the leave and the colour #328e00, after that, you right click, and press stroke path with a brush, without the Simulate Pressure box selected.

Step 3.3

Step 4: The Veins

The vein are as easy as the leave itself, so get started by creating a new layer called 'Vein 1' and picking the Pen Tool (P) again, and drawing a vein through the middle and Fill the Path with colour #a2ff00.

After that, blur it a little bit:

Step 4

After you've done that, you can create a new layer called 'Vein 2'.

In that layer, with the Pen Tool, draw a new path again, and make a selection by right clicking, and press 'Make Selection.

Then load an intersected selection, by pressing Ctrl+Shift+Alt at the leave layer, so the selection is your path, but only inside the layer.

Then get a Foreground Color To Transparent gradient, with as #a2ff00 as Foreground color.

Step 4.2

The Other Veins

For the other veins you can repeat the previous step, with the gradient, so you end up with a result looking like this:

Step 4.3

Step 5: Replacement

When you're done making the leave, you can group the layers, you can easily duplicate them later.

After that, Press Ctrl+T, to free Transform the group, and turn it around a bit. Then duplicate the group and do the same.

After that I ended up with this:

Step 5

You can ofcourse place them differently.

Step 6: Water Drops

Now we're done with the major things of our wallpaper, we can get focussed on the details. One of these is to add some splash to our wallpaper by get some drops of water on the leave.

We start with a new layer named 'Drops' and some small, black circled brushes placed all over our leaves:

Step 5

Then open the Blending Options of the Drops Layer, and choose these settings:

Step 5.2

Our drops should now look like little black drops, if that's the fact, you reduce 'Fill' to 0%, and POOF! Our black drops turned to water drops!

Conclusion

The Final Result can be found here

The PSD can be found here.

I hope you enjoyed the tutorial and learnt from it ;)

Cheers!


Edit: This tutorial got featured on PSDTuts (along with many other Abduzeedo tutorials)

About the author

User picture

Hey There! I´m Daan Weijers, I come from Eindhoven, The Netherlands.
I enjoy design and drawing very much, also, I play guitar, play soccer and hang out with friends.
Please don't be mad if you miss my posts, but it's mainly due to a personal project, called iPaperr

Sponsored Links:

More content from:

Help us to share this!

19 Comments

Anonymous08/10/2008

Nice Use of the Pen tool!

Anonymous08/10/2008

The PSD seems to be broken :(

K3v08/10/2008

Nice 'n' easy! Good one Daan! :)

pickupjojo08/11/2008

Very nice tuto, thanks for sharing. :)

Mal08/16/2008

LOL, cute nice stuff!

Qvectors08/23/2008

Nice and simple to follow tutorial. thanks

Wyath08/29/2008

well..(this is my first post here, in abduzeedo xD)i decided to use this tutorial to do a gift to a friend, my version:
http://i34.tinypic.com/ejv7yf.jpg
xaoo

Nathaniel08/29/2008

Great tutorial, keep them coming =D

Mememe09/02/2008

Nice tutorial Dann. :)

haris09/06/2008

wow !!! .. very Nice 'n' easy! Good one,thanks for sharing ! :)

Closeupman09/18/2008

Love the trick in creating water drops....so easy...why didn't I think of that!!!

.kishore blog09/23/2008

Very Bright colors. You chosen good color combinations.

http://www.kishoreblog.com

RobbGFX10/07/2008

Great tutorial. And nice outcome. I know pen-tool. But the way you meade the drops really helped me out. ;)

Anonymous10/08/2008

whatups Dan! like your tutorial, and you ipaperr site

m.saleh10/22/2008

Hi ,this my version

http://up.x333x.com/uploads/654b18b418.jpg

c . u

Daan10/25/2008

Hey there guys and gals!

I'm glad you all like this tutorial :)
Did you know it got featured 3 times on the PSDtuts blog already?

:D

Blueworld11/20/2008

The Tutorial is cool......
i'm a graphic artist from Nigeria and i'll like to improve in my designs, how can you help me?

Fad'Oz11/20/2008

very very very nice... i'm an designer from ivory coast hope to correspond whith other designer to improve our knowledge...

contact me please, this is my email adress: fadose2002@hotmail.com

h.ayar02/25/2009

l liked this tutorial , thanks a lot :)))

Post new comment

The content of this field is kept private and will not be shown publicly.

Icon Ads Wall

  • Openjobs - Oportunidades de Emprego para Profissionais de Talento
  • Zee - Irrezeestível Design Digital
  • Tradd.us - Contextual Translator
  • DesignFlavr, Inspirational Art and Design served daily
  • Signalnoise.com | The art of James White
  • Alberto Seveso - Illustrator
  • Description: Award Winning Portfolio and blog of Web Developer Anthony Woods

Do you want to advertise here?