Tutorial: GIMP Muzzle Flashes

Game Design, Story, Game Play.
Post Reply
User avatar
Destron
Posts: 520
Joined: Thu Apr 19, 2007 7:30 pm

Tutorial: GIMP Muzzle Flashes

Post by Destron » Mon Jan 07, 2008 4:55 am

First-person Muzzle Flashes in GIMP

Chances are if you're a poor teenager like me, you'll be using GIMP for most of your game graphics.
You're in luck, because although GIMP is free... it's also very power, and can be compared to photoshop. Unfortunately, you have to torture it more than Photoshop because it still needs to be improved on several levels.
But anwyay, I thought I'd bring you a quick tutorial on how to make some nice first-person muzzle flashes in GIMP with relative ease.

First, you'll need to open up gimp (durr :P) and start a new image. This can be pretty much any size as long as it's in a power of two (e.g. 256x256, 512x512, etc), and obviously the bigger image the better, but if you make too many hi-resolution graphics your game will be larger and will take longer to load, etc. I'm gonna stick with 512x512 for now.
Fill the background with black. (tip: pressing 'd' changes whatever colors you have to the default colors (black and white)).
Click on filter>lights and shadows>gradient flare. (note: at this step, you may be inclined to create a new layer for the flare. For some reason it doesn't work that way).
A little dialog box will pop up. In the list of types you'll see on called 'distant sun'. Click on that, and then switch to the settings tab.
You'll want to play with these settings, especially if you're using a different size image than I am.
When you're done, click 'ok'.

Now, go to filter>blur>gaussian blur.
Again, you're gonna wanna play with this. Make sure that the little chainlink button is connected, so your vertical and horizontal blurs will be indentical. I'm using a radius of 20 pixels.

Here's what I have now:

Image

Now, it looks pretty boring, right?
Duh. Let's make it look cooler. Duplicate your layer. Set the layer mode to 'addition' and then duplicate that layer several more times. I duplicated mine seven times.
When you have something that looks nice, click image>flatten image. This will take the whole image and stuff it into one layer.

Image

It's possible that you'll have some little blurry blobs around the main flash from the original flare image we generated, which is evident in mine. Imma just take the brush tool and set my colors to black, and then paint them out.
The ones on the outside were easy, but I for the one in the middle near the center I had to paint it out and then smudge it with a larger, fuzzy brush to cover it up.
Here's what I got:

Image

Now, technically you could use this by itself. But we can spiff it up a little bit more.
At this point, you can do what you want. But for me, the circular outside fuzzy stuff really needs to go. I basically just painted it out and smudged it a little bit so it wasn't hard-edged. I did some other minor edits to get this final image:

Image

Now, for use in realityfactory (and pretty much any other engine), it'll need an alpha map. This is pretty easy to do. Make sure you save the image before you continue as not to lose your colored muzzle flash.
Hit colors>desaturate, click "luminosity", and then OK.
This will basically make the edges grayer and the middle parts white. Exactly what we need.
Save it as a different file.
Here's what mine looks like:

Image

Here it is in-game :D

Image

Yeah, it's a little big. But the alpha map looks good. :D
You can also play with the colors, add little variations for animation, etc etc. make is special. I'd love to see what you can come up with :)

Feel free to ask questions :!:

User avatar
zany_001
Posts: 1047
Joined: Fri Mar 02, 2007 8:36 am
Location: Aotearoa

Post by zany_001 » Mon Jan 07, 2008 8:07 am

gj on that destron, here's a little something hthat might be useful to sumone, read the discussion at the bottom:linky

also destron that flash is waaaay too big for real life, but its still a cool game effect. :D
Once I was sad, and I stopped being sad and was awesome instead.
True story.

User avatar
darksmaster923
Posts: 1857
Joined: Wed Jan 03, 2007 10:32 pm
Location: Huntington Beach, California, USA
Contact:

Post by darksmaster923 » Tue Jan 08, 2008 2:54 am

zany_001 wrote:gj on that destron, here's a little something hthat might be useful to sumone, read the discussion at the bottom:linky

also destron that flash is waaaay too big for real life, but its still a cool game effect. :D
you can scale it down.
Herp derp.

Post Reply