Create a Mini Planet Using Photoshop’s 3D Capabilities

Create a Mini Planet Using Photoshop’s 3D Capabilities

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 Undress a Giraffe in Photoshop 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.


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.


Final Image

  • Mikkel

    Fantastic tutorial…. Great way of learning to use the 3D tools in photoshop

  • Ana S.

    Great tutorial. An example of a tutorial that teach us new techniques with an awesome final result. Thanks Alexandra.

  • http://site2you.com Eric

    Great one! I found it very easy to follow and I really like how the texture and planet came together. Thanks!

    • vasanth

      please can you provide me a video tutorial of this.

  • Omar

    Now THIS is what you call a tutorial! None of that bullshit crap you lot usually post!

    Great work! really appreciate this thankyou

  • naftolimann

    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.

  • http://designcrust.com/ karthikeyan

    wow mind blowing tut… will surely try it.. thanks for the share…

  • M

    Really cool.

  • http://www.tutvid.com Nathaniel

    Great tutorial! Nice way to jump folks into using 3D in Photoshop! Love it!

  • http://guygreenbaum.com Guy G.

    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.

  • http://yiippy.blogspot.com nazrul islam

    mind blowing look i wanted

  • http://www.psd-dude.com John

    I like the result, it looks really cool … in fact I like all the tutorials made by Alexandra :)

  • http://www.nossamatt.fr Matt Masson

    The result looks great! That’s interesting to see how Photoshop can manage 3D.

  • http://www.worldofkaos.com kaos

    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

  • http://www.arphetamin.hu Arphetamin

    Very good tut!

  • http://xgraphica.com Javo

    Wow, realmente sorprendente, felicidades por el tuto.

  • http://blogaje.com Agung

    great tutorial. i’m glad you can share your knowledge. pleased to learn of your web. GBU

  • http://www.pretut.com/ pretut

    waww nice thx for tutorial

  • Terry

    Will be having a play with this one later – many thanks :)

  • http://www.blogger.com/profile/16957392875523705584 Isabel

    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!!!

    • http://www.worldofkaos.com kaos

      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.. ;)

      • http://www.blogger.com/profile/16957392875523705584 Isabel

        Thanks! I just removed the texture from the folder next to opacity and it worked!

  • L

    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!

    • http://alfoart.com/ Alexandra
      Author

      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.

      • L

        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.

    • http://alfoart.com/ Alexandra
      Author

      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?

  • http://www.creativelite.com Jabeer

    Wow, what a wonderful tutorial. I am going to try this now.

  • Pablo

    Very cool tutorial, and for free too… :) I am happy with the result! Took me about 3 hours to complete though.

  • Kyran

    Could someone help? On step 15, my shape makes a weird spiky thing, not a sphere. Any ideas on what i did wrong?

    • http://alfoart.com/ Alexandra
      Author

      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.

      • Kyran

        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?

      • http://alfoart.com/ Alexandra
        Author

        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.

  • Cédric

    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

    • http://alfoart.com/ Alexandra
      Author

      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.

  • Cédric

    ok I just finished the tutorial before reading your response. thank you very much anyway. this tutorial is wonderful.

  • http://graphicriver.net/user/DreamWarrior?ref=DreamWarrior DreamWarrior

    Great tutorial! Thank you for being thorough!

  • Daru Sim

    The best tutorial I’ve ever see. Awesome!

  • Gábor

    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?

    • http://alfoart.com/ Alexandra
      Author

      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.

  • http://www.designaeon.com Ramandeep singh

    Tnxxxxxxxxxxx that waas awesome

  • Daniel

    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.

    • Alexandra
      Author

      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.

    • http://www.behance.net/nekodesign Sidar

      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…

  • Daniel

    Also, one small request. Please let the readers know what type of file to start with: 8bit, 16bit? Thanks.

  • Falco

    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?

  • http://www.behance.net/nekodesign Sidar

    Alexandra,

    At the step 18, when I ad the snow texture, my sphere goes transparent… you know why?

    BTW, nice work!

    Sidar

    • http://alfoart.com/ Alexandra
      Author

      Sidar, Check out texture next to next to opacity parameter. Just remove it.

  • http://www.dakodajones.com Dakoda

    I might give this a try, cool!

  • praveen

    wounder full………………………..

  • http://adharealo.blogspot.com/ Adhare ALo

    Wow what a tut it is!

  • geetha

    hi this tutorial is very good thank u it is really inspiring a lot

  • Firestarter

    This is the worst tutorial ever… made no darn sense at all

  • H. Pylori

    Step 18 is pretty different for CS6… I can’t see “Quality: Interactive (Painting)” part, the Snow Texture didn’t apply even when I changed the texture for Bump and Diffuse (It still remains gray), and the Light setting doesn’t seem to show anything. Can you make adjustments to the tutorial for CS6?

  • http://www.theinternetbuzzer.com PrIyAnGsHu

    Awesome tutorial buddy. Thanks for sharing this step by step guide to make a mini planet in PS.

  • http://thoppp.com Darren

    Very impressive tutorial with awesome results

  • http://www.techmero.com Krishna

    Very nice and impressive tutorial given here, great!

  • http://www.multitopic.net Parmar

    Its very good tutorial which has impressed me, great!

  • Amirmishe

    Great !!! very very cool :)

  • Oliver

    Very nice….

  • http://www.facebook.com/naxeerdesigner Nazeer Sayyed

    Awesome….