Přihlásit Translate Vladstudio Česky

Návody pro Photoshop 

Full Moon in The Midnight Forest - making of

Here we go! Create new document, fill background layer with dark blue.

1

Open Layer Style -> Blending Options, select Gradient, change gradient blend mode to Overlay, and style to Radial. also scale up  to 150%. (I also added black Inner Glow).

2

Create new layer, use selection tool or shape tool to create grey ellipse (this will be our earth). If you used shape, rasterize it.

3

Add some noise (menu Filter - Noise - Add Noise).

4

Tricky part now - we are going to simulate macro photo where only part of  a photo is focused, and the rest is blurred.
- switch to quick mask mode (Q)
- select gradient tool. make sure that foreground color is black, and background is white
- on top of window, switch gradient type to Reflected
- create gradient similar to show here. Since we are in qucik mask mode, you should see gradient in red.

5

return to normal mode from quick mask mode (hit Q again). Your gradient should become the selection. Apply Gaussian Blur to selected area (Filter - Blur - Gaussian blur), widh raduis about 4-6 pixels. Now, only part of our earth" is focused

6

change the layer's blend mode to Overlay. Now the earth is almost ready, but how about some grass growing on it?

7

Create new layer, select Brush tool, open brush properties, and find the grass brush (scale it down as needed). make foreground black and background blue.

8

fill all the earth with grass.

9

Use the same technique as above to blur top and bottom of grass area.

10

and lastly, change layer blend mode to overlay.

11

now let's make some trees! Open ContextFree - this is cool fractal freeware available from http://www.contextfreeart.org/wiki/ - and choose Demo1 in Examples menu.

12

Manipulate the code on left column unless you are satisfied with the tree you get. I really did not want to learn the code, so  I removed couple of lines, changed couple of digits, etc.

13

When the tree is rendered, save it  as PNG and open this PNG in Photoshop. Now we need to remove white, that is, make it transparent and keep only black tree. Here's how:
- select all (Ctrl-A)
- copy (Ctrl-C)
- go  to quick mask mode (Q)
- paste (Ctrl-V)
- turn off quick mask (Q)
- clear (Del)
- Deselect all (Ctrl-D)
- Turn all to black (Ctrl-U, Lightness = -100%)

14

Copy the result and paste into the wallpaper. Use shape tool to draw white eyes. Now that looks good already!

15

Go back to ContextFree, create new tree, repeat the steps above to put it into the wallpaper. To make it look far away, scale the tree down, and then apply Gaussian Blur.

16

..and again, and again, and again.... :-)

17

Now, the moon. Select the background layer, create new layer above it, and use shape tool, or white brush, to draw a white circle. Then, use layer effects to add uter glow with settings similar to shown here.

18

Since there is the light source (moon), all trees should have reflection. They are easy to do. Select a tree layer, duplicate it, (menu layer - duplicate), flip vertically (edit - transform - flip vertical).

19

turn all to black (Ctrl-U, Lightness = -100%), and then use Distort tool (edit - transform - distort) to make the shadow fall correclty from the moon.

20

repeat for all trees :-)

21

The shadows are they are now are too much, of course. For each shadow layer (you did make them in separate layers, right?) change its opacity to 30%-40%.

22

The part where a shadow touches a tree did not look good to me, so  I added more black using big black brush.

23

...and added into the wallpaper with layer blend mode set to Overlay, as always. That's it! Hope it will be useful.

25

pstut-18-26

26

← My favorite wallpaper background texture Mont Saint Michel (Dark) Making Of →

Komentáře {89}

SuSpanS dávno
Hey, This men It's an Artist , I'm coming from phpbb dot com and I'm amaized of what he can do with photoshop. Good live to you Victor.

mia. dávno
hey vlad!!you did a great job...i like your wallpapers, especially this one ;)...tried to work with this little program for the trees as well,but i think i´m to stupid..i can´t change the size from the tree, how did you do that??which line did you choose?

