Přihlásit Česky

Návody pro Photoshop 

Rainbows - making of

Hello! In this tutorial, I will show how I created the Rainbows wallpaper. First, create dark sky in the background. For that, set forecolor to dark blue and back color to black, switch to Gradient tool (G), change gradient type to Radial, and create gradient from bottom to top of document.

To add some highlight, create new layer, and use large soft white brush to add a spot. Then, transform it (Ctrl-T) - stretch it horizontally.

Change layer blend mode to Overlay.

Next step is  to create a cloud. Change forecolor to light blue, switch to Shape tool (U), select Ellipse, switch to 'Add to shape area' mode (2nd button in top row, so that all shapes you create are in single layer). Then, holding Shift, add several circles, overlapping each other a bit.

Add the following layer effects: - drop shadow (black, mode = overlay, opacity 30-40%, distance 3-4px, size 10-15px) - inner glow (white, overlay, size = 5-6px) - gradient overlay (black-to-white, mode = overlay, opacity 75%, angle 90) - bevel and emboss (size 30px, soften 5px, highlight white 75% screen, shadow multiply 40% blue) - satin (black, mode = overlay, distance 6px, size 14px, try different contours) Our cloud is ready!

Add another small cloud in front of bigger cloud. When you add layer effects to smaller cloud, decrease all sizes and percents accordingly.

And then, more and more clouds!

Next, we need a rainbow. We will make rainbow with shapes, each color in one shape layer. Create new layer (behind layers with clouds). Set forecolor to red, select ellipse shape tool (U) and make a red circle (as always, holding Shift to preserve proportion)

with Path selection tool (A), select the circle you just made, copy-paste it (Ctrl-C, Ctrl-V), scale down a bit (hit Ctrl-T and resize with your mouse holding Shift). Then change path mode to Substract.

Switch to Pen tool (P), change mode to Substract, then carefully add a shape that hides unnecessary part of circle.

I wanted that the rainbow is cut 2-3 pixels before it connects to cloud. It  is very easy to do: select layer with cloud, switch to Path selection tool (A), select the circle that touches the rainbow, copy it (Ctrl-C).

Then go back to the layer with rainbow, click a rainbow path to select it, paste (Ctrl-V), scale up  a bit (Ctrl-T, then resize with the mouse holding Shift), and finally, change path mode to Substract.

Now that one color is ready, repeat these steps to create another color.

And another and another, until the rainbow is ready.

Now you know how to create rainbows - why not add some more?

Here goes the trick. I wanted one of  my rainbows to 'dissolve' into separate lines, each color flying in separate direction. Here is how to  do it: for each layer with color, select the shape with path selection (A) tool, then switch to Pen (P) or Rectangle (U) (does not really matter), change shape mode to Substract, and add a shape that hides part of the circle. Repeat with each color of rainbow - it will look nicer if lines are cut in different locations.

Now we need to add 'flying' lines of colors. We could do that with Pen tool only, but unfortunately Photoshop does not have curved lines with fixed width, or path offset (as Illustrator). And I wanted the lines to have fixed stroke width. So  we will have to add paths and then transform them into pixels. So, open Paths palette (from Windows menu), switch to Pen tool, then on bottom of paths palette, click New button. New path will appear (called Path 1).

Start your path by clicking exactly the middle of where red line is cut, and dragging (and releasing) the mouse continuing red line direction.

Continue your path until it  is outside document boundaries.

Switch to brush tool (B), set forecolor to the same red color as the raibow red, then carefully choose brush size that matches size of rainbow line (in my case, 3px). Then, hit Stroke button on bottom of Paths palette (2nd in the row). You can click Stroke button several times to make line wider. If line does not match, undo and change brush size. You should be careful and patient doing that :-)

Next step is  to blur edge of line, to add some depth to our artwork. Turn on Quick Mask (Q), then switch to Gradient tool (G), select black-to-white gradient, and apply gradient as shown here.

Turn off quick mask (hit Q again): you should see the selection similar to this.

Go to Filters menu - Blur - Gaussian blur, and apply 3-5 pixels blur. You can also try Lens blur - it may look better (or not) but take much more time to apply.

Now the red line is completed! Repeat the same steps for each color.

Next step: in new layer, add some very small spots with white hard small brush (add some 1px dots, then 2px and 3px)

Next step: stars. I thought that it  it would be more romantic if the stars glow with horizontal and vertical rays. To  do such star, switch to Shape tool (U), choose Polygon, set sides = 4, then open Options dropdown window, check Star, and set Indent sizes to 90-97%

Add a shape (hold Shift to preserve proportions), then transform (Ctrl-T) to squeeze horizontally a little bit.

Set shape layer blend mode to Overlay, then in new layer, add a dot with white soft brush....

... then set its blend mode to Overlay too!

Add more stars in similar way.

Next step: a fairy! A fairy consists of several shape layers, with layer effects applied to each layer. Here is the shape of the body (made with Pen tool).

Add layer effects: - inner glow (white, overlay 30-40%) - Gradient overlay (black-to-white, radial, overlay 30-40%)

Next layer: arms. (made with Pen tool too)

