Tutorial Details
- Program: Adobe Photoshop CS5 Extended
- Difficulty: Intermediate
- Estimated Completion Time: 2 -3 Hours
Download Source Files
Final Product What You'll Be Creating
When most people think about Photoshop, they probably don’t think about 3D. What most people don’t realize, however, is that Photoshop CS5 Extended includes some powerful tools to help you render your artwork in 3D. In this tutorial we will demonstrate how to create a mini planet using Photoshop’s 3D capabilities. Let’s get started!
Tutorial Assets
The following assets were used during the production of this tutorial.
Step 1
Create a new document, the size is 1400 x 1400px, 96 pixels/inch. Fill background layer with radial gradient or apply Gradient Overlay effect (unlock background layer).


Step 2
Insert sky image. Go to Edit > Transform > Rotate 180°. Then choose Transform > Warp, apply Arch transformation like on the example. Make active Distort transformation and drag sky layer corners. Follow screen shot red arrows directions.



Step 3
Add Layer Mask
to the sky layer (click Mask icon in the bottom of layers palette). Fill Mask with the Black and White Reflected Gradient . Correct top right edge with soft large Brush Tool. Apply Screen Blending Mode, Opacity 80%. Add Adjustments Clipping Masks to this layer – Black & White and Levels. Click
icon in the bottom menu of the Layers Palette. Select all adjustments layers (make them active), right click > choose "Create Clipping Mask". Apply setting for each adjustment layer like on the examples below.



Step 4
Group and duplicate sky layers, move them up. Edit > Transform > Rotate 180°. Apply Scale transformation to this group of layers to make it smaller than the bottom one. Now you should have gradient background and two groups of sky layers.


Step 5
Insert stars photo. Remove reflections with the Patch Tool. Select reflections and drag the selection border to the clean area. When you release the mouse button, the trace of the selected area is patched with the sampled pixels.


Step 6
Rotate it on 90° and apply Warp Arch transformation just like for the sky layer in previous steps. Then stretch this shape and rotate it again.


Step 7
Duplicate stars layer, turn it on 180° and move it left and down.

Step 8
Merge stars layers and apply Screen Blending Mode. In order to completely remove light background shade, go to Image > Adjustments > Levels and move left black marker to the center a bit.

Step 9
Let’s make snow material for the first 3D shape. Open a new document – 1200 x 1200 px, 96 pixels/inch. Unlock the background layer and convert it to the Smart Object. Layer > Object Layer > Smart Objects > Convert to Smart Object. Apply Color Overlay effect to this layer .

Step 10
Apply following filters. Filter > Noise > Add Noise and Filter > Artistic > Sponge. Use settings like on the screen shots below.



Step 11
Crate a new layer fill it with black color, Click "D" to make default black and white colors
. Go to Filter > Render > Different Clouds. Repeat Command/Ctrl+ F until you get similar effect like on the screen shot. Apply Screen Blending Mode to this layer. You may save this texture as a regular JPG file.


Step 12
In order to create 3D sphere with mountains landscape, we need to make special grayscale texture. Make a new document 1200 x 1200px 96 pixels/inch. Fill the firs layer with gray color #9f9f9f.

Step 13
Create a new empty layer, go to Filter > Render > Clouds. Keep foreground/background colors black and white
. Scale the "clouds" layer like on the screen shot and apply Screen Blending Mode.


Step 14
Add Layer Mask to this layer and fill it with Radial Black and White gradient from center to edges. Then make several copies of created layer. Apply random Scale, Rotation transformation for each copy and set smaller amount of Opacity – around 40-60%. Light colors are creating heights of the mountains and spots with smaller Opacity parameter making them lower. Group the clouds layers and set opacity for the group folder around 75%. Merge all texture layers and add Gaussian Blur effect, Filter > Blur > Gaussian blur ~2px. We need to make very smooth and low contrast image. You may check out the result with the high contrast texture on the last two screen shots.


.jpg)
.jpg)
Step 15
Insert created texture to the main Photoshop document. Put it above stars and sky layers. To optimize 3D rendering process, I’ve made Smart Objects for all 3D shapes in this tutorial. For another thing, our textures have different size than main Photoshop document, but in order to create the regular sphere shape, texture should cover whole working area. Right click texture layer, choose Convert to Smart Object. Double click Smart Object thumbnail to open smart object content in a separate window and convert it to 3D shape – Open 3D settings window, Window > 3D and choose 3D Mesh from Grayscale > Sphere. After editing the contents choose File > Save to commit the changes. Those changes will be reflected upon returning to the main file window.

