Identify Design
100% Giraffe Approved

Searching for all articles in the textures category...

Avatar of Woody

by Woody

Archive: Set your Meteor and Rocks Alight with Fire

Tuesday May 19th, 2009 in Photoshop Tutorials


This post is an archived post. This means it is old or has been archived for rewriting in the near future. Please be aware that the contents of this article or page may be out of date. If you need assistance be sure to leave comments and our community can help you.
In our previous tutorial we showed you how to create a meteor from scratch using a stock photo and some clever filter effects. We're going to use the meteor we created and set it on fire to create a stunning burning meteor effect. With some clever filtering, colour manipulation and careful brushwork, we're goin to transform our meteor into a flaming ball of magma and burning rock, suitable for any spacescape landscape.
This is part two of a two part tutorial. If you've not read the first tutorial, be sure to read as some elements from that tutorial will be used in this one: Create a Stunning Burning Meteor Effect.

Setting the Meteor On Fire

First of all, we want our base meteor to work with. We want it all as one layer, so we're going to merge them. Click on the eye icon on the background icon to hide the background and merge the visible layers by clicking Left Shift, Left CTRL and E.
Make sure you're not saving over your original document when merging layers like this. You won't be able to retrieve them if you do, and you never know when you might need to do this.
Duplicate our meteor by pressing CTRL and J. Change the blending mode of the duplicated layer to Overlay. Your meteor should suddenly light up a lot if you've done this right. We're now going to change the shading of our meteor to reflect the fact it's burning. To do this, create a new layer above every other layer. Fill it in with a deep, crimson red colour (I'm using #AA1F1F just to be simple, but darker reds work very well). If done correctly, your whole image should be this one colour now.

Set the colour layer's blending option to Colour. Whoa! A little too red, I think. Let's lower it a little by lowering the opacity of our colour layer. We want to have a strong colour, though, so don't lower it excessively. About 40-50% should do fine. Once you've done that, your meteor should now be looking something like this:

Our meteor is now starting to look remotely like it's on fire!
Now we're going to add a bit of orange shading to generate a more fire-like effect with our colour shading. To do this, create a new layer above every layer except the colour layer we made, which it should be below. Select a beautiful, bright orange colour (I'm using #FFA200) and begin to paint around randomly in a manner similar to when we painted our meteor black in the previous tutorial. Be very liberal, though. Use a big brush; something like a feathered 100 pixel brush should work fine.

When you've done this, lower it's opacity ever so slightly and change its blending mode to overlay. The two colours (red and orange) should combine majestically to begin the foundations of our fire effect. Here's how mine looks before we go onto the last stage of this tutorial:

We're now ready to add fire!
Time to Add The Fire
The next and final step is to add flames to our meteor. There's an easy way of doing this; choosing a suitable fire photograph and using it as a stock photo. There's one main requirement; the photograph must be massive in order to give us the suitable size to play around with.

I tried out various fire creation techniques in photoshop and I don't think any of them looked any as good as using a real fire effect on our meteor. It's a lot easier than people would assume, too, especially if we choose a good image. There's a lot of photos around fortunately, unlike meteors. A Quick Search of Google Images for Huge Fire Photos returns enough pictures to keep you going for years.

Choose your fire photo with the thought in mind that we'll need to manipulate and erase various parts of it ourselves. Choose one with beautiful, long flames and one without any background detail in. This is the Sort of thing I'm talking about.

Once you've Found your Image
Once you've found a suitable fire photo, add it to your image. Make sure you scale it down if it's exceptionally big, enough so that we have some detail to play around with. We now want to erase around our meteor in a manner that would imply the fire is burning. Avoid straight edges, avoid little dents. Be very smooth with your brush strokes and make sure it's smooth right the way around.
You won't get this right first try. Keep trying until you achieve a desired result. Just be patient, practise and take your time.
We want to make the top of the meteor wild and vibrant, meaning we can be much rougher with the brush up here. That's what we left the gap for originally; you see, I had a purpose for that all along. Now we want to get a much smaller brush and erase around the bottom edges of the meteor to make it very smooth. Be careful not to erase too far over into your meteor however. It's essential to make sure the top half of the fire photo is not linear or smooth; rough up the edges a little, make the flames look like they're waving upwards.
A really good method of erasing around an object like we are is lowering the opacity of the layer we're working on slightly. The shape below will stand out through our image, but still provide us enough of a view to manipulate it properly.
So now our meteor is looking like this:
Our meteor is on fire!
Now we're going to make the flames look fantastic. There's a couple of filters and blending options involved in doing this. First of all, we want to make the flames appear a little more random. To do this, press CTRL and J on your flames layer to duplicate it. Set the blending option of the new layer to Overlay. Your flames should now look much brighter:
Our flames look very vibrant and dazzling at the moment.
Now set the blending mode of the original flames layer to Linear Dodge.
Our meteor is now on fire and it looks fantastic!
Hey presto! One spectacular looking flaming meteor effect. We can take this a tiny bit further by adding more, smaller fire images around the meteor to add more variation.

