A Flash Developer Resource Site

Results 1 to 4 of 4

Thread: Cloudy/Foggy Effect?

  1. #1
    Junior Member
    Join Date
    Dec 2000
    Posts
    25
    Hello. I'm pretty new to Flash so am asking your help. At http://www.lordoftherings.net (go from there to one of the main subpages), there is a cloudy/foggy effect (top right) that I'd like to recreate at a site I'm working on.

    In PhotoShop, I created a left-side "foggy" effect and one for the right side. I then exported them to transparent gifs. I imported into Flash and all looked good at first, until I put a darker photo behind -- then I saw the my fuzzy/foggy images had pixelated at the point where it meets the transparency. I don't see a way to smudge or smear an image in Flash -- is there one? Can I smudge these edges to resolve the problem? Or can someone direct me in how to otherwise create this affect?

    Thank you so much.

  2. #2
    Member
    Join Date
    Jan 2002
    Location
    Venice, CA
    Posts
    77
    alright this might help:

    1.) create your foggy/misty effect in a photoshop file (make sure it's on a transparent background) and save the .psd

    2.) take the .psd that you just created, open it in fireworks and export it as a 32-bit .png file (making sure that you've retained the transparent alpha layer.)

    3.) Presto! you now have yourself a beautiful misty .png file that can be imported into flash.

    good luck,
    brian.

  3. #3
    Member
    Join Date
    Jan 2002
    Location
    Venice, CA
    Posts
    77
    forgot to attach this:

    http://briankiel.com/demo/

    shows the misty .png trick in action.

  4. #4
    Junior Member
    Join Date
    Dec 2000
    Posts
    25

    No Fireworks

    I only have Flash -- no Fireworks. Any suggestion?

    I really like your Flash number -- very nice. Reminded me how very much I still have to (and want to) learn.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  




Click Here to Expand Forum to Full Width

HTML5 Development Center