Top Navigation

Splashy Leaf Wallpaper In Photoshop

August 10, 2008 from Daan's blog

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

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 articles about:

Comments and Reactions

Featured Tutorial

Crazy Cool Vectors in Illustrator and Photoshop
Crazy Cool Vectors in Illustrator and Photoshop
In this tutorial I will show you how to create a very nice image inspired by the amazing work of Andy Gilmore. If you don't know who he is, I highly recommend you to check his work out. He creates images combining vectors and blend modes to create astonishing designs, and that is what we are going to do. We will use Illustrator and Photoshop in this tutorial. Step 1

Try this Wallpaper

Wallpaper of the Week #138 by Adam Spizak
Wallpaper of the Week #138 by Adam Spizak
The wallpaper of this week is a design created by Adam Spizak called Fading, inspired by surreal master Dali and some interesting tutorial for you guys to try use the same technique. For more information about Adam Spizak visit his web site at http://www.artisnavi.com/ Desktop Version

Book Suggestion

Book Suggestion - 50 Psychology Classics: Who We Are, How We Think, What We Do
Book Suggestion - 50 Psychology Classics: Who We Are, How We Think, What We Do
The book suggestion of this week is really interesting especially for us designers that have to reach audiences with our work by trying to understand their needs. The book is called 50 Psychology Classics: Who We Are, How We Think, What We Do; Insight and Inspiration from 50 Key Books.