Adobe Flash images PIXILATING

Posted on 2012-09-21
Last Modified: 2012-09-25
Hi Guys,

I ahve just finished a flash piece whereby different images expand when a mouse is hovered over them.

It was looking OK but now i have finished, when the images expand they pixilate massively. I created the shapes in photoshop twice the original size which helped but ideally need the quality to be spot on.

Can any one help?

I would appreciate a quick repsose if possible - i was supposed to have the work finished today!

many thanks,

Question by:Richiep86
    LVL 4

    Expert Comment

    The target would always to try and have the images the same size in Flash as they are natively.

    I know in theory it sounds like having larger source images should be better, but the issue is that the Flash player has to render them 'on the fly'.

    There is one thing that you can try that should help.

    Find the images in the Library, right click them and make sure that 'allow smoothing' is switched on. You need to do this for each image.

    That's the 'quick and dirty' way to fix them. I can suggest another technique if that one doesn't do what you want, but there's a lot more work in my other suggestion.

    Author Comment

    It's helped quite a bit - thank you.
    What was your other suggestion, draw it in flash? I did try but it's quite a task with several images.

    I will accept this as the solution but just wanted to hear the other optio?n

    Thanks again!
    LVL 4

    Accepted Solution

    My other option was to have *two* versions of each of the graphics you wanted to show - one at the unzoomed size, and one at the zoomed size.

    So, let's say your 'mouseout' image was 100 px wide by 200 px high. And when you mouseovered, you wanted your images increased in size by 10%. That means that your mouseovered image would be 110px wide by 220px high.

    So, you use your image editing app to create two versions of your graphic, one at 100x200 and the second at 110 x 220. Since this is being done by your image editing app, it can take it's time to render the images nicely (as opposed to Flash having to do it on the fly).

    So, when your mouseover event occurs, you do a scale of the 100x200 image, scaling it (tween) up to 110 x 220. But (HERE'S THE TRICK) - AS SOON AS THE TWEEN HAS FINISHED, replace the tweened image with the native 110 x 220 image.

    So, for the few frames that the image actually grows, you potentially get some artefacting, as soon as the animation is over you replace it with a top quality 'final' image.

    This is analagous to the sleight of hand that a magician uses. While the image is in motion, you use the built in Flash faetures to scale the image, but once the animation is done, you 'switch' to a better quality (i.e. 100% size at 110 x 220) image.

    Hope this makes sense. Ask if it doesn't.

    Featured Post

    How your wiki can always stay up-to-date

    Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
    - Increase transparency
    - Onboard new hires faster
    - Access from mobile/offline

    Join & Write a Comment

    Here are some practices and techniques that can be adopted into your Flash/Flex application development process. Note: Not all "performance tips" provide an immediately-recognizable benefit.   This article does not include timing validation data,…
    This article describes a solution to a problem of subloading one movie into another when they have different SWF versions. Sometime back, I was working on an ActionScript project while I came across an interesting fact which I would like to share…
    The goal of the tutorial is to teach the user how to live broadcast using Flash Media Live Encoder and connecting it to YouTube to broadcast. Log into your Youtube account, choose live stream settings, start live stream from Flash Media Live Enc…
    The goal of the tutorial is to teach the user how to how to record live broadcast.

    728 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    17 Experts available now in Live!

    Get 1:1 Help Now