Step 16
Here you may see the camera settings for the 3D scene.

Step 17
Use these tools to rotate, move and scale
created 3D shape.

Step 18
Apply following Scene settings. In final change "Quality" from "Interactive (Painting)" to "Ray Traced Final". Download lights presets, choose "Replace Lights Presets" and find "lights_mountains" on your computer. Apply Snow texture to the Diffuse and Bump parameters.



Step 19
Apply Inner shadow effect to created 3D layer.

Step 20
To create water texture, create a new large document 2400 x 2400px, 96 pixels/inch. Apply blue gradient to the first layer.


Step 21
Set default colors just like on the screen shot, create a new empty layer, go to Filter > Render > Clouds. Then Filter > Artistic > Plastic Wrap.


Step 22
Duplicate textured layers two times. Apply Soft Light Blending Mode to the bottom layer and Screen Blending Mode to the top one.


Step 23
Add "Black&White", "Levels" Adjustment Clipping Masks to the top layer. Save this texture as a regular JPG.


Step 24
Return to the main Photoshop file; create a new layer above the first 3D mountains smart object. In order to get the exactly same size sphere, create a square 1200px x 1200px, use the same color as for the mountains texture background – #9f9f9f. Right click gray layer, choose "Create the Smart Object from this layer". Double click layer thumbnail to open smart object in a separate window. 3D > New mesh from Grayscale > Sphere. Apply absolutely the same 3D object and camera tools position settings as for the mountains shape in previous steps. The new shape should be the same size as the previous one with the mountains.


Step 25
Adjust scene settings. Apply Ray Traced Final Quality after other adjustments. Upload water texture to the Diffuse and Bump parameters. To find better texture position, right click texture icon and change Texture Properties. For the Bump setting you may use default texture properties. Download light preset for the water layer and apply it using the same way as for the mountains 3D layer.


Step 26
Add the Layer Mask to the mountains Smart Object in the main Photoshop document or to 3D layer inside the smart object. Fill the mask with the Linear Black and White gradient in the bottom part. Then choose small round Brush Tool and correct surface contour with black or white color in the Layer Mask.


Step 27
Now we have background layers and two smart objects above. Move water layer below the mountains. Load selections for the current mountains layer Select > Load selection. In order to make left bottom part of the snow shape smoother, make active water layer and copy selected area. Paste copied water part above both of objects, add Layer Mask, fill it with the linear gradient just like on the screen shot and apply Soft Light Blending Mode.

Step 28
Crate a new document for craters texture, 1200 x1200px, 96 pixels/inch. Fill the first layer with #808080 color. Keep default colors
. Create a new white or black layer, go to Filter > Render > Different clouds. Repeat Command/Ctrl + F several times to get the similar effect.


Step 29
Add Levels Adjustment Clipping Mask to the clouds layer. Merge clouds with the adjustment layer, go to Image > Adjustments > Invert, and apply Screen Blending Mode to it.


Step 30
Change Opacity parameter for this layer and add Layer Mask. Fill it with the Radial gradient from center to edges.

Step 31
Draw a small circle in a new layer, apply Gradient Overlay effect to this shape.


Step 32
Duplicate created circle several times, apply Scale transformation for them to create different diameter craters, Play with Opacity setting to get different heights. Group circles layers and apply ~30% Opacity to the created group folder.


Step 33
Now you may merge all texture layers, apply Gaussian Blur filter -2px and move the final texture layer to the main Photoshop document. Convert it to the Smart Object, double click Smart Object thumbnail to open inside content in the separate window. Convert Texture to the 3D shape.


Step 34
Apply Camera position settings the same as for all previous shapes. Move, scale and rotate
the 3D shape to find better position. You may find how it looks like in the main Photoshop document on the second screen shot. Apply "Snow" texture for Diffuse and Bump settings. Upload "lights_planet2" preset for this shape. Pay attention to the new light source – blue reflection from the water sphere.



Step 35
Apply Gradient Overlay effect to the third smart object layer. You may use Spectrums gradient preset – "Light Spectrum".


