Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 20
  1. #1
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    EDIT: This is a very old tutorial and an antiquated technique.

    Newer versions of Flash support PNGs.

    Use of compressed PNGs in Flash is advised.


    Step A - Your Image
    You'll need to create two jpgs to do this tutorial, the first is obviously your JPG. I'm using this image of a phone for this tutorial:
    Attached Images Attached Images

  2.  

  3. #2
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    Step B - Your Mask
    You'll also need to make a B/W gif mask of your JPG for the purpose of masking out the image in flash. You can do this many different ways, using magic wand tools, contrast/brightness settings, etc. Use one of them and then export as a gif.
    Attached Images Attached Images
    • File Type: gif 01.gif (738 Bytes, 89 views)

  4. #3
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    Step 1 - Import the Images
    Import the images into flash, with the GIF on a higher layer
    Attached Images Attached Images

  5. #4
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    Step 2 - Trace Bitmap
    Trace the GIF into a vector image. Use color threshold setting of 500 to retain a pure black and white vector image. This will keep the traced bitmap very small in file size and easier to nip and tuck once you're done. Play with the other settings to get the most accurate vector mask for your image.
    Attached Images Attached Images

  6. #5
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    Step 3 - Move the Mask
    Move the GIF image to overlay the JPG.
    Attached Images Attached Images

  7. #6
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    Step 4 - Delete the BG
    Select the BG of the GIF and delete it.
    Attached Images Attached Images

  8. #7
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    Step 5 - Mask your Layers
    Right click on the GIF layer and select "Mask".
    Attached Images Attached Images

  9. #8
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    Step 6 - Done !!!
    If you want, you can Ctrl+Alt+C your layers and paste them into a new symbol so that you can now use the transparent JPG as a flash object. That's it!
    Attached Images Attached Images

  10. #9
    Senior Member Elroy's Avatar
    Join Date
    Jan 2004
    Location
    UK
    Posts
    206
    Member #
    4513
    Thanks.

    Never have used the mask this way.
    Does it use less resources (cpu... memory...) compare to GIF transparent?
    Underconstruction
    Volleyball Website

  11. #10
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    no, but it anti-aliases the edges. Sometimes you need that.


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

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

Search tags for this page

transparent jpg mask flash

Click on a term to search for related topics.
All times are GMT -6. The time now is 12:44 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com