Search:
All Any

Part of mariaus.info network Subscribe via RSS
Follow on twitter Request a tutorial
Create a planet in Photoshop
Business card # 1
Non destructive deletion with layer masks
Create 3D clear glass text in Photoshop
Visitor request: Drawing hair in Photoshop
Photography and art inspiration # 1
Photography and art inspiration # 3
Photography and art inspiration # 4
Photography and art inspiration # 2
Go to first pageAdd to favorites (this)Contact page ownerRequest a tutorialSubscribe to the Tip Kit news
Request a tutorial
Create a supernova in Photoshop

Create a beautiful supernova explosion in Photoshop.
img/p43_49.jpg


Preparation

Since supernova is a fenomena in space, we will need a space background for it. I have 2 tutorials for creating space backgrounds, you can choose one of the below to create your background:

img/tut_spaceback_2.jpg
img/tut_spaceback_1.jpg

Alternatively, for the lazy ones, here's a sample 1280x800 background:

img/base_space_bg2_thumb.jpg


Next thing we need is a custom brush to draw some cloud-ish shapes. Press on the picture below to open the cloud brushes tutorial and, following the instructions, create clouds brush # 3 if you haven't done that yet.

img/tut_cloud_brushes.jpg


The tutorial

Let's start creating our supernova. First change the foreground color to white. Create a new layer above the background and name it flare. Now take the brush tool img/ps_tool_brush.jpg from the tools palette, pick a clouds brush # 3 preset and make it 100% opaque. Click a few times somewhere on the picture to create a shape similar to this:

img/p43_1.jpg

Using the move tool img/ps_tool_move.jpg from the tools palette, move this shape to the bottom right corner of the picture. Now go to Filter > Blur > Radial Blur ... and apply the following settings:

img/p43_2.jpg

Now move the blurred result back to the center of the document. Press CTRL+J to duplicate the layer. Now press CTRL+T to transform it. You now need to rotate the image to the right a little and then move it to the right as well like this:

img/p43_3.jpg

Duplicate this layer and transform like you've just done again:

img/p43_4.jpg

And again:

img/p43_5.jpg

Now select the topmost layer and press CTRL+E until you merge all layers to the flare layer. In the end there has to be only background and flare layers left. Duplicate the flare layer and go to Edit > Transform > Flip Vertical. Then position the duplicate as follows:

img/p43_6.jpg

Merge the topmost layer with flare layer. Now press CTRL+T, grab any of the corners of the transformation outline and, while holding SHIFT, downsize the flare to about this size:

img/p43_7.jpg

Now zoom out so that all of the document became visible (use CTRL+- to zoom out). Press CTRL+A to select all, CTRL+X to cut the flare and CTRL+V to paste it. Why do we need that? Because if you zoom out and paste something, the object gets positioned in the center of the document and that's what we need. Go to Filter > Blur > Radial Blur ... and this time apply the following settings:

img/p43_8.jpg

Press CTRL+F a couple of times to repeat the blur process. The result should look similar to this:

img/p43_9.jpg

OK our flare is ready, let's move on to the next part. Let's hide the flare layer temporarily by pressing an eye icon next to it. Create a new layer on top and name it line h. Take the brush tool img/ps_tool_brush.jpg from the tools palette, select a 300px soft round airbrush with 100% opacity and click twice in the center of the image. You should get a nice soft circle like this:

img/p43_10.jpg

Now pick the smudge tool img/ps_tool_smudge.jpg from the tools palette and pick the same brush preset. Set the exposure value to ~30% and smudge the left and right sides like this:

img/p43_11.jpg

In case you don't know how to do that, it's very simple: click and drag one of the sides a little, then repeat the process until you get a decent result. Now go to Filter > Blur > Motion Blur ... and apply these settings:

img/p43_12.jpg


Press CTRL+T to transform the layer and apply a similar transformation to the one below:

img/p43_13.jpg

