Přihlásit Translate Vladstudio Česky

Návody pro Photoshop 

Christmas Night - making of

Before you start reading this tutorial, I recommend making a big cup of coffee - it will be quite long :-)

So, to start, create new document (I made it 3200x2000 pixels) and fill background with solid black color.

1

To fill our sky with stars, we'll need some help of ContextFree. You can get it  at http://www.contextfreeart.org/
I downloaded one of fractals and manipulated it  so that it fits my needs. You can download my fractal file here: http://files.vladstudio.com/photoshoptutorials/xmasnight.cfdg
Using this file, create several similar fractals (in ContextFree, hit Ctrl-R to refresh and get new variation) and saved them as PNG images (right-click and save as image).

2

Open all PNG fractals in Photoshop, copy and paste them into one document, so that each fractal is  a layer. For each layer, set Blend mode to screen". It will make stars blend together."

3

Repeat as many times as you like, until you get enough stars. (I used about 20 fractals). If your stars are wrong color, you can colorize them - hit Ctrl-U and adjust hue and lightness as necessary.

4

I wanted that the stars do not only fill entire image, but also create subtle paths"

5

ContextFree generates black fractals on white background. I need only black fractal, with transparent background. Here's how: open PNG image in Photoshop, select all (Ctrl-A), copy (Ctrl-C), close (Ctrl-W), create new file (Ctrl-N), paste (Ctrl-V), switch to mask mode (Q), paste (Ctrl-V), sqitch back (Q), delete (Del).

6

Instead of black fractal, you need white. The fastest way is Ctrl-U, then set lightness = 100%.

7

Copy resulted fractal image and paste it into top-right corner of our artwork.

8

Then, simply set its layer opacity mode to  overlay". Result: in this corner stars are now grouped into nice "roads". If you need to make result more visible

9

For top-left corner, repeat teh same steps: generate similar fractal with contextfree, remove white background, paste into wallpaper...

10

...and set its blend mode to overlay" (and probably duplicate the layer)."

11

For more fun and excitement, we'll need a bit of bigger stars. To create them, switch to Shape tool, choose Polygon, set number of sides to 4, and in Polygon options, check Star, and set indent to about 80%.

12

Then, when you draw a shape you will get a star you need (hold Shift while dragging mouse to align diagonally). You can also open Blending options (effects) and add a bit of Outer Glow.

13

Repeat several times to add stars here and there.

14

The next part of our artwork is..s constellations. Use google image search to get the idea of what constellations are there and their layout. Then, use Shape tool (first Line tool, then Ellipse tool) to create a constellation. For each shape in constellation, open blending options and add 2-px black stroke.

15

Here's how our constellation looks when pasted into wallpaper. Repeat these steps for each constellation you want to add.

16

Now the most exciting part - the earth. Create new layer (or better, create new layer set, and inside it, new layer; it will keep your file well organized),set color to blueish purple, use Shape tool (ellipse) to create VERY big circle (hold Shift to make sure you make circle, not ellipse). Then make sure only very top of circle is visible.
Duplicate this layer - you will need a copy of  it a bit later. (hide duplicated layer for now).
Rasterize original layer.

17

Open this layer's blending options (layer style) and add small outer glow and big inner glow. Add a bit of noise (Filter - Noise - Add noise).

18

future steps will show that the planet needs to  be darker :-). So using Hue/Saturation (Ctrl-U), make planet darker and more saturated (you can always adjust it later as well).

19

To add some nice light reflection, take a copy of planet shape (circle), switch to Path selection tool (A), select circle shape, copy-paste (Ctrl-C, Ctrl-V), move copied circle a bit down and change its mode to substract". Then

20

Now, we need much more outer glow from our planet! To add it, select layer with planet and duplicate it again. Clear layer style, so that it has not outer and inner glows.

21

To go filter - blur - gaussian blur and use very lagre number (such as 50-80). For stronger blur, duplicate layer (Ctrl-J) and merge it back (Ctrl-E).

22

We only need glow outside the planet. To remove unnecessary glow, select layer with planet, set selection to layer transparency (you can hold Ctrl and click layer, or  go to Select - Load selection - OK), then select layer with glow and hit Del to delete selected image.

23

The final touch is  to set its lend mode to Color dodge.

24

To add a bit more 3D to our planet, create new layer, choose Brush tool, set brush size to very large (f.e. 700-800 pixels), set color o black, and add some black strokes on very bottom of image.

25

Now the tricky part! The continents shining in the night. The inspiration came from famous photo from NASA - see http://antwrp.gsfc.nasa.gov/apod/ap001127.html
But simply copy and paste would be too.. well, simple! Let us  be inspired by the photo but not rip it. So, in new document, select Freeform Pen tool, and with rough mouse movements draw a shape that resembles our continents. Remember to distort them, as they are located in  a sphere.

26

