Cool Image Loading effect...

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

I love the way this pages loads! ( www.foreverbrandy.com ) ... 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
  • 2
LVL 18

Expert Comment

ID: 13840527
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

ID: 13840776
..so 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.


Accepted Solution

Jakob_E earned 2000 total points
ID: 13881082
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

ID: 13915365
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...

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

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,…
I have been doing hardcore actionscripting for some time; and needless to say I have faced a lot of problems in just understanding others' code rather than understanding what the code executes. A programmer's life can become hell when there are a lo…
In this tutorial viewers will learn how to create a basic motion tween animation in Flash Open a new document in Flash: Draw/import an image: Press CTRL + F8 to convert it into a graphic symbol: Select a frame (how long you want the tween to last): …
The goal of the tutorial is to teach the user how to how to load their YouTube profile onto Flash Media Live Encoder.
Suggested Courses
Course of the Month15 days, 20 hours left to enroll

850 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