A Flash Developer Resource Site

+ Reply to Thread
Results 1 to 9 of 9
  1. #1
    Senior Member Bobby Hill's Avatar
    Join Date
    Feb 2004
    Posts
    243

    Vector images blurry in Flash

    I have used Illustrator CS2 to export my vector image to Flash MX 2004. When I export I use the swf setting and I have it set to keep the appearance of the graphic. However when I import it in to Flash and scale it down it looks blurry when I publish the file. Does anyone know what is causing this as both are vector files/programs?
    "My boss sits and watches TV in a hot dog suit and I think he might be a moron."

  2. #2
    associate admedia's Avatar
    Join Date
    Oct 2001
    Location
    is
    Posts
    1,347
    That's wierd, I don't know.
    I use Freehand and just do copy/paste.

    Try scaling it to size then moving it over.

  3. #3
    Senior Member Bobby Hill's Avatar
    Join Date
    Feb 2004
    Posts
    243
    Tried it this way originally and I even imported the eps file with no results. It is like blurry around the edges. It is just not a sharp as I want it to be. I have included a screen capture below of what it looks like.
    "My boss sits and watches TV in a hot dog suit and I think he might be a moron."

  4. #4
    associate admedia's Avatar
    Join Date
    Oct 2001
    Location
    is
    Posts
    1,347
    difficult to tell with the bitmap. I pasted it into Photoshop and a little unsharp mask sharpened it up . Maybe you should try a bitmap.

    Also did you try converting the text to outlines before copying and pasting?
    I am just kind of shooting in the dark here.

  5. #5
    Member
    Join Date
    Aug 2005
    Location
    Lakewood, CO
    Posts
    53
    "Bobby",

    Since the vector is rendering so small, the "blurry" effect you describe is probably the anti-aliasing that both Flash and Illustrator must do in order to display vector shapes as pixels on your screen. At least that seems the most reasonable explanation, especially since the example you attached is so small.

    Did you use the default (lossless) or "lossy" JPEG compression when you exported the SWF?
    Did you rasterize or flatten your artwork before exporting from Illustrator?
    Zoom way into your imported objects; do the Properties show it as a shape (mesh) or bitmap (outline)?

    While it is true that both applications are vector-based environments, both have support for bitmap images as well. If you rasterized in Illustrator or placed a bitmap as part of your artwork, it may have exported to SWF as a bitmap. This could explain the "mip-ing" (a' la mip-mapping) that seems to happen in the JPG you attached.

    BTW... How did you create the JPG you attached in your previous post?
    Would it be too much to ask for the EPS or SWF file, so we could take a look at what you're seeing? I'm sure it would help us to help you.

    ADMEDIA: Nice Ukla! <Ukla: "Ngaarrgh, nnngarrrgh..." ; Thundarr: "What's that, Ukla? Tayla has fallen and is trapped by the river? Let's go, boy!">
    I am such a geek.

    BBL,
    - Doug
    got donuts?

  6. #6
    Senior Member Bobby Hill's Avatar
    Join Date
    Feb 2004
    Posts
    243
    Originally posted by Admedia

    Also did you try converting the text to outlines before copying and pasting?
    It was supplied by Mediatemple so I assume they did, but you know how that can be with large corporate companies.

    Originally posted by Duggeek

    Did you use the default (lossless) or "lossy" JPEG compression when you exported the SWF?
    Did you rasterize or flatten your artwork before exporting from Illustrator?
    Zoom way into your imported objects; do the Properties show it as a shape (mesh) or bitmap (outline)?
    Lossless
    No
    The library shows it as a shape.

    I have included the eps file below.
    Last edited by Bobby Hill; 08-24-2005 at 08:14 AM.
    "My boss sits and watches TV in a hot dog suit and I think he might be a moron."

  7. #7
    associate admedia's Avatar
    Join Date
    Oct 2001
    Location
    is
    Posts
    1,347
    Yea, that is weird, I hate stuff like this... something about that font shape at that small size just doesn't render sharp. The best result I have got with it are from just going into photoshop and applying a bit of unsharp masking. That's what I would do in this case.


    Duggeek: Ulka, Arial, RIDE!
    Last edited by admedia; 08-24-2005 at 09:31 AM.

  8. #8
    Senior Member Bobby Hill's Avatar
    Join Date
    Feb 2004
    Posts
    243
    I hate it too. Maybe Flash 8 will correct some of these problems with rendering vector graphics. I have noticed that it also does this too with vector graphics I have created in Flash. I guess I will need to play around with them until I get them just right. What a pain in the butt!!!
    "My boss sits and watches TV in a hot dog suit and I think he might be a moron."

  9. #9
    Member
    Join Date
    Aug 2005
    Location
    Lakewood, CO
    Posts
    53
    Well, the EPS looks crisp and clean. I'm sure it's mainly just a size factor; fewer pixes means slightly anti-aliased (ergo, blurry) appearance.

    I would second admedia's recommendation; take the originals and scale them down to the correct size in Illustrator, then import them to Flash.

    Best of luck!
    - Doug
    got donuts?

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