Take all fractals that you used in the very first steps (to create stars in background) and paste them here again. As previously, set blend more to screen" so that all fractals are seen through each other. Then

27

Now, delete all parts of fractals layer that are outside continents shape" layer. There are 2 ways to  do that. A) simply group these 2 layers (Ctrl-G) and then merge (Ctrl-E)

28

Now all you need to  to is insert the result into our artwork, and set its blend mode to color dodge"! Woo-hoo!"

29

Now let's make the lines going from the earth with congratulation messages. Creating smooth line is  a bit tricky but result is quite good. As always, create a new layer. Open Paths palette. On bottom of it, click New button to create new path (empty so far). Make sure this path is selected.

30

Switch to Pen tool (not freeform pen!). Draw a line with curved point in the middle (if unsure, here's how to  do it: first point: click; second point: click, drag a bit, release; third point: click).

31

Switch to brush tool, set brush size to 1-2 pixels, set color to white, and on bottom of path palette, click Stroke button. The white line should appear (if it  is not strong enough, click Stroke button again).

32

Using same steps, draw as many lines as you like (remember to delete a path as soon as you clicked stroke" button). Then

33

We're almost done! Using font of your choice, write your messages. Move and rotate so that the messages align with the lines.

34

Voila! :-)

35

The last secret is how to create a fish that sends its congratulations too. Using Shape tool (U), draw a circle. Switch to path selection tool (A).

36

select path, copy-paste (Ctrl-C, Ctrl-V), resize (Ctrl-T, then hold Shift to preserve proportions), then change shape mode to Substract.

37

copy and paste the circle again, move a bit to top, change shape mode to intersect.

38

click combine" button to merge shapes into one shape

39

then add another circle, set its mode to Intersect, and combine all paths into one. Almost done!

40

(you can give your fish an eye if you want :-)

41

That's all! Thanks for reading!

42

← Mont Saint Michel (Dark) Making Of Green Field - making of →

Komentáře {65}

dávno
Ïóñòü ÿ áóäó ïåðâûì!) ß áåçóìíî ðàä, ÷òî íàøåë ñåãîäíÿ â ñåòè âàø ñàéò!!! Êðàñèâûå îáîè, âåëèêîëåïíûå óðîêè - äëÿ òåõ êòî ëþáèò "ðèñîâàòü" â Photoshop ýòî íåîöåíèìàÿ ïîìîùü, ïîñêîëüêó â áîëüøèíñòâå ñâîåì íè÷åãî äåëüíîãî â êíèãàõ è òàê íàçûâàåìûõ "ñàìîó÷èòåëÿõ"(ñàìîìó÷èòåëÿõ!!!) íåò. Åäèíñòâåííàÿ ïðîñüáà, ïîáîëøüøå "îáùèõ" óðîêîâ, ðàñêðûâàþùèõ êàêèå-ëèáî ìåòîäû ñîçäàíèÿ ÷åãî-íèáóòü...ììì...íåçíàþ...íó, êàê íàïðèìåð òåêñòóðà ìåòàëëà è zoomedpixels)) Áîëüøîå, Âàì, Âëàä ñïàñèáî!!! Òåïåðü î äàííîì óðîêå,) ïðî÷èòàâ åãî ÿ ïîíÿë ÷òî äåëî ýòî äëèííîå íî âûïîëíèìîå.  ôîòîøîïå ÿ ñàìîó÷êà, òàê ÷òî ïîïðîáóþ ñäåëàòü, ìîæåò è ïîëó÷èòñÿ))) Ñïàñèáî çà óðîê. Äà, íàïèøèòå, ïîæàëóéñòà ïîïîäðîáíåå êàê ãåíåðèðîâàòü â ContextFree ïîäîáíûå ðèñóíêè. Îòêðûâ åãî ÿ òîëüêî óâèäåë ñòàíäàðòíîå Hello!(((

graviron dávno
I can't say anything... Words are just not enough.. haha... supreme art...^^

eMoe dávno
you are amazing! Thanks for sharing. God bless you.

Chantal Québec City dávno
I always had admired you as a genious in your own field. Here's another reason to still admire you: your immense generosity. Thank you for existing.

Sassan dávno
GREEEAAAAAAAAT!

Viv dávno
context free can render images on transparent backgrounds too! nice work btw ;-)

BHupendra Zala dávno
Amazing.........!!!!!!!!

alen dávno
aaaaawwweeessoommmee ddduuudddeeee!!!!

hans dávno
FANTASTIC!!!

Sophie dávno
I (L) IT!!

Patrick Lee 13 Červen 2008
Hey Vlad, Wonderful work and tutorials! Just one comment. I copied and pasted your fractal script into ContextFree and got a parsing error. I renamed the function "3ring" to "threering" and the function call in the function "skew3ring". Other than that it worked PERFECTLY for me!

Matt 18 Prosinec 2008
Really like the piece, but can't help but find it funny how the English phrase is coming from the US, and not England. Just a pet peeve of mine. :P

Mafia fahad 30 Prosinec 2008
Wat a beauty man keep it up

bull 27 Únor 2009
in Turkey and i say: awesome! thanks

lixie 19 Červen 2009
wow!!that's all i have to say...woooweerr

HALAF 27 Srpen 2009
GREAT I `M PROUD OF THESE GIRLS AND GUYS THANK YOU

ray 27 Listopad 2009
masterpice . thanks

Cariboou 6 Prosinec 2009
and here Canada we said wonderful!

2 Červen 2010
good

isa 28 Srpen 2010
je n´ai rien comprie

Vinayak S. More 7 Říjen 2010
Thankkkkkkkkkk

roland 10 Listopad 2010
youre amazing

8 Únor 2011
this is amazing. thank you for putting together. very talented!!

2 Duben 2011
super

unknown 24 Červen 2011
hard!!!!!!!!!!!!!!!!!!!!!!!!

Avril 17 Říjen 2011
FANTASTIC!!!!!!!!!!!!!

Avril 17 Říjen 2011
FANTASTIC!!!!!!!!!!!!!

15 Prosinec 2011
Great tutorial, though it doesn't seem to work form the beginning for me :(

6767 22 Prosinec 2011
uu

snehal dávno
thnks again u r d best teacher i could ever came across. i luv it

carlo dávno
do you have any PDF turtorials, that might be more specific... hehehehe... :-o

Gabriel dávno
Nice work there. Your kind exceptionally to post tutorials, true designer!

yohana dávno
owesome, nice try. it's so artistic.smile

akinomoto dávno
arigatou arimastha, thx for tutorial smile

dvhhzsypye dávno
Hello! Good Site! Thanks you! kgsgmtxwpj

Chandan dávno
it's amazing! Thanks i like it

Tayeb dávno
thanks a lot fot this beautiful & helpful tutorials

simon dávno
kapo dol.

ram ashok dávno
Very Very FANTASTIC!!!

iñigo dávno
Amazing, thank you very much!

radhakrishnan dávno
Thanks for sharing such a beautiful tutorial

OD dávno
Chapo!

Sindri Svan dávno
Honestly, man... you probably make THE most useful photoshop tutorials out there! If there's someone that makes tutorials on your caliber out there, I'd love to know... Keep up the good work daddy'o! ;)

Sam001 dávno
In Hungary, we say this: beszarás!!!!!!

zOee dávno
I'm a photoshop learners. I'm so glad that you make such a great tutorials for us! Although I can only understand 70% of the whole tutorials but i'll TRY! Step by step... I've been searching for tutorials like this sooo loooong! Thanks there! (Y) Thanks for sharing!

Denisa dávno
Very Very beautiful Congratulation !!!

Kevin Lahtinen 18 Září 2008
I'm jealous:)

Joko Suwono 22 Říjen 2008
Energix and Funtastic Design! i admire you!

aleksa 4 Prosinec 2008
fantasticno!!!

Eric Shafer 24 Prosinec 2008
Tracked back to from here: http://www.presidiacreative.com/20-spectacular-christmas-tutorials/

toma01 20 Únor 2009
the random starmaker doesn't work.. :(

Paulina 14 Duben 2009
Inspirujące. Dziękuję!

good 21 Červen 2009
Perfect!!!!

Pavol 9 Říjen 2009
AMAZING!!!!!!!!:P

kicky 6 Listopad 2009
i really like ur style.. i wanna learn from you..hehe kicky-indonesia

Mohammad Reza Ranjkar 15 Prosinec 2009
Great Work . Thank You

Jonn 8 Červen 2010
For those of you that get an error with the xmasnight.cfdg file when loading it with Contect Free. Change the name of the rule "3ring" to anything that does not start with an integer. Best would be to do open in notepad and do a search and replace to make sure you rename it all.

25 Prosinec 2010
que!!!!!!!

dorin 4 Březen 2011
thank you Vlad. I did everything right, but the fish. I'm a beginner and I couldn't find the intersect mode.

yudi tempur 10 Červen 2011
bagus amat, ku mau kayak gitu.....

Avril 17 Říjen 2011
FANTASTIC!!!!!!!!!!!!!

Avril 17 Říjen 2011
FANTASTIC!!!!!!!!!!!!!

Denise 28 Listopad 2011
SO MUCH FUN!! THANK YOU, THANK YOU!

someone 16 Prosinec 2011
thanks ,it was a very usefull to enjoy Photoshop.

Hannah 20 Srpen 2012
Gotta love the fish :) Your tutorials are absolutely amazing and even though when I try they don't turn out nearly as good I like putting your design on one screen and mine on the other so I can remind myself what happens with practise and awesomeness! Thanks so much!

Show all comments

Přidat komentář

1 2 3 4 5 6