Влез Translate Vladstudio Български

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 →

Коментари {65}

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

graviron отдавна
I can't say anything... Words are just not enough.. haha... supreme art...^^

eMoe отдавна
you are amazing! Thanks for sharing. God bless you.

Chantal Québec City отдавна
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 отдавна
GREEEAAAAAAAAT!

Viv отдавна
context free can render images on transparent backgrounds too! nice work btw ;-)

BHupendra Zala отдавна
Amazing.........!!!!!!!!

alen отдавна
aaaaawwweeessoommmee ddduuudddeeee!!!!

hans отдавна
FANTASTIC!!!

Sophie отдавна
I (L) IT!!

Patrick Lee 13 Юни 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 Декември 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 Декември 2008
Wat a beauty man keep it up

bull 27 Февруари 2009
in Turkey and i say: awesome! thanks

lixie 19 Юни 2009
wow!!that's all i have to say...woooweerr

HALAF 27 Август 2009
GREAT I `M PROUD OF THESE GIRLS AND GUYS THANK YOU

ray 27 Ноември 2009
masterpice . thanks

Cariboou 6 Декември 2009
and here Canada we said wonderful!

2 Юни 2010
good

isa 28 Август 2010
je n´ai rien comprie

Vinayak S. More 7 Октомври 2010
Thankkkkkkkkkk

roland 10 Ноември 2010
youre amazing

8 Февруари 2011
this is amazing. thank you for putting together. very talented!!

2 Април 2011
super

unknown 24 Юни 2011
hard!!!!!!!!!!!!!!!!!!!!!!!!

Avril 17 Октомври 2011
FANTASTIC!!!!!!!!!!!!!

Avril 17 Октомври 2011
FANTASTIC!!!!!!!!!!!!!

15 Декември 2011
Great tutorial, though it doesn't seem to work form the beginning for me :(

6767 22 Декември 2011
uu

snehal отдавна
thnks again u r d best teacher i could ever came across. i luv it

carlo отдавна
do you have any PDF turtorials, that might be more specific... hehehehe... :-o

Gabriel отдавна
Nice work there. Your kind exceptionally to post tutorials, true designer!

yohana отдавна
owesome, nice try. it's so artistic.smile

akinomoto отдавна
arigatou arimastha, thx for tutorial smile

dvhhzsypye отдавна
Hello! Good Site! Thanks you! kgsgmtxwpj

Chandan отдавна
it's amazing! Thanks i like it

Tayeb отдавна
thanks a lot fot this beautiful & helpful tutorials

simon отдавна
kapo dol.

ram ashok отдавна
Very Very FANTASTIC!!!

iñigo отдавна
Amazing, thank you very much!

radhakrishnan отдавна
Thanks for sharing such a beautiful tutorial

OD отдавна
Chapo!

Sindri Svan отдавна
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 отдавна
In Hungary, we say this: beszarás!!!!!!

zOee отдавна
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 отдавна
Very Very beautiful Congratulation !!!

Kevin Lahtinen 18 Септември 2008
I'm jealous:)

Joko Suwono 22 Октомври 2008
Energix and Funtastic Design! i admire you!

aleksa 4 Декември 2008
fantasticno!!!

Eric Shafer 24 Декември 2008
Tracked back to from here: http://www.presidiacreative.com/20-spectacular-christmas-tutorials/

toma01 20 Февруари 2009
the random starmaker doesn't work.. :(

Paulina 14 Април 2009
Inspirujące. Dziękuję!

good 21 Юни 2009
Perfect!!!!

Pavol 9 Октомври 2009
AMAZING!!!!!!!!:P

kicky 6 Ноември 2009
i really like ur style.. i wanna learn from you..hehe kicky-indonesia

Mohammad Reza Ranjkar 15 Декември 2009
Great Work . Thank You

Jonn 8 Юни 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 Декември 2010
que!!!!!!!

dorin 4 Март 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 Юни 2011
bagus amat, ku mau kayak gitu.....

Avril 17 Октомври 2011
FANTASTIC!!!!!!!!!!!!!

Avril 17 Октомври 2011
FANTASTIC!!!!!!!!!!!!!

Denise 28 Ноември 2011
SO MUCH FUN!! THANK YOU, THANK YOU!

someone 16 Декември 2011
thanks ,it was a very usefull to enjoy Photoshop.

Hannah 20 Август 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

Добави коментар

1 2 3 4 5 6