Step 36
Duplicate craters Smart Object layer several times to create small planets. Double click each new Smart Object thumbnail to open 3D settings. Scale, rotate and move
each shape to get different positions. Correct Opacity setting for the far planet Smart Object layer ~ 84%.

Step 37
Check out all 3D shapes "Ray Traced Final" Quality scene parameter, to get the better result. Select whole working space in the main Photoshop document, Select > Select All, then go Edit > Copy Merged. Paste merged composition into a new layer (layer 18 on the screen shot below). Press Quick Mask icon
.

Step 38
Choose Reflected Black and white Gradient Tool. Keep Quick Mask pressed. Find craters 3D shape in the bottom layers and load selection for this layer. Take large soft translucent white Brush Tool and touch the bottom part of selected area. Choose Select > Deselect.




Step 39
Keep active Quick Mask Mode. Load selection for the water sphere, add to selection "mountains" layer, use Command/Ctrl + Shift + click "mountains" layer thumbnail. Correct Mask in the selected area with the translucent soft white Brush Tool, just leave light pink shade on the mountains tops and "south pole". Deselect planet shape. In final touch left edge of the right bottom small planet with the small soft translucent Brush Tool.



Step 40
Deselect any active selections and then release Quick Mask button. Go to Filter > Blur > Lens Blur.


Step 41
Duplicate merged layer after lens corrections, go to Image Adjustments > Black and White (default). Apply Soft Lights and Opacity 20% to this layer.


