تسجيل الدخول اعربي

دروس الفوتوشوب 

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 →

تعليقات {89}

SuSpanS منذ وقت طويل
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. منذ وقت طويل
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 منذ وقت طويل
I just found your site and I have to say your work is simply stunning - superb, keep it up! (Y)

Mati منذ وقت طويل
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 منذ وقت طويل
Rubynater: please refer to the tutorial where it says about contextfree software.

Mike منذ وقت طويل
The Link tree1.cfdg is not working can you fix it?

MOHAMMAD DUSTAR منذ وقت طويل
HI! thanks alot u r a best teacher for me good luck..........

Museifu منذ وقت طويل
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 منذ وقت طويل
keka

Armond منذ وقت طويل
THANKS A LOT Frauke....

Frauke منذ وقت طويل
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 منذ وقت طويل
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 منذ وقت طويل
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 منذ وقت طويل
Well, it's so cool. I love it. Thank for good job ! Uhm... i'm Vietnamese. Visit : legend.zidean.com

Moo منذ وقت طويل
Thanks once again!

spacey from Neowin منذ وقت طويل
nice, i like the tutorial as well as the wallpaper.

jiujiu منذ وقت طويل
Thankx ! that's great! :-) (Y)

hamid منذ وقت طويل
thats great for me ....thx from creator..... i have one question from you? how did you creative tree?:-d

Edward منذ وقت طويل
Kool! :-)

tama منذ وقت طويل
what a generous man thank u for making my computer so beatiful..

Beepee منذ وقت طويل
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 يناير 2008
Lucky 4 me, learning the tutorial from the master himself. Thanks Vlad, you're the best !!

Robby Kie 30 أغسطس 2008
Really awesome and helpful tutorial..thanks a lot

Parvez 17 ديسمبر 2008
You are really boss man.....Nice tutorial..

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

Tailsgirl 19 يناير 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 يناير 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 فبراير 2009
Ok never mind, I tried the code that Frauke provided and it worked perfectly. Thanks a bunch Frauke!!!

Zach 16 إبريل 2009
This is incredibly cool, thanks!

3 يونيه 2009
really cool! thanks for sharing

Anja 16 يونيه 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 أكتوبر 2009
Wauw! Great job!!!

LiaLia 27 أكتوبر 2009
Nice

lj 9 ديسمبر 2009
Thank you friend, nice tut.

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

kamha 11 إبريل 2010
SOooooo Cool u r very good

millie 27 سبتمبر 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 يناير 2011
Thank you Vlad for great tutorial but for some reason link to the swirly tree CFDG file doesn't work.

soroor 29 مارس 2011
this is very good, too! thank you!

dhika 26 يونيه 2011
excelent

Vlad Gerasimov 13 مارس 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 منذ وقت طويل
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 منذ وقت طويل
Hello! Good Site! Thanks you! ebinjnqrvtj

donny منذ وقت طويل
the link to tree1.cfdg is broken please fix it

Leila منذ وقت طويل
easy but very interesting, i love this picture:-)

raul منذ وقت طويل
Absolutely GREAT! You ROCK! I think i´m going to register to get some wallpapers despite i am a little broken lately... Thanks!!

MiyopYarasa منذ وقت طويل
(Y) (Y) that's great! (Y) (Y)

Rubynater منذ وقت طويل
"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 منذ وقت طويل
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 منذ وقت طويل
awesome tut :)

-=Delusion=- منذ وقت طويل
VERY NICE!!!!!!!!

banikkk منذ وقت طويل
I have a problem when opening the tree, does not recognize the png

Jack منذ وقت طويل
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 منذ وقت طويل
The link was broken with he tries can someone that done this before upload a or write the code???

Jason Carlson منذ وقت طويل
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 منذ وقت طويل
Vlad.. can you help me creating those trees.. I don't know how you do that :-S

PWyQ4hc7SM منذ وقت طويل
Hi! Very nice site! Thanks you very much! mZ0kR9WFwnA

Minh Chanh منذ وقت طويل
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 منذ وقت طويل
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 منذ وقت طويل
ok i got the clouds to work. i used the pate into command. is that correct?

Vlad Gerasimov منذ وقت طويل
...but, I do encourage you to try and create your own :-)

Vlad Gerasimov منذ وقت طويل
Justin - here is CFDG file I used in ContextFree: http://www.vladstudio.com/photoshoptutorials/tree1.cfdg

Justin منذ وقت طويل
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 منذ وقت طويل
thats insane.

Muragatroid منذ وقت طويل
Good as ussually. Tahnks a lot :-)

M منذ وقت طويل
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) منذ وقت طويل
GREAT - a sensation of Tim Burton's world with his charater of Jack of the lantern. FE-LI-CI-TA-TI-IONS !!!

Lynn منذ وقت طويل
Wow...this is really amazing. You are so incredibly talented!

Pepito منذ وقت طويل
Esta Gueno ;-)

secret say منذ وقت طويل
a very interesting piece i must say

Mohammad Abbas منذ وقت طويل
Thanks alot Vlad, your tutorial is great and very helpful ;-)

Divya منذ وقت طويل
Hi.. both the wallpaper and the tutorial are Awesome!!! Tutorial is very good indeed.. thankz for sharing!!

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

~Umi_Kage~ 17 أكتوبر 2008
WOW thats crazy stuff!

6 يناير 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 يناير 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 فبراير 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 إبريل 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 أكتوبر 2009
ciamik......http://www.vladstudio.com/zh/photoshoptutorials/tutorial.php?full_moon_in_the_midnight_forest_making_of#add_comment_box

gourav 5 ديسمبر 2009
VERY NICE

Rachel 3 يناير 2010
LOVING IT!!!!

yourtutorialsbox.com 19 مارس 2010
amazing man! amazing ! nice work!

liran 29 مارس 2010
thats amazing your so talented

abdullah.shamas@yahoo.com 9 أكتوبر 2010
very very very good bro exilent mavelus very gud

Jelena 10 نوفمبر 2010
Great tutorial Vlad. I just did it, thank you a lot..

Clear 24 نوفمبر 2010
:_)

3 مارس 2011
that is the best ever

13 مارس 2011
nice nice nice ooooooooooooooh my gad very good nice pic

Godly Ham 13 مارس 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

إضافة تعليق

1 2 3 4 5 6