Cool Image Loading effect...

Posted on 2005-04-21
Last Modified: 2012-05-05
Hello Experts....

I love the way this pages loads! ( ) ... in particular the cut out of brandy in the bottom right corner. How would I go about doing something like this with the image first loading as a solid color, then having the actual image fade in with a bright flash of light at the end?

Steps and/or example would be really appreciated!

Thanks Much....
Question by:Walkem5
    LVL 18

    Expert Comment

    This uses masking - you add the image to an mc on one layer and then add a layer above it which you can use frames or motion/shape tweening to cover the image below over a number of frames.
    Then right click the top layer (the one that lays over the image), and select mask. ctl-enter to test the mc and it will reveal the image below.

    LVL 18

    Expert Comment

    by:Billystyx in the 'masking' layer, first frame the mask will not cover the image below at all. Second frame it will begin to cover it, and by your last frame (number of frames:how long you want it to take - probably 20-30 frames), it will completely cover the image below.
    Once its done, right click the top layer (the one you have been manipulating, not the image), and select mask.

    Not sure if this explains it any better, but hopefully it does.

    LVL 9

    Accepted Solution

    Hi Anya,

    I made an attempt to create some of the effects from the brandy site...
    Not excatly the same, but I hope you can use them as inspiration :)

    The effects are based on tweening, masking and change of color properties.

    Best, Jakob E

    Author Comment

    Jakob...This is Great! Exactly what I needed. I referenced your example to create my own! It turned out pretty good. Any clues on how to create and load a text container similar to the one on the Brandy site?

    You've been so much help to my project...Thanks Again...

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    IT, Stop Being Called Into Every Meeting

    Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

    This is a very simple example to help those of you who are still migrating from AS2 to AS3 understand the redesigned event model in AS3. In AS2.0, event functions (that is, the function to be performed when an event is fired) were stored as a pro…
    I come across a lot of question about how to access things in the document class from a movieclip, or accessing something from a movieclip in the document class. It took me a while to figure this out but once I did it makes life so much easier. …
    The goal of the tutorial is to teach the user how to set there setting in Adobe Flash Media Live Encoder and YouTube for optimal video and audio quality.
    The goal of the tutorial is to teach the user what frame rate is, how to control it and what effect it has on the video.

    761 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

    7 Experts available now in Live!

    Get 1:1 Help Now