Next layer: head (made with Ellipse tool (U) and then another shape in Substract mode, made with Pen). Add the same layer effects as  to body layer.

Next layer: hair (behind head layer). Add the same layer effects, but change gradient type to Linear.

Next layer: eyes. Made with Pen tool. Change blend mode to Multiply, no layer effects.

← Vintage effect - PSD template file included! Diving - making of →

Komentáře {113}

Berry 15 Únor 2008
It is great! Thank you so ~much!

Henrique 21 Únor 2008
Wow! Amazing art! Congratulations

Kale 22 Únor 2008
Thanks for sharing this... the clounds turned out great.

Vinit Kulkarni 27 Únor 2008
Thankyou very much for sharing this with us ! Can you tell more links for photoshop tutorials ?

tagy 7 Březen 2008
Great tutorial Vlad as usual :) this one reminded me of fabio (abduzeedo) 's wallpaper but maybe in the hard way (pen tool) that is ;)

brittany 28 Březen 2008
thanks so much!! i'm using ur version as my desktop pic and i can't wait to create my own using some of your techniques!

yourmom 15 Duben 2008
this is sooo cool! my class was working in photo shop and for you to have this here is really a life saver!!!!

Lenny 24 Duben 2008
My master.....

:] 29 Duben 2008

towler 2 Květen 2008
this is pretty awsome. can anyone please tell me what size i will need to make desktop wallpapers, and also mobilephoe wallpapers

andrea 7 Květen 2008
him, im amazed. It is very rare to find today such a generous guy as you. Thanks for tutorials! Now I know the rules of your fantastic images, but it feels even more mysterious.

Wilson Gozal 28 Květen 2008
hey Vlad! do you always use photoshop for your creation?

SoniX 1 Červen 2008
It is really very good and fantastic tutorial....example taken is now my desktop background...

ramesh - india 25 Červen 2008
ur not only master of graphics (+ fantastic softwares knowledge) but u know very well how to describe them in simple way....... great job gentleman....

Bobette 7 Srpen 2008
I do like your tut better. The clouds look great. I didn't like them in the other tut. Thanks!

:) 12 Září 2008
You did a great job. The clouds look great. Could you also put tutorials on how to make web page cool background. Thanks

bxh 27 Říjen 2008
Cool,thank you so much!!!

Vlad fan 26 Listopad 2008
Thanks for your huge generosity of spirit in offering these tutorials and sharing your creativity with the rest of the world ~ like us ... It lightens my heart and my spirits!

Adam Apollo 10 Prosinec 2008

Me 23 Prosinec 2008

Alice 23 Duben 2009
Great wallpaper, by the way. I was wondering if you can tell me what photoshop are you using? Cab you recommend me some free online photo shop sites ( the one that you don't need to download)? It would be fantastic if you could.

Casablanca 20 Červen 2009
very good.

2 Červenec 2009
hay jueputa que chimba

pG0 6 Červenec 2009
wow wow wow wow....

Amy 6 Srpen 2009
Its so simple nd very effective ... its really ... good !

Jack Sutcliffe 11 Srpen 2009

Rutts 15 Srpen 2009
Thanks. Love your designs. This tut is a little muddled though - I think the HTML has gone awol at some point... Lovely scene though! Ta!

15 Srpen 2009
I'm at a loss for words. Marvellous!


Čiika 11 Říjen 2009
that is that :)

Ragini 12 Říjen 2009
amazing art work

Veroni 3 Prosinec 2009
verry good!!!! *-*

Bob 22 Prosinec 2009
??? I want you to show me how to make a Christmas tree! PLease???

nicole ducroz 4 Únor 2010
bonsoir impossible to download the pdf file ? nicole

Mahsa 9 Únor 2010
Wow ! very good.

7 Březen 2010

Patty* 17 Březen 2010
ezt nem értem

25 Březen 2010

5 Duben 2010
dameeet garrrm

10 Duben 2010
thank so much,great Work

Sianturi Wahyu ! 30 Duben 2010
Great,.. !! Mizerable

Behzad 29 Květen 2010
So Beautiful,tnx

aisha.sarfraz@yahoo.com 30 Červen 2010
Today as we know there is so much demand of designing, in every IT field designing is very necessary. And Photo shop is great tool for this. It is really very helpful and easy to use also. I had used this and from my experience i ca say it is totally mind blowing. This is really a amazing work

))))))))) 28 Červenec 2010

Clear 24 Listopad 2010

Soulfulwriter 30 Listopad 2010
Hi, This is really great and cool but isn't it missing some steps for the fairies? cuz i really like this tutorial but can't seem make ou the fairies? Thank you.

3 Leden 2011

nguon_dara 24 Únor 2011

19 Březen 2011
that's awesome

31 Květen 2011
wow..........Keep Rocking...................

OAAL 6 Červen 2011

adrian 19 Srpen 2011
excelent. Thanks for sharing!

Anonymus~ 10 Září 2011
I'm not sure if its just me but when you get to the end of the fairy part your text starts talking about fairy wings and shows pictures of stars still and when i set the inner glow/color to overlay in the blending option for the fairy body the effects become transparent and i am left with a plain red body, any help?