As you can see, the left and right sides of transformation are out of bounds and the object now takes almost all the width of the document. Duplicate the layer to increase the intensity of the object. But what we want to do here is only increase the intensity in the middle of the object. To do that we need to downsize the top object's height. Press CTRL+T, grab a middle horizontal transformation handle and, holding the ALT key, downsize the object's height. ALT key is needed in this situation, because it mirrors the operation: so if you drag the top horizontal transformation line - the bottom one also reflects the changes. In the end we will have the line h layer below and this new thiner object on top:

img/p43_14.jpg

You can now merge the top layer down with the line h layer. Duplicate the line h layer again and rename the new layer to line v. Hide the line v layer for now and select line h. Grab the brush tool. It's probably still set to soft 300px airbrush with 100% opacity and that's what we need. Move your mouse to the center of the object as shown in the picture above and click once:

img/p43_15.jpg

Now press CTRL+T to enable the transformation tool and rotate/position the object like this:

img/p43_16.jpg

Re-enable the flare layer and you should end up with something like that:

img/p43_17.jpg

Create a new layer above the background layer and rename it to rings. Disable flare and line h layers to leave only background visible. Take the elliptical marquee tool img/ps_tool_seleclipt.jpg from the tools palette and, while holding SHIFT, draw a circle on the document. Fill it with white by pressing ALT+BACKSPACE. Do note lose the selection yet :) Go to Select > Modify > Contract ... and contract by 10 pixels. Now press DEL to get rid of the middle of the circle. Deselect with CTRL+D and position the circle in the center of the document. Go to Filter > Blur > Gaussian Blur ... and apply a 7-8 pixel blur. Here's how your circle should look now:

img/p43_18.jpg

But it's not as bright as i'd want it to be so let's press CTRL+J to duplicate it, thus increasing the intensity and CTRL+E to merge the duplicate down with the original. Now we will be creating a few more rings like that and to make things a little easier, let's do it like that: duplicate the rings layer with CTRL+J, press CTRL+T and, while holding SHIFT and ALT keys, drag one of the corner handles to symetrically resize the new ring:

img/p43_19.jpg

Duplicate the larger rings layer and transform the new one to make an even bigger circle:

img/p43_20.jpg

Now select the original rings layer, make a copy (CTRL+J) and this time make a smaller circle:

img/p43_21.jpg

Now select all the ring layers and press CTRL+E to merge them together. Rename the resulting layer to rings if it's not yet named like that. So here's our layers so far:

img/p43_22.jpg

Enable flare and line h layers. With the rings layer selected, go to Edit > Transform > Distort and apply the following distortion:

img/p43_23.jpg

Duplicate the rings layer and reselect it. Now press CTRL+T. In the tool settings panel on the top of the Photoshop's window, lock the aspect ratio and resize it like shown below:

img/p43_24.jpg

Change the opacity of the rings layer to about 60%. Align the rings layer with the smaller rings like this:

img/p43_25.jpg

Now we will get rid of some parts of the larger rings layer. Basically we want to gradually fade the furthest part of the rings. Grab the eraser tool with a soft partially opaque brush and delete the furthest part of the large rings like that:

img/p43_26.jpg

Select the top rings layer and merge it down (CTRL+E). Now re-enable the line v layer and select it. Press CTRL+T to transform it. At first make it thiner, decrease its width to fit in the document and then rotate/position as follows:

img/p43_27.jpg

Now it's starting to look interesting, but there's still lots of work to be done. Duplicate the rings layer and apply the following Filter > Noise > Add Noise ... filter:

img/p43_28.jpg

Press CTRL+L for levels adjustment and drag the left slider to the right like shown below:

img/p43_29.jpg

Press CTRL+I to invert the colors of the current layer and set the blending mode to lighten. After doing so, the rings should look like that:

img/p43_30.jpg

Select both ring layers and merge them together. Rename it to rings again if the name had changed. Create a new layer on top of all other layers and name it explosion. That's a lame name for the thing that we're going to create, but i couldn't figure out anything better :). Select the brush tool and pick the following brush preset:

img/p43_31.jpg

With a 100% opaque brush draw a shape like the one below in the center of the document:

img/p43_32.jpg

Go to Filter > Blur > Radial Blur ... and apply the following blur:

img/p43_33.jpg

