Sign in Translate Vladstudio English

Photoshop tutorials 

Diving - making of

First step is  to create blurred grass in the background. Set foreground color to dark green, background color to black. Then switch to gradient tool (G), make sure that current gradient is green-to-black, select Radial gradient (on top bar), then draw a big gradient from center to the edge of image.

1

I found a stock photo of grass and decided it will be good for background. Paste the image into your file...

2

... then resize it  to fill entire image, desaturate (Ctrl-Shit-U) and apply Gaussian Blur (found in Filters menu - Blur) with large setting (50-100 pixels).

3

Set this layer opacity mode to Overlay.

4

Now let's create some black leaves in the background. It  is very easy - set foreground color to black, then use Pen tool (P) to create some simple shape of  a leaf.

5

Create some more leaves, then set their oapcity mode to soft Light and opacity to 30-40%. They are only for background and should be barely visible.

6

Now we need the main leaf, where the story will happen. Set foreground color to vivid green, then in the new layer, use Pen tool to make the shape of the leaf (I wanted it  to twirl a bit).

7

Here is how the completed shape layer looks.

8

Apply a bit of layer effects:
- Inner glow (white, opacity = overlay 50%)
- Drop shadow (black, overlay 20-30%)

9

Duplicate the layer, send it backward the layers palette (behind the original green layer), change its color to darker green (almost black), and move the shape itself a bit down - it will give leaf some depth.

10

Select green layer with leaf again, then make new layer above it, and Create Clipping Mask (from Layer menu, or Ctrl-Shift-G). Use large soft Brush tool (B) with white (and then black) colors to add highlights and shadows to the leaf.

11

Set this layer opacity to Overlay, 30-40%

12

Then create another new layer, fill it with grey, and apply a lot of Noise (Filters menu).

13

Create Clipping Mask for this layer too (Ctrl-Shift-G), so that this layer is also masked by leaf shape. Then, find Smudge tool (hit Shift-R until you see the finger icon), open Brush settings dropdown, select 4th brush from the end of default brushes set, set Strengh to about 50%.

14

with short mouse movements, smugde the noise in the direction of leaf growth.

15

Do not stop until all noise is smudged :-)

16

Finally, set this layer opacity to Overlay 40-50%

17

In new layer, set color to gray and with Pen tool, make a shape that overlays the bottom part of leaf.

18

Create Clipping Mask for this layer too (Ctrl-Shift-G or Layer menu), set opacity mode to Overlay, then open layer effects and add some Inner Glow effect (black, opacity mode = soft light, size = 40-60px)

19

Using the same technique, create more leaves!

20

Now we need some threads that spiders will hang on. In new layer, use small (1-2 px) hard white brush and draw several threads.

21

Set layer opacity mode to Overlay, then open layer effects and add Pattern overlay (blend mode = overlay, opacity around 50%, use any pattern that looks noisy).

22

Now it  is time for a spider. It  is very easy too: with Shape tool (U), make a green circle (hold Shift to make circle, not ellipse).

23

Apply the following layer effects:
- Drop shadow (blend mode = overlay, black, 1-2px)
- Inner Glow (white, overlay, 1-2px)
- Gradient overlay (white-to-black, blend mode = overlay, opacity 30-40%)

24

That was a head. Create another bigger circle, apply the same layer effects: this is  a body.

25

Add 2 small white circles, open layer effects and add Gradient overlay (white-to-black, blend mode = normal, opacity = 20-30%)

26

...and yes, 2 smaller black circles inside!

27

In another layer, use Line tool (U) and add some legs

28

Hmm, I thought that legs look better with some lighter circles in the endings.

29

Ta-da! Spider is ready.

30

Now that you know how to make a spider, why not add some more?

31

The most interesting part is  a water drop. In new layer, with grey color, create a circle (use Ellipse tool, U, and hold Shift while making a shape). then switch to Direct Selection tool (A or Shift-A), and click on the bottom point of circle. use keyboard (Up arrow) to move it  up a bit.

32

Change layer blend mode to Overlay, open Layer effects and add:
- drop shadow (black, multiply, 40-50%, 1px)
- bevel and emboss (both highlight and shadow are white, overlay, highlight opacity: 10%, shadow opacity: 60-70%, size = 0px)

33

now, hide this layer (but keep it selected), then open Paths palette, right-click on the path and in the menu click Make selection...

34

