Jump to content

Create a transparent image of mist or fog

Recommended Posts

I'll start by saying I'm not an artist but a games programmer. I'm trying to create a simple image of transparent mist then I can move slowly across my current game. I suppose the best way of describing the effect I'm after is to imagine flying through a cloud containing brightly coloured beach balls and other objects. I don't want to hide stuff but I do want to give an impression of thick atmosphere. I definitely don't need to have the mist follow any ground features. I just plan on creating a  couple of 1000x800 images and then overlay them and move them slowly. I might also try and alter the transparency of the images on the fly to further the effect.


Is this possible in PDN? I've tried setting the primary colour to a transparent grey and the secondary colour to totally transparent. I then filled an area using the render > cloud effect. It looked fine in PDN but when drawing the image I don't have any transparency and instead get a large block of white with grey clouds moving around the screen. Am I doing something wrong? is there a library I can grab a suitable image from?


Many thanks



Link to comment
Share on other sites

I'd set the Primary to grey + opaque. Secondary to any color + fully transparent. Then render your clouds. Use the layer properties dialog (press F4) to lower the overall opacity until you get the effect you want. Save a master copy as a PDN image.

The reason I recommend this technique is that it is very easy to reopen the pdn image and adjust the layer opacity if you want to fine tune it.

Regarding the blocks of white, it sounds like you've saved the image as a JPG. These do not support transparency. Try saving the image as a PNG.

  • Upvote 1
Link to comment
Share on other sites

Thanks for replying so quick. That's pretty much what I'm doing. The image was definitely saved as png.

It actually looks transparent in the PDN program (it has the checker board pattern) but when I save it (as png) it somehow develops a white background :(

When I open the image I've saved it also has the white background and not the transparent one.


PS programming is far easier than painting!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...