dcsimg
A Flash Developer Resource Site

Results 1 to 13 of 13

Thread: transparent background with image

  1. #1
    Junior Member
    Join Date
    Nov 2002
    Location
    Dallas, Texas
    Posts
    11

    transparent background with image

    I am trying to bring an outline image that I cut in Photoshop. In Photoshop I can select just the image of the car, but when I try to bring the image into Flash, the image comes in as a square with white background instead of transparent like in Photoshop.

    What am I doing wrong? Surly you can do this in flash?

    Thanks all,
    -Phat330Ci - phat330ci@hotmail.com - 10717designs.com

  2. #2
    Senior Member
    Join Date
    Mar 2001
    Location
    Hampshire UK
    Posts
    951
    I don't think so...could try saving as a .PNG and importing into flash, but thinking about it I don't think that will work either.

    I don't ive been able to do it.

  3. #3
    Member
    Join Date
    Oct 2002
    Posts
    38
    If you import the image as png you will be able to keep the background as transparent. The image won't be just the shape of the car, it will still be square, but the background will be transparent.

  4. #4
    Junior Member
    Join Date
    Nov 2002
    Location
    Dallas, Texas
    Posts
    11
    Originally posted by rusty2000
    If you import the image as png you will be able to keep the background as transparent. The image won't be just the shape of the car, it will still be square, but the background will be transparent.
    How do I save the PNG in photoshop? When I save it and import it in Flash, I still see a white background and not a transparent bg.

    Thanks!
    -Phat330Ci - phat330ci@hotmail.com - 10717designs.com

  5. #5
    Member
    Join Date
    Oct 2002
    Posts
    38
    In Photoshop, make sure your image has a transparent background. Under file, choose Save for web. When the optimize window opens up, look on the right hand side of the window for the menu. There will be an area called settings. Click on the arrow for the drop down menu and choose PNG-24. In Photoshop 7, right underneath this drop down window is a check box for Transparency. Not sure if it is in the same place in earlier versions, but probably is in the same area. Make sure this is checked, otherwise the background will not be transparent. Save the file. In Flash, under file, choose Import and navigate to your file and open it into Flash. The background should be transparent.

  6. #6
    Junior Member
    Join Date
    Nov 2002
    Location
    Dallas, Texas
    Posts
    11
    Originally posted by rusty2000
    In Photoshop, make sure your image has a transparent background. Under file, choose Save for web. When the optimize window opens up, look on the right hand side of the window for the menu. There will be an area called settings. Click on the arrow for the drop down menu and choose PNG-24. In Photoshop 7, right underneath this drop down window is a check box for Transparency. Not sure if it is in the same place in earlier versions, but probably is in the same area. Make sure this is checked, otherwise the background will not be transparent. Save the file. In Flash, under file, choose Import and navigate to your file and open it into Flash. The background should be transparent.

    Thanks! I will give this a try.
    -Phat330Ci - phat330ci@hotmail.com - 10717designs.com

  7. #7
    Senior Member
    Join Date
    Oct 2002
    Location
    belgium
    Posts
    611
    Select the image,go to channels,make a new channel fill this selection with white.Go back to your layer palette.Flatten image.Know save as a png with the option path.When importing in flash it will ask if it has to import ... Allways say yes and you'll have what you wanted,works great.Grtz

  8. #8
    Junior Member
    Join Date
    Nov 2002
    Location
    Dallas, Texas
    Posts
    11
    Originally posted by modulater
    Select the image,go to channels,make a new channel fill this selection with white.Go back to your layer palette.Flatten image.Know save as a png with the option path.When importing in flash it will ask if it has to import ... Allways say yes and you'll have what you wanted,works great.Grtz
    Sweet! I will try this also! Thanks all!
    -Phat330Ci - phat330ci@hotmail.com - 10717designs.com

  9. #9
    Senior Member Sir Yendor's Avatar
    Join Date
    Sep 2001
    Location
    Over here
    Posts
    1,140
    Awesome, I've been looking for this solution for quite some time. Your suggestion worked perfect!

  10. #10
    Member
    Join Date
    Oct 2002
    Posts
    38
    how do you save as png with the option path?

  11. #11
    Senior Member
    Join Date
    Oct 2002
    Location
    belgium
    Posts
    611
    when you save as png,click ok,then you'll get a menu select path,click ok.For me it works like this,i'm working on mac platform maybe this function is not availeble for pc,can't tell.
    Grtz

  12. #12
    Member
    Join Date
    Oct 2002
    Posts
    38
    I am on a PC and when I save as png, I do get a pop up window called PNG options, but the only options are for Interlace - none or interlaced.

    What difference does the two techniques, the channel method and save for web option, have, if any, when the image is imported into Flash?

  13. #13
    Senior Member
    Join Date
    Oct 2002
    Location
    belgium
    Posts
    611
    I just ried things out for you.If you save with the option interlaced it will work also,if you made the channel.I guess this option is better in quality then save for web.What i'm sure of you'll have total control over your image,transparancy.Let's say you want an illustration with a fading border,background transparant.>then you would select your image>go to channels>make new channel>fill the selection with white.to get the fading border you know go to feather>say feather 15 for instance.Know this is applied to the channel.When you go to your layer apply the same feather.If you would import this into flash you'll see the results.When you've made the feather in the channel you'll still can apply other filter giving different effects to the border.like pixelize for instance.Try this out>go to channel use the selection,fill with a gradient in the direction you'll want>save as pgn.You'll see it has lot's more possibility's .Channels work like this>white is visible,black is not visible>so when you use your brush for instance and paint with say 50%hardness a dot in the selection this spot whill be 50% transparent.Seem to get it8try things out and you'll probebly go for this option.Grtzz

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