Create new layer, send it backward the layers palette, then create merged copy of the selected area (Ctrl-Shift-C then Ctrl-V). Apply some Gaussian Blur to  it (Filters menu - Blur), 2-3 pixels.

35

Create another new layer, send it backward the layers palette (behind the merged copy), then use soft black brush (B) and make a spot. Transform it (Ctrl-T) to stretch it horizontally.

36

It will be the shadow from water drop.

37

Make original water drop shape layer visible again, then create new layer above it, and draw a grey circle like shown here: bigger and aligned to bottom of water drop.

38

Here goes the interesting trick: set layer blend mode to Overlay, then open layer effects and add Gradient overlay. Set gradient blend mode to overlay too, opacity to about 70%, style = radial, reverse. But we will need to modify the gradient itself, and here is how...

39

click inside gradient - Gradient Editor will open. Choose black-to-white gradient (3rd in default set), then find the black slider on bottom-left of gradient, grad it  a bit to the right, then click on empty space where black slider just was: new slider will appear. Change its color to grey.

40

Apply this gradient, then Create Clipping Mask with previous layer (Ctrl-Shift-G). Boom! :-)

41

Add another highlight: in new layer, with white soft brush (B), add a dot, then transform it (Ctrl-T) as shown here,...

42

then set its blend mode to... you guessed it, Overlay!, opacity to 30-40%, and again, Ctrl-Shift-G (Create clipping mask)

43

Add another highlight...

44

...set blend mode to overlay...

45

then let's make another nice reflection. Create new document (square, about 200x200 px), with transparent background, switch to Shape tool (U), choose Polygon, set sides=4, then open Options, check Star, and set Indent sizes to about 85%. With these options, add a star near top-left edge of image.

46

Rasterize the layer (Layer menu - Rasterize - Shape), then go  to Filters - Distort - Spherize - apply about 50-60% effect. Repeat if needed.

47

Now copy-paste the star, transform it  as needed (scale down and rotate), then set its blend mode to overlay.

48

Another nice highlight: return to the original shape layer with water drop, duplicate it (Ctrl-J), bring copied layer forward in layers palette (make sure that all clipped layers remain clipped). Then change its color to white and scale down a bit (Ctrl-T).

49

Using Path Selection tool (A), select the path, duplicate it (Ctl-C, Ctrl-V), move new path a bit to top-right, scale up (Ctrl-T) and click Substract button (2nd fo the 4 buttons on top bar)

50

Then, as always, set blend mode to Overlay, and opacity to 40-60%. The water drop is ready!

51

Make as many water drops and you like!

52

The very last touch is  to make reflection of falling spider in the water drop. Make all layers invisible, except the layers belonging to falling spider. Select bottom half of it, copy merged (Ctrl-Shift-C).

53

Create new document (square), paste (Ctrl-V) and Flip Vertically (from Edit menu - Transform)

54

Go to Filters menu - Distort - Spherize, and apply the filter. Adjust % to your liking (60-70 may be enough).

55

Switch to Eraser (E), select large soft brush, and remove bottom part of image.

56

Now, select all (Ctrl-A), copy (Ctrl-C), close document, paste into our artwork document, and set blend mode to Overlay!

57

That's all!
You can view original wallpaper here:

Also, registered users can download Adobe Photoshop PSD file here: (for educational purposes only)

Thanks! I hope you found it useful.

58

← Rainbows - making of Fire Dragon - making of →

Comments {94}

Alexandra 15 February 2008
Unbelievable! Thank you so much Vlad for adding these new tutorials...

mammut 16 February 2008
Altough I had no nerves working it out until the end - I mean I have no spiders :), you totally got me with this one! I definitely have to buy me some membership. I have been watching your work for a really long time and I have to admit, you have been a lot of inspiration to me since the first time. Keep up.

Kareem Khazem 18 February 2008
Great techniques on these two new wallpapers (this one and the rainbow). I like this one especially, very funny idea! Good work.

cris 21 February 2008
Simply great! Thanks for sharing all this with us. Love having found your site.

Amanda, Cape Town 23 February 2008
Diving is fabulously heartwarming and smile inducing. I absolutely adore it.

堇色 25 February 2008
好像没有中文留言嘛,我给踩一个

jenny 26 February 2008
wow!!!! beautiful ;D and its all shapes and overlays and gradients... and a bit of flair! Keep up the amazing work Vlad... and I can see I'm not the only one in awe of what you have created!!! Totally beautiful stuff ;D