Ngo Minh Truc 9 Březen 2012
damn great, thank 4 sharing!

andres valencia 20 Červen 2012
Y lo demas donde esta

Lucia 15 Únor 2008
thank toy so much!!!!!

shay 21 Únor 2008
Thanks for a fantastic tutorial! It's very much appreciated :)

Lead 23 Únor 2008

lütfü 24 Únor 2008
10 nümero gerçekten

prab 3 Březen 2008
wow!! thanx for sharing.. most ppl are too tight to show how they do it.. but respect to you for sharing with everyone

R 10 Březen 2008

Dy 6 Duben 2008
awesome! thats really amazing! :D

jiaya 11 Duben 2008

Scrappy Smile 21 Duben 2008
This is also incredibly COOL!!! TYFS!!!

DJentelMEN 25 Duben 2008

No name 2 Květen 2008
Amazing art work. Fabulous!

masrizal 3 Květen 2008
That's really..really...really coooool.. i love this site very much... Thanks for sharing your great work...

KienSym 8 Květen 2008
Thanks for sharing your great work...That's beautiful....^^

ridhoyp 19 Květen 2008
Awesome!! Nice.. i never see the tutorial like this before.. its so cool!!!

Caila 4 Červen 2008
It' a great work !!!!

wood 7 Červen 2008
well I'm a beginner and happy to learn from here!!Thank you!!

:) 15 Červenec 2008

monica 30 Červenec 2008
love it!!!

Betty 7 Srpen 2008
More info is needed about the layer effects on the clouds. I've tried this several times and my clouds don't look shaded like yours. Thanks.

lyhakkai666 13 Září 2008
Excellent!! :D

ANTONIO JOSE 9 Listopad 2008
Impresionante, gracias por compartir tu sabiduría

Marian Riquelme 6 Prosinec 2008
Thanks! with your tutorials I've learn a lot of Photoshop features that I used to ignore and now I'm ready to use them on my own designs. You're great!

kukugt 22 Prosinec 2008
Genial muy buenos tips

Sandra 31 Leden 2009
Fantastic! thank you very much for sharing it with us!

Myfacefriends 28 Duben 2009
this is awesome! thanks keep in coming. http://myfacefriends.com

PatuShQa 2 Květen 2009
wuaaaa....to co je...to je ale brutalita...

2 Červenec 2009
que hijio de puta el pnede mario

claudia de los reyes 6 Červenec 2009
Muchas Gracias por tu ayuda!!!!!

8 Srpen 2009

Paja 10 Srpen 2009

TDL 12 Srpen 2009
Hello - I stumbled across your wallpapers randomely doing a search for something new and refreshing for my work pc. I fell in love with this rainbow one and have received many great comments from my colleagues on it. Your work is amazing and the tutorial is great too! Thanks for spending so much time on showing others how to do it and also thanks for the amazing wallpapers! They make me happy when I log on to my PC :-)

2 Říjen 2009
I was really shoked. It's magic

12 Říjen 2009
This is very great tutorial. Thanks. I have question - does it have also 2nd part with steps till final result? I do not see how to create wings and other fairies.

priya 8 Prosinec 2009

17 Leden 2010

debrya 5 Únor 2010
great work

Hey you =D 6 Únor 2010
Rulez!! 8D

scrafu 4 Březen 2010

13 Březen 2010

swapnil 19 Březen 2010
really nice cloud-rainbow formation. I never knew photoshop was this simple until now. will surely try others tutorials too. thanks a lot.

7 Duben 2010
wooow hebaat!! thats great!

Jesse 13 Duben 2010
I want more... please!!!

3 Květen 2010

satyajeetprasasd84@gmail.com 23 Červen 2010
Nice design. i think i should looks more design from you, very Good……………..

Fabian 10 Červenec 2010
Gracias muy bueno :D Saludos a todos desde Colombia.

Misty 22 Červenec 2010
I can't do this!!! :( I don't know how to use the pen tool very well...

thin 2 Listopad 2010
I can't make this cloud :(

HAHAHA! SHAMMA DID THIS ! 24 Listopad 2010
OMG ! I did it !! <33333 FINALLY !! (btw) im 12 years old, ;) ! i think no one in my age have done this before me :P !

3 Prosinec 2010
waw great idea to make

yıldız 22 Leden 2011
thank you

8 Březen 2011

COOPER 29 Březen 2011
um thats way too long but it looks cool....plus what if you have no mac?

Hitesh Patel 8 Červen 2011
Suprb incredibly just WoW

mary 24 Červen 2011
this is fantastic!!! i made it myself it's not as great as yours but it's good thanks for the tutorial! thanks again

zahra 31 Říjen 2011
thx soooooooooooooooooooooooooooooooooooooooooooo much

alyssa 2 Březen 2012

amateurskatingfanatic 25 Duben 2012
what edition of photoshop do you use?

Fabrythrash 6 Červenec 2012
Amazing fantastic tutorial .. .. really inspiring ! Good work, thanks a lot !

Show all comments

Přidat komentář

1 2 3 4 5 6