How to Create an Elegant Planet Composite In Adobe Photoshop

POSTED IN Articles & Tuts 2012-01-05

In this tutorial, we are going to create an elegant poster design in Adobe Phoshop. We’re going to be using some stock images for this tutorial, which we’ll include of course. By reading this tutorial, we assume you have a solid knowledge of Adobe Photoshop. But hey, enough talking, let’s get started right away!


Here are the stock images you’ll need today.


And so, let the tutorial begin!

Let’s open up Photoshop, and create a new document with 1400×2000 dimensions at 400dpi. Fill the background layer with black (by default, it’s Ctrl+Backspace on the PC, Cmd+Delete on the Mac).

We’re going to use the following image that I’ve created specifically for this tutorial. Use Free Transform (Ctrl+T / Cmd+T)  to make it fit the size of the canvas.

The next thing to do is to create two circles, each onto their own layers. Pick a round brush with a  size of 928px and 100% hardness, and put a circle in the center of the picture. Then, set the size to 795px while leaving the hardness level intact, and put another circle on a new layer. When done, nudge the two cirlces to be centered.

Okay. Use Ctrl-Click (Cmd-Click on the Mac) to select the inner circle, then click on the black circle’s layer, and hit delete. This way we’ll have a ring. Of course, let’s delete the smaller circle’s layer, we won’t need it anymore.

The next step is to grab our wooden texture image, drag in onto the stage, then Ctrl-Click (Cmd-Click on the Mac) on the ring, and while still being on the wooden layer, hit the Create Mask icon in the Layers Palette.

After hitting Create Layer Mask, it should look like this.

Now, let’s apply some Brightness-Contrast, as shown.

Double click this layer to bring up the Layer Styles window, and set these values to achive the final look of the wooden frame.

All right, so the frame and the background are done Now comes the Planet. I just used the image itself, with only some inner shadow applied to it.

It should look like this.

The next step is to create the glassy effect. For this, we’ll use a custom-rendered image of a bulb. Place it on the canvas, and use the transformation options to resize it according to the planet’s size. Set it’s blending mode to Screen.

Then use the Eraser Tool (E) to remove the bottom part, leaving the top 3/4 of the bulb visible. Like this.

We now need to duplicate this layer, and flip it vertically. You can do this from Edit – Transform – Flip Vertically. You may need to do some repositioning after flipping, that’s perfectly okay.

Then, with a soft-edged brush, erase the middle part of both layers.

For the final movement of the main theme, we’ll use a sky-scape that we’ll create ourselves right away! Create a new layer, place in on top of the layer stack, and fill it with black. Now go up to Filter – Noise – Add Noise, and add a Gaussian Monochrome noise with 120% Amount. Now hit Ctrl+L (Cmd+L) to bring up the Levels dialog, and input 214 / 1.00 / 232 to the three corresponding value fields.

When done, set this layer’s Blending Mode to Screen.

Then go up to Filter – Blur – Gaussian Blur, and apply a 0.3 blur to the layer.

Now if you feel that it’s too intense, just lower the opacity a bit. Also to make it more realistic, grab a soft edged Eraser (E) brush, and gently swipe away some of the unneeded ballast.

The main theme is now complete. We can also add some text under the planet, which I won’t cover for now. I’ve used a light grayish color fot the text, and set it’s Opacity to about 69% to get a super-realistic result. I also played a little with the Opacity of the logo’s different parts.

When all these are done, we can finalize our image with some Adjustment Layers. Add a Curves adjustment layer on top of all layers with the following values.

And finally, a Brightness/Contrast adjustment layer with these settings.

And this is it! Congratulations on completing this tutorial! Here is our final image.

We’ve learnt a couple of techniques to create a cool planet composite. These techniques can be used in any of your future graphic design work.

Please leave a comment if you are stuck, I’m glad to help out! Also, why don’t you share your results with us? Comments and sharing are also welcome. Thank you!

You may also want to check out the Original article on The SzabokaDesigns Blog.

6 hozzászólás

  1. Cobe szerint:

    way to go mayne… great perfection achieved in simple steps… Cheers

  2. Lacza szerint:

    Mayne again 😀
    Thank you’re welcome.

  3. Eduardo szerint:

    Hi, I really love your work it’s original and interesting. I’m stuck in the part with the levels, when I hit ok it gets back to the part with the noise filter. I hope you can help me, sorry for my english.

  4. Jen szerint:

    I was not expecting that end result. I LOVE this! The light bulb was throwing me off at first, but what a cool concept. I still have limited patience with learning Photoshop, but THIS is why I would like to learn it. Well done.

  5. Rosilawati szerint:

    So that’s the case? Quite a reloiatven that is.