MrChops dávno
I just found your site and I have to say your work is simply stunning - superb, keep it up! (Y)

Mati dávno
Hello, I am of Spain. Here also your creations very are known... and still you are very young¡¡. Perdona my English of translator. Congratulations

Vlad Gerasimov dávno
Rubynater: please refer to the tutorial where it says about contextfree software.

Mike dávno
The Link tree1.cfdg is not working can you fix it?

MOHAMMAD DUSTAR dávno
HI! thanks alot u r a best teacher for me good luck..........

Museifu dávno
Hey thanks for this tutorial, I have just come back to it from ages ago because I wanted to recal this excellent way of getting a selection (Quick mask method)... I use it in alot of ways :)

Ranjith dávno
keka

Armond dávno
THANKS A LOT Frauke....

Frauke dávno
Hi all, if anyone is still interested in the code - this worked for me. Just try a few times... startshape FOREST rule FOREST { SEED {} } rule SEED {BRANCH {}} rule SEED {BRANCH {rotate 11}} rule SEED {BRANCH {rotate -1}} rule SEED {BRANCH {rotate 21}} rule SEED {BRANCH {rotate -2}} rule SEED {FORK {}} rule BRANCH {LEFTBRANCH {flip 90}} rule BRANCH {LEFTBRANCH {}} rule LEFTBRANCH 4 {BLOCK {} LEFTBRANCH {y 0.885 rotate 5 size 0.99}} rule LEFTBRANCH 4 {BLOCK {} LEFTBRANCH {y 0.885 rotate 5 size 0.99}} rule LEFTBRANCH {BLOCK {} LEFTBRANCH {y 0.885 rotate 4 size 0.99}} rule LEFTBRANCH {BLOCK {} FORK {}} rule BLOCK { SQUARE {rotate 1 size 2} SQUARE {rotate -1 size 2} SQUARE {} } rule FORK 2 { BRANCH { } BRANCH {size 0.5 rotate 40} } rule FORK { BRANCH { } BRANCH {size 0.5 rotate -40} } rule FORK 3 { BRANCH {size 0.5 rotate -20} BRANCH { } } rule FORK 4 { BRANCH {size 0.7 y 0.1 rotate 20} BRANCH {size 0.7 y 0.1 rotate -20} }

Vlad Gerasimov dávno
Justin: yes, forgot to mention: change image mode (menu Image > Mode) From Index to RGB! Then, double click to Background layer, and name it somehow. That will make it "unlocked" and you will be able to make it transparent (by default, background layer cannot contain transparent parts).

Justin dávno
having problems recreating the trees as you did. ive messed around with the digits but cant get anything anywhere near what youve done

Minh Chanh dávno
Well, it's so cool. I love it. Thank for good job ! Uhm... i'm Vietnamese. Visit : legend.zidean.com

Moo dávno
Thanks once again!

spacey from Neowin dávno
nice, i like the tutorial as well as the wallpaper.

jiujiu dávno
Thankx ! that's great! :-) (Y)

hamid dávno
thats great for me ....thx from creator..... i have one question from you? how did you creative tree?:-d

Edward dávno
Kool! :-)

tama dávno
what a generous man thank u for making my computer so beatiful..

Beepee dávno
congratulation (Y) and a big THANKS for tutorials! you are doing a very good job and it helps a lot! Greetings from Czech republic :-)

Ttg 23 Leden 2008
Lucky 4 me, learning the tutorial from the master himself. Thanks Vlad, you're the best !!

Robby Kie 30 Srpen 2008
Really awesome and helpful tutorial..thanks a lot

Parvez 17 Prosinec 2008
You are really boss man.....Nice tutorial..

Elenka_ZP 13 Leden 2009
Прикольно =) Пошла рисовать деревья =)

Tailsgirl 19 Leden 2009
Heya Vlad, TG from WC here, I'm trying to do this hon, but no matter what, the white won't remove, it just turns into a black image, can't be done.. any ideas? :)