You can combine this with various other techniques to create a stunning burning nebula scene:

The Finished Product.
Avatar of Woody

by Woody

Archive: Create a Stunning Burning Meteor

Tuesday May 19th, 2009 in Photoshop Tutorials


This post is an archived post. This means it is old or has been archived for rewriting in the near future. Please be aware that the contents of this article or page may be out of date. If you need assistance be sure to leave comments and our community can help you.
This tutorial will show you how to create a stunning burning meteor effect that can be used on any space scape, be it as the main centre piece or just a background detail. The effect can be used over and over again by swapping the original background image, so we'll show you how to set planets on fire and make suns appear that extra more realistic.
This is part one of a two part tutorial. If you've already read this tutorial, skip ahead to the next section: Set Your Meteor and Rocks Alight with Fire.
Create a new document 700 x 700 pixels with a black background colour. We're going to first make our meteor. We can do this one of two ways; either by using a stock photo or by creating it from scratch. Given the difficulty of photographing meteors, we're going to create ours from scratch in this tutorial. If you've got one, though, by all means use it and skip ahead to the next segment, Set Your Meteor and Rocks Alight with Fire.

Creating the Meteor

We're going to create our meteor shape so that we have the base meteor to work with. Create a new layer and select the elliptical marquee tool. Holding down the Left Shift button, create a circle that fills the majority of your canvas but leaves the top clear. Keep playing around until your selection looks like this:
Your selection should not cover the top of the image.
Fill this layer with any colour you like; it will not be visible when we're done formatting it.
Choosing your Rock Texture
This is the most important part of this tutorial in the sense that a meteor will look exceptionally bad if an inappropriate base texture is used. Remember that meteors are essentially gigantic rock clusters; they are not one smooth rock. When choosing a texture, be sure to choose a rocky one with plenty of detail. The more detailed our texture is, the more detailed our final meteor will look.

We can either download a stock photo of meteors, or use a photograph of an existing meteor. I'm going to be using an old Photograph lying around on my computer; Click Here to download this Rock Texture. You don't have to use this photo, of course. Just make sure your image looks like a rock and doesn't have any visible edges or background detail, like flowers, fences or trees.

Paste your rock texture into your canvas so that it's the layer above the shape we filled in on the first layer. Your entire canvas should fill with your rock texture. We're going to remove the excess, but before we do, we're going to spherize is to make sure it maintains smooth edges. We only want to spherize the area our original selection is, though. To do this, CTRL and left click on the layer with our original shape on. This should make a circular selection.

Go to Filter -> Distort -> Spherize in the menu. Because we're creating a cube essentially, we need to make our image as round as possible for maximum realisticness. Enter 100% into the amount and make sure Normal is chosen in the drop down menu. Click Ok, and your rock texture should spherize where our selection is. This will make your image look something like this:

Your rock layer should now be spherized around our original selection.
Now we want to remove the excess texture from our meteor. To do this, CTRL and left click on your original shape again to get the selection. Once you have the selection, hold down Left Shift, Left CTRL and press I. This will inverse our selection (Or just browse the select menu and choose inverse from there). Press delete and it will remove all the excess texture from our meteor. Your image should now look like this:
Now our meteor actually looks like a giant round rock.
Now we're going to tidy the edges up a little. Hold down left CTRL and click on our original shape again. This time, go to Select -> Modify -> Contract. Enter 1 and hit Ok. Inverse your selection again like we did before (Left Shift, Left CTRL and I). We're going to blur the edges ever so slightly and feather them to make them smoother, and to make the edge of our sphere less obvious. To do this, go to Select -> Feather and enter 1. Click Ok, and then press Delete. This will delete the feathered selection around our meteor, smoothing the edges out and making sure we don't have any of our flat texture from outside the sphere showing up.

