Transition B&W image to Colour image with Flash.

I want to create a flash movie that starts off with a B&W image, colour strips of the image appear on the left & right side of the image & move to the middle of the image showing colour sections of the image, then at the center, the colour sections merge & pan out to the left & right side transforming the image to colour.  I have attached a image roughly showing what I want.  I am trying to figure it out, but unsure where to start, i guess with a colour image underneath a B&W image, what from there...

I currently only have 95 points, but should be getting another 250points refunded in a few day & will increase the question points to 250,


example.JPG
creativepresenceAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Andres PeralesCommented:
You best bet is to use a video editing application, import your photos, do your overlays and transitions.  Once complete convert to flash.
0
CyanBlueCommented:
Maybe you could reverse the effect shown in this blog???  
   http://www.riacodes.com/flash/convert-an-image-to-black-and-white-with-as3/

I know that this isn't something you can use as is, but should be something useful if you have dynamic images...  Otherwise, peralesa's video idea sounds simpler...

CyanBlue
0
DeasilCommented:
Hi there.  Attached shows how to do this quite simply with classic tweens and masking.  If you wanted to make it more generic you could do the whole thing in script, but that's another story - this should give you some pointers.

Cheers

D
BWTransition.fla
0
The Ultimate Tool Kit for Technolgy Solution Provi

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy for valuable how-to assets including sample agreements, checklists, flowcharts, and more!

DeasilCommented:
Oops.  Here's the output swf...
BWTransition.swf
0
DeasilCommented:
Did this help at all I wonder?
0
CyanBlueCommented:
Any update???  Please elaborate if you still have the problem, otherwise close the topic...

CyanBlue
0
creativepresenceAuthor Commented:
sorry for the delay in updating.  Deasil, what you created was sort of what I was after, although my diagrams were slightly mis-leading, and I want a black/white image underneath & the 2 strips of colour to represent the black/white image underneath, ie. if there was a tree in the black.white image, when the colour strip reached the tree section, it should the tree in colour, sort of like a colour filter moving across a black/white image.
0
DeasilCommented:
Hmm, okay so you mean something like this maybe?  It's actually simpler since you don't move the colour image.

If you look at the source  and use the Flash IDE to edit it, then experiment by looking at the layers, how they are masked and what is on them, which of them are tweened etc, you should be able to pick up and learn how these effects can be achieved - which has got to be the best way!!

Cheers

D
BWTransition1.fla
BWTransition1.swf
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
creativepresenceAuthor Commented:
thats its, thanks very much and now as i have the fla file I will be able to have a play with it.  as promised, 250 points.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Adobe Flash

From novice to tech pro — start learning today.