Tailsgirl 20 Leden 2009
Heya Vlad, yes, I set it to RGB, just have to do the rename :) I actually made the wall anyway, and it came out pretty well, it got accepted too [WC] :) I couldn't d/load the storm pic, so I stretched the little one you have lol

Maryam 24 Únor 2009
Ok never mind, I tried the code that Frauke provided and it worked perfectly. Thanks a bunch Frauke!!!

Zach 16 Duben 2009
This is incredibly cool, thanks!

3 Červen 2009
really cool! thanks for sharing

Anja 16 Červen 2009
How do you make the inner shadow (step 2) ? If I do that, I just get a square shaped black shadow at the edges... In your example you still have the radial shape of the gradient ?

Souhaila 4 Říjen 2009
Wauw! Great job!!!

LiaLia 27 Říjen 2009
Nice

lj 9 Prosinec 2009
Thank you friend, nice tut.

Aline Silva 12 Leden 2010
Cute, congratulations from Brazil! thanks for the tutorials... Can you do a desktop paper about Rio de Janeiro?

kamha 11 Duben 2010
SOooooo Cool u r very good

millie 27 Září 2010
I have a problem...when I cut a tree and make a backround tranparent I can't copy it into wallpaper...Someone know what's wrong? Actuaaly whem I copy it with ctrl-c ctrl-v into w3allpaper it shows with backround..help..I really wanna do this

John 16 Leden 2011
Thank you Vlad for great tutorial but for some reason link to the swirly tree CFDG file doesn't work.

soroor 29 Březen 2011
this is very good, too! thank you!

dhika 26 Červen 2011
excelent

Vlad Gerasimov 13 Březen 2013
Godly Ham: your layer is probably "Background" - it's locked by default and cannot have transparency. To solve this, simply double-click layer and rename it to something.

JABBAR dávno
I visited here for the first time. :) Its very useful tutorial. Thanks for sharing. Do you have any idea of "Ghosting" without using "Illustrator"?

cduiqsymsk dávno
Hello! Good Site! Thanks you! ebinjnqrvtj

donny dávno
the link to tree1.cfdg is broken please fix it

Leila dávno
easy but very interesting, i love this picture:-)

raul dávno
Absolutely GREAT! You ROCK! I think i´m going to register to get some wallpapers despite i am a little broken lately... Thanks!!

MiyopYarasa dávno
(Y) (Y) that's great! (Y) (Y)

Rubynater dávno
"Manipulate the code on left column unless you are satisfied with the tree you get. I really did not want to learn the code, so I removed couple of lines, changed couple of digits, etc." but how did you get that outcome?! and the link you gave was broken or something.. :-|

Armond dávno
Hello Vlad, Im having difficulty changing the size and shape of my trees. I was wondering if u could post something on how u made your trees, I would greatly appreciate it. THANKS!!

Suraj dávno
awesome tut :)

-=Delusion=- dávno
VERY NICE!!!!!!!!

banikkk dávno
I have a problem when opening the tree, does not recognize the png

Jack dávno
Awesome tutorial. But there's one part I'm stuck at. I'm trying to creat the tree, but can't get mine to look ANYTHING like yours. And the link you posted for Justing gives me a 404.

Andreas dávno
The link was broken with he tries can someone that done this before upload a or write the code???

Jason Carlson dávno
Yes, I have to say... this is a great tutorial if you could get those trees to look right. I'm perplexed. Vlad - c'mon man help us all out here please. THANKS!

Rubynater dávno
Vlad.. can you help me creating those trees.. I don't know how you do that :-S

PWyQ4hc7SM dávno
Hi! Very nice site! Thanks you very much! mZ0kR9WFwnA

Minh Chanh dávno
To blend the tree to picture. I'm think it will simpler by use the blend node Multiply. It's make the white be gone !