Vinit Kulkarni 27 February 2008
Excellent .. .. and thank you very much for sharing it with us. . .

Creative Media 1 March 2008
WTF! That is such a very nice tutorial, keep it up guys

中文之声(独行侠) 1 March 2008
今天发现了vladstudio.com有了中文版,我十惊喜,正如S.H.E的歌"中国话"一样,中国话一定能走遍天下。

d3signer 8 March 2008
can appricate his work by words. he is above it

Serkan Onat 12 March 2008
Excellent

sabdeep 15 March 2008
Excellent .. .. and thank you very much for sharing it with us. . .

SALVA 4 April 2008
AWESOME!

hrish 7 April 2008
wow really good awesome!

Vlad Gerasimov 15 April 2008
Marizaan - thanks a lot :-):-):-)

ra 18 April 2008
this is awesome

Rustem 18 April 2008
Create new layer, send it backward the layers palette, then create merged copy of the selected area (Ctrl-Shift-C then Ctrl-V). Apply some Gaussian Blur to it (Filters menu - Blur), 2-3 pixels. - Вот этот момент непонятен. Пустой новый слой сливать с чем?

Sathish 12 May 2008
Amazing tutorial....... Thanks for sharing :)

Carlos Murillo V. 13 May 2008
Love it, thnx!

Cleybert 20 May 2008
Everything is OK! but spiders have eight legs...

haha 3 June 2008
太牛了,神人呀

muslim 12 June 2008
thank you very very much

D.L.Chocolate 1 July 2008
Great....Thanks Xo Much...this site is the BEST

Elenux 10 July 2008
¡Maravillosa la idea! gracias de nuevo por dar tips

Carlo 14 July 2008
Amazing! I love your work!

Jeremy Roach 2 August 2008
Is there any way I can download the photoshop file to see how you've done things or maybe edit colours or the likes. You're the best Vlad!

Vlad Gerasimov 2 August 2008
Jeremy Roach: yes, registered users can download Diving PSD files from http://www.vladstudio.com/downloads/?psd

Coşkun 21 August 2008
Enteresaaan Ayrıca cok ince ayrıntılar var :)

IRAQI 5 October 2008
WOW Fantastic tutorial Thanks4u

kele 13 October 2008
nice tutorial...i really like the spider reflection :D

Vishwas 3 November 2008
You rock :D

Clau 24 November 2008
I love it!!!

Efča 4 January 2009
This tutorial help me very much, thanks!

Ricky Asturias 25 January 2009
Your work is amazing, many thanks for the tutorials, i'm your fan!

Cat 17 February 2009
Suuuuuperrrr!!!!!!!!!!

JosephManick,TamilNadu,India 10 March 2009
Amazing Vlad,you have strong artistic eye,and the stunning ability to use technology,i never thought photoshop will be used like this, (i happen to know about you through apple's website)

KenG 12 June 2009
Thank you

MANSOUR FADUL BAKHIET 4 September 2009
real work...

hi 8 September 2009
yes, u proved urself. And many thanks to u .

eeeeeeerrrrrrr 21 November 2009
very interesting!!i love it

Laura 16 December 2009
This is amazing. I love all your wallpapers and it's just great to see how you've created them. I never thought anyone could do this with photoshop. I'm just a beginner and this spidertutorial makes me believe I can design my very own spiderwallpaper. Though your spiders still are way prettier. My compliments!

24 March 2010
nice....

ashoka 9 June 2010
verry nice. It' Easy 2 learn

17 August 2010
THANKS

24 October 2010
very fentastic your job.

15 May 2011
:O amazing but a little hard

Avril 17 October 2011
ooh

19 February 2012
I got completely stuck on the water droplet, I couldn't do the following step: now, hide this layer (but keep it selected), then open Paths palette, right-click on the path and in the menu click Make selection... because there was no path, and when I selected path then the water droplet wouldn't fill with grey so I was in an endless circle that would not end

Leonardo 15 February 2008
I really mean it when I say your design is very very good, the textures and the details in all those images are amazing, and the ideas and concepts are so simple but meaningful, great work!

PJ 16 February 2008
Thanks for this one. I learned so much going through this. You're a very talented and generous guy!

bio 16 February 2008
spiders do have 8 legs ^^ cute work none the less :)