You should notice that your shape is now showing through behind your meteor. No problem; just press the little eye on the left of its layer to hide it from view. You will notice that your meteor shape now looks a lot smoother. Problem is, it looks too smooth. Now comes the fun part where we hack and burn at our meteor to roughen its edges up to a realistic manner.

We're about to heavily modify some hard work. Always make a backup by duplicating and hiding the duplicated layer! This way if we make any mistakes or ruin our image unintentionally, we've got a backup we can use. To do this, select our meteor layer and press CTRL and J. This will duplicate the layer. Then press the little eye icon on the duplicated layer (It will say "Layer # Copy") and there's our backup.

This is a good habit to get into if you're not already.

First of all we're going to cutaway tiny little slits all around the edge of the meteor. They won't be very visible at the end, but it will help to ensure that our finished product doesn't look like one giant sphere. This is a simple process. Create a new layer anywhere in your document (it doesn't matter where it is in the layers pallete, this layer will not be visible, nor will it be staying). Ctrl and left click our original shape layer (the plain circle) to get its selection again. Press ALT and DEL to fill the selection with our foreground colour. Again, it does not matter what colour it fills it with as we will not be saving this layer.

Press CTRL and D to deslect our selection. We're going to add a ripple to this new layer to roughen its edges up. Go to Filter -> Distort -> Ripple. Enter 700% for the amount and make sure the drop down menu is on Small. This should produce the following effect:

Our new layer should have rippled edges.
If yours doesn't look like that, then it means your new, rippled layer is below your meteor in the layers pallete. No problem, just hide your meteor layer briefly to make sure yours looks similar.

CTRL and Left Click on your new ripple layer to obtain this as a selection. We're going to feather it ever so slightly to make sure we have no hard edges. Go to Select -> Feather and enter 0.5 as the value. Inverse the selection again like we showed you earlier (Left Shift, Left CTRL and I) and press delete on your meteor layer.

Now you'll notice the edge of our meteor has dozens of tiny indents. It doesn't look realistic yet, but I guarantee this is a necessary step. Now we're going to cut some little indents out ourselves. Unfortunately there is no step by step guide for this stage; you have to do this on your own. The best way of cutting out realistic little dents is either with the lassoo tool or with a small, feathered eraser brush. I'm going to use the polygonal lassoo tool to do mine, though.

Try not to take too big chunks at a time. We want to keep this meteor looking realistic and dozens of chunky, big holes scattered around the edge won't look realistic. Remember what we said before; make a copy of your layer before you play around with it.

Try very sparingly to use long strokes. The longer the dents are, the less realistic they'll look when we're finished.

When you're finished, it should look a little something like this:
Now our meteor has very rough edges.
The last stage of making our meteor is raising and lowering the shade randomly of the texture. As it currently stands, our whole meteor is lit up. The next step of the tutorial, where we set our meteor on fire, will help with this, but let's make it even more realistic by applying a few filters now.

I experimented for awhile with this step and found the best result to be the simplist. We're going to go nuts with a brush and paint some black on. Select a 45 pixel big feathered brush from the brush menu. Set the opacity to 50% and the flow to 80%. Create a new layer above your meteor layer. Left Click on the original shape layer again to get its selection. Using the brush, we want to paint rough patches over our meteor. Make sure your colour is set to black and press multiple times occasionally for a darker effect. Try to keep the cover as even as possible, though; make sure there's no blotches or blobs of dark that're distinguishable from the rest of the black.

For a realistic effect, paint the bottom lower half more heavily than the rest. Once you've done this, your image should look a little like this:

Now our meteor has lots of dark areas.
It looks too much now, though! So we're going to lower the opacity of this layer a little. Move the slider down until it looks just right. Mine is set to 71%. For further realism, we're going to blur it as well. Go to Filter -> Blur -> Gaussian Blur. Blur it by 3-4 pixels.

Lastly, we want to lower the overall tone of our meteor texture. To do this, once again left click on the original shape layer. With this selection, create a new layer just above your meteor. Fill our selection and this new layer with black. Lower the layer's opacity to about 20-30%, depending on the brightness of your original texture.

We're about done with making our meteor base, so we're ready to get onto the fun part and set it on fire. Below is my result:

Our meteor base texture is now complete.
This is the first in a two part tutorial. Please visit the second part below to read the rest of this tutorial and set your meteor alight.

· Set Your Meteor and Rocks Alight with Fire.