George dávno
Vlad, you are the man... I have been looking at your stuff for more than a year and I cant get enough of it plus the tutorials help me so much... I learn alot more from them than I do from the video tutorials from other websites... I wish I knew more about the features photoshop has because its such a large program and there are so many possibilities... well keep up the great work and dont forget to keep making tutorials because they really help alot :-)

Justin dávno
ok i got the clouds to work. i used the pate into command. is that correct?

Vlad Gerasimov dávno
...but, I do encourage you to try and create your own :-)

Vlad Gerasimov dávno
Justin - here is CFDG file I used in ContextFree: http://www.vladstudio.com/photoshoptutorials/tree1.cfdg

Justin dávno
also having problems with inserting the image. i got the image, cut the parts out, but when i import the image, it looks dumb as you can see the edges from the photo. how did you go about making it look smooth?

piniata dávno
thats insane.

Muragatroid dávno
Good as ussually. Tahnks a lot :-)

M dávno
A great step-by-step tutorial, as always. (Y) Thanks so much, as well as for recommending ContextFree. It's a really neat and simle utility that can work wonders combined with a little imagination. Very nice. (L)

Olivier from Paris (FR) dávno
GREAT - a sensation of Tim Burton's world with his charater of Jack of the lantern. FE-LI-CI-TA-TI-IONS !!!

Lynn dávno
Wow...this is really amazing. You are so incredibly talented!

Pepito dávno
Esta Gueno ;-)

secret say dávno
a very interesting piece i must say

Mohammad Abbas dávno
Thanks alot Vlad, your tutorial is great and very helpful ;-)

Divya dávno
Hi.. both the wallpaper and the tutorial are Awesome!!! Tutorial is very good indeed.. thankz for sharing!!

alise 31 Leden 2008
Thank you, Vlad, for the рositive emotions. I'm happy to be here!!!

~Umi_Kage~ 17 Říjen 2008
WOW thats crazy stuff!

6 Leden 2009
That is sick! Definitely going to try some of those techniques. I especially like the depth-of-field effect you created. Rock on!

Vlad Gerasimov 19 Leden 2009
Tailsgirl: yes, forgot to mention! Please see my comment above - change image mode (menu Image > Mode) From Index to RGB! Then, double click to Background layer, and name it somehow. That will make it "unlocked" and you will be able to make it transparent (by default, background layer cannot contain transparent parts).

Maryam 24 Únor 2009
Your work is exquisite! (But ofcourse you have heard this and a whole lot more perhaps a zillion times and so I will just get to the point :)) I was unable to see how you modified the code to get a tree like yours. The file you had uploaded for a previous viewer is no longer available. Can you help me out? Thanks a bunch! You have an apprentice :)

Tomás 2 Duben 2009
I loved the tutorial! I have one doubt... I tried to change the code in ContextFree, but I allways got the same thing. I clicked the Render button, I didn't forget it. I have one more thing to say... I love your tutorials! Thankyou!

19 Říjen 2009
ciamik......http://www.vladstudio.com/zh/photoshoptutorials/tutorial.php?full_moon_in_the_midnight_forest_making_of#add_comment_box

gourav 5 Prosinec 2009
VERY NICE

Rachel 3 Leden 2010
LOVING IT!!!!

yourtutorialsbox.com 19 Březen 2010
amazing man! amazing ! nice work!

liran 29 Březen 2010
thats amazing your so talented

abdullah.shamas@yahoo.com 9 Říjen 2010
very very very good bro exilent mavelus very gud

Jelena 10 Listopad 2010
Great tutorial Vlad. I just did it, thank you a lot..

Clear 24 Listopad 2010
:_)

3 Březen 2011
that is the best ever

13 Březen 2011
nice nice nice ooooooooooooooh my gad very good nice pic

Godly Ham 13 Březen 2013
umm i followed your directions on removing the white background on the trees but i just ended up with a black background. :( help?

Show all comments

Přidat komentář

1 2 3 4 5 6