Alizar 19 February 2008
Amazing. I'm just starting out on photoshop, and your work has been an inspiration to me for years. This is a great wallpaper, very creative, and simply fun to look at.

Hector Adrian 22 February 2008
I love so much your work !!!!! Unbelievable!

Skinhit 25 February 2008
this is such a fantastic tutorial Vlad, Thank you

Rémi 26 February 2008
Tank you very much for you explanations. Great work ! Merci beaucoup pour vos explications. Beau travail !

w 27 February 2008
truly inspirational. gr8 work

Gareth 28 February 2008
Hello, I am having trouble making the water drops. are you able to make available the .psd file for us? if you are that would be great. Thank-you

kilos04 3 March 2008
u r not only brilliant but also quite generous..

shital jethva 5 March 2008
just amazing... it will help me a lot in my photo shop project thanks

Hediky 16 March 2008
Bravaxo

Shoa 2 April 2008
This is simply amazing. The entire website is fantastic!! and above all your generous. Thank You.

Marizaan 15 April 2008
Dear Vlad, I think your work is one of the most beutifull I have seen. I do paintings myself and I see a lot of detail in your work that I can't do with a paintbrush. It is truly inspiring. I would like to go to your sit and learn more of photoshop and how to market one's work. I just have to find the time. But thanks again for the work. I am sending e-cards like crazy and telling everyone of the site.

Guns & Roses 20 April 2008
very tallented amazing work keep it up

Scrappy Smile 21 April 2008
I'm signing Guns & Roses: your work is so amazing!!! Thank you so much for sharing your talent!

visay 17 May 2008
This is art work, Great tutorial.

Sylvia 25 May 2008
I love your spiders...are loveable...amazing Tutorial!...thanks again or share your talent an time.

Me 9 June 2008
I love all your work :) I'm working with Photoshop for 'bout an half year, and i found your site today, I looked at your tutorials and i love you :)

JORGE 9 July 2008
DIOS que tutorial TAN VACANOOOOOOOOOOOOOOOOOOOOOOOOO. Muy creativo

Lotty 20 July 2008
OH MY GOD!! SOOOO CUTE!!! great work really! :)

Antti 23 July 2008
There is so many more than positive comments to your work that I thought I would not mind adding mine. I mean, your work is absolutely awesome! And these tutorials are fantastic. I thank you for seeing all the effort to make these.

helen 6 August 2008
just above the third picture it says ctrl-SHIT-u. haha. great tutorial though.

expressions 20 September 2008
thanx for sharing

Onur 27 September 2008
The best i have ever seen ! thank you very much

EAMejia 24 October 2008
Amazing tut! thanks for share

dadadoll 24 October 2008
good!

al3ber 16 November 2008
waaaaaaaaaw keep it is up so great work ^^ like it

Bianca 16 January 2009
Wow! que padre.. he aprendido mucho de este tutorial! amazing!

Jeremy 3 February 2009
Thanks for the tutorial! Keep up the good work! "Ctrl-SHIT-U" Haha! =]

nitin...kashyap 10 April 2009
nice...mmmmm...!!!!!

[X]'m 1 May 2009
Awesome!!!

zenbaby 25 May 2009
love this, love this, love this!!!

Very inspiring 19 July 2009
Thank you, I love the reflection in the water droplet. Nice attention to details.

DarkKira 5 November 2009
Soo Cool thx

请不要留言而是通过这里联系我 18 November 2009
请不要留言而是通过这里联系我

17 December 2009
excellant

Raja 22 February 2010
Are you real ? I can believe ive seen a genius with my own eyes.. four thumbs up for you !!

سكي ايلاكس 25 February 2010
انت فعلا فنان و تستحق كل التقدير و الاحترام

24 April 2010
voce e genial. Obrigada Deus, por ter colocado no mundo uma criatura como você.

Saulo 15 February 2011
My gosh *-*. One word... perfect '-'

wauuuuuuuuuuuuuuuuuuu kerennnnnnnnnnn 9 June 2011
he...............he..............

31 July 2011
beautiful

midnightman 14 January 2013
Прекрасная работа!Жаль,что не делаете подобные уроки на русском языке... Ещё одно маленькое замечание-у всех паучков по 8 лапок, а у ваших только по 6.

Loli 1 May 2013
muy buena tecnica, esta excelente

Show all comments

Add comment

1 2 3 4 5 6