Fantastic tutorial…. Great way of learning to use the 3D tools in photoshop
Great tutorial. An example of a tutorial that teach us new techniques with an awesome final result. Thanks Alexandra.
Great one! I found it very easy to follow and I really like how the texture and planet came together. Thanks!
Now THIS is what you call a tutorial! None of that bullshit crap you lot usually post!
Great work! really appreciate this thankyou
very nice result, however, am i the only one that thinks learning the 3d in photoshop is a complete waste of time. its way to convoluted and with hours of work all you can hope for is mediocre results.
deke has like a 40 hour photoshop 3d course and the end result is stuff you could learn in 20 minutes of c4d.
wow mind blowing tut… will surely try it.. thanks for the share…
Really cool.
Great tutorial! Nice way to jump folks into using 3D in Photoshop! Love it!
Wow, that was fun. I think the tilt shift effect gives it a more creative feel, rather than trying for a hardcore 3d execution. I plan to adapt this technique for scrolling additive backgrounds in html5.
mind blowing look i wanted
I like the result, it looks really cool … in fact I like all the tutorials made by Alexandra :)
The result looks great! That’s interesting to see how Photoshop can manage 3D.
Badass. I can do just about anything in 2D, but suck hard when it comes to 3D (go figure). I’m going to try this tutorial, because it seems like it’s really helpful, fun and – most importantly – the outcome is just plain awesome..! :D
Very good tut!
Wow, realmente sorprendente, felicidades por el tuto.
great tutorial. i’m glad you can share your knowledge. pleased to learn of your web. GBU
waww nice thx for tutorial
Will be having a play with this one later – many thanks :)
This tutorial is really great, but did anyone else have trouble applying the “snowy texture” to the main planet?? When i did it, it came out all see-through like … i need help!!!
Yes, but you have to um… turn off the middle thingy (next to opacity – see the last picture in step 18).
I can’t recall exactly what I did, but.. ;)
Thanks! I just removed the texture from the folder next to opacity and it worked!
When I attempt to follow this tutorial everything works great until I build the 3D Sphere using the texture provided (my texture I created had the same effect). The mountains look great but the sphere itself is not smooth but extremely rough. I have triple checked myself to make sure I followed the instructions correctly. When I apply the snow texture you do not get the same effect. The roughness throws off the entire artwork. Is there a setting I am missing?
Thanks for any help!
Hi, L
First of all check out the size for the Photoshop document and texture(1200 x1200px, pay attention to 96px/inch resolution) and “Ray Traced Final” quality. “sphere itself is not smooth but extremely roughIt’s” -this part is not pretty clear for me. Could you please provide the link to the screen shot or psd file.
Thanks for the reply. Here is a screenshot: http://screencast.com/t/cXeqmHQJW – It is through Step 19. I have also shown the image size and the 3D Panel so you can see the settings.
Hmm, I think it looks like interesting and nice effect:), but I Can’t figure out how this happened. The hummocky surface looks like a part of Grayscale Mesh effect. Also I don’t see blue spots on the texture by some reason. Can you provide psd file just with the 3d layer in it?
Wow, what a wonderful tutorial. I am going to try this now.
Very cool tutorial, and for free too… :) I am happy with the result! Took me about 3 hours to complete though.
Could someone help? On step 15, my shape makes a weird spiky thing, not a sphere. Any ideas on what i did wrong?
Kyran, try to create 3D sphere shape in the separate square document. Textured grayscale layer should cover whole square document space. If you are using your own texture, keep gray/light spots for mountains in the center part and all other area around clean. Make it smooth, low contrast and don’t forget apply Gaussian Blur Filter ~2-4px. Apply “Ray Traced Final” quality after 3D converting.
Thank you, it worked, but now for step 24, when I right click the square,”Create the Smart Object from this layer” doesn’t show up. Any ideas what I’ve done wrong?
Right click, not the square, but layer with the square. Just find layer with the gray square in the layers palette, make it active. You may use right click to create a smart object or just go to the Menu > Layer > Smart Object > convert to Smart Object. May be will be easier for you create all 3D shapes in the separate documents without converting to the smart objects. Or another way, create 3D shapes in the main Photoshop document without smart objects, but transform grayscale textures to cover the whole document space before 3d converting.
problem on step 18! “Snow Apply texture to the Diffuse and Bump parameters.” it nothing happens to the rendering, the form remains gray. I can not find the snow texture. Could someone help? thank you
Cédric, you may find how to create the snow texture in steps 9 -11. Make it the new Photoshop document, save as JPG file and then use it for Diffuse and Bump settings.
ok I just finished the tutorial before reading your response. thank you very much anyway. this tutorial is wonderful.
Great tutorial! Thank you for being thorough!
The best tutorial I’ve ever see. Awesome!
I think no people on planet Earth who really need this… The tut is fine, and we can see something really interesting thing, but I think this is not usable in real life. Yes, okay, PS has 3D features, right. But who will sitting front of the monitor for weeks, and trying filter by filter by filter by filter… to do this.
Alexandra maybe sponsored by Adobe… Right?
I’ll be happy to be sponsored by Adobe! If you know the way how to do it, please let me know. Filters effects are pretty understandable for me, I don’t need weeks or hours to get the result.
Tnxxxxxxxxxxx that waas awesome
Finally, done, It is a great tutorial. Thank you very much.
I do have to say that step 28 is not very clear. I did not get the same results though I followed the instructs to the letter. I tried many times to the point where I found my own way to get the results I needed. So I think it is good advice for others to figure out your own way if you are not getting the same results. You still learn a lot.
Daniel, it was 8 bit document. About step 28, what exactly is not pretty clear for you?
1. Actually you have to create a solid gray color layer and fill the whole area of the NEW layer above with different clouds(There are two filters in photoshop – “Clouds” and “Different clouds”, use the second one) and get RANDOM spotty texture.
2 Then try to make the cloudy layer very light(just gray and white spots), Invert image(image > Adjustments > Invert) also use Levels settings from Image adjustments – move gray and white markers left(try different positions).
3. Apply Screen Blending mode to the very light cloudy layer.
4. Add several circles with the light shade edge.
5. Merge clouds, and circles layers with the bottom gray layer.
It seems that you don’t use Photoshop. Because Photoshop is all about filters and filters and layers and layers….I mean using photoshop is just a must plus doing 3D on the same software makes it easer and get more creative…
Also, one small request. Please let the readers know what type of file to start with: 8bit, 16bit? Thanks.
Hi, Alexandra
Thanks for the tutorial, but, could you help me on 18 step?
When I applied snow texture to the Difuse and Bump parameters,
the image becomes translucent, about 50% for the original.
I have repeated many times this step, but the result is the same as i told you.
What am I doing wrong? Or is it just a bug on my photoshop?
Alexandra,
At the step 18, when I ad the snow texture, my sphere goes transparent… you know why?
BTW, nice work!
Sidar
Sidar, Check out texture next to next to opacity parameter. Just remove it.
I might give this a try, cool!
wounder full………………………..
Wow what a tut it is!