Press CTRL+F a couple of times to repeat the blur process and re-enable all the layers. my "explosion" turned out to be smaller than i needed so i've transformed it like so:

img/p43_34.jpg

Now align the explosion with the center of the image:

img/p43_35.jpg

And you should already notice that something's missing. The angle of the explosion is quite bad. Remember what we did with our first radial blur? We've made a copy and rotated/positioned it until we had a decent result. Let's do that again. Duplicate explosion layer, press CTRL+T and rotate/position it left to the original explosion:

img/p43_36.jpg

The angle is still not good so do the same procedure again:

img/p43_37.jpg

And again:

img/p43_38.jpg

And that's what we were trying to achieve. So let's select all the explosion layers and merge them together. Now pick the brush tool with a clouds brush # 3, select a blue-ish color and set the opacity of the brush to about 5%. Lock the pixels on the explosion layer by pressing lock transparent pixels button img/ps_btn_lockpixels.jpg in the layers panel. Draw on the explosion layer to gradually color it:

img/p43_39.jpg

Set the blending mode of the explosion layer to overlay. OK it's time to add some extra effects. Create a new group (folder) and name it explosion. Create a layer inside it and rename it to particles 1. Open the brushes engine (Window > Brushes) and define the following brush:

img/p43_41.jpg
img/p43_42.jpg

Disable all layers except the background and draw lots various size particles of a maximum 10px all over the document. Here's what it should look like:

img/p43_43.jpg

Go to Filter > Distort > Spherize ... and apply a 50% distortion. Now select Filter > Blur > Radial Blur ... and apply it with the following settings:

img/p43_44.jpg

That gives us some sort of movement feel and it looks like the particles are flying away from the explosion point:

img/p43_45.jpg

Create a new layer above particles 1 and name it particles 2. Disable first particles layer to clearly see the background and draw some new particles on the particles 2. This time, create less particles than before. Then duplicate the particles 2 layer, reselect it and apply the same radial blur as the last time (you can just press CTRL+F to repeat the filter). When we created the first set of particles, we've completely blurred them out, thus making them appear out of focus and far away. But we want to make this new set of particles in focus and still have them appear moving. We've done a part of that already, but if you look closely at the picture, you'll notice that the particles are surrounded by the blur and that's not really a good thing. We want the blur to only be positioned below the particles to look like a faded movement. To do this, we need to downsize the blurred layer just a little. Press CTRL+T and go to the tool settings panel on the top of Photoshop's window. Lock the aspect ratio and change the width or height to about 98%. Change the opacity of this blurred layer to about 40%. You can now enable all the layers. Here's what we have so far:

img/p43_46.jpg

Now create a new layer below the particles 2 and name it rays. Grab the gradient tool img/ps_tool_gradient.jpg from the tools palette, set it to an angle gradient and click on the gradient selection box:

img/p43_47.jpg

When gradient editor opens, use the following settings:

img/p43_48.jpg

Now draw a gradient on the rays layer. Start in the center of the document, drag all the way to the furthest corner and release. Press CTRL+SHIFT+U to desaturate the colors and change the blending mode of rays layer to color dodge. And the last thing ... finally :) Decrease the opacity of rays to about 50%. That's it - you're done! If everything went well, you should now have something like the picture below:

img/p43_49.jpg

Article written by: Marius S.
This article is an intellectual property of its respective author. All images, used here are property of tip-kit.com if not stated otherwise.
Share this article
Digg del.icio.us Facebook Furl Google Reddit Slashdot StumbleUpon Technorati
How easy was it to understand? Was it useful?










Leave a reply
Your name:

Message:

Confirmation code
Please enter the above code:
Shiv says:
It's Excelent
2009-07-24 15:43:44 (GMT)
david witt says:
this tut was great fun, well explained and well worth the time. I loved it. THANKS :-)
2009-07-29 14:18:52 (GMT)
ehab says:
it's very beautiful

thank you
2009-08-20 16:26:45 (GMT)
Copyright © 2009 Tip-Kit.Com | Valid XHTML 1.0 | Powered By Isis | RSS