PDA

View Full Version : Photography portfolio movie


garybrashier
01-18-2010, 01:59 PM
Hi everyone. Just joined this great site.

Currently redesigning my photography portfolio home page where I want the main movie to be a series of square images that are a good size (colour and b/w) that when you mouseover any one of them, the rest fade out or do something like flip to white; then the image thats been moused over re-sizes to the movie dimentions. How this re-size transition happens I don't know.

Dont know if I have to animate each of the boxes, when one is moused over or weather there is a script that does it all or weather I have to employ masks. I would like the overall design to look stylish in transition but clean and simple. Not into bells and whistle.

I would love for anyone to let me know how I can achieve this in Flash CS4

gangstareef
01-22-2010, 11:08 AM
You're going to need to use some kind of tweening. When a user's mouse rolls over one of the images, you'll want the event handler function to tween the alpha property of the other images from 1.0 (100% opacity) down to something like .5 (50%). You can also tween the size of the image to make it larger. (Actually, you'd want to load the image at its full size, show a reduced size version before mouseover, then tween up to full size).

Depending on how experienced you are with flash, you might spend some time googling for tutorials until you find one that's close to what you want to achieve. Just to get a sense of what's involved, here's a tutorial (http://www.actionscript.org/resources/articles/726/1/AS3-Photo-Viewer-Tutorial/Page1.html)from this site; it's got more bells and whistles than you want, but it'll give you a good idea what's involved.

If you want to be able to make changes to the groups of images you're displaying (adding new ones, deleting old ones), definitely look for an XML-driven design.