Hi, I’m currently re-creating our website (which was originally flash). Freeway is doing a great job of this, apart from two effects that I can’t match.
The first is a customized scroll bar for news on the home page. I’ve searched here and there’s no way of achieving it without code it appears.
The second is the effect of animated a few stills of an image as the user mouses over the top layer image. Have a look on the commercials page of our website.
As to the animations - these are not something that can be achieved in FW on its own. It is easy to transition between 2 images and/or affect one image (rotating, zooming etc.) but you will need 3rd party software to do this.
The simplest non-flash method would be to create animated gifs from a few frames but this will probably not give you the quality you want.
You might be able to do it with v small QT movies but I am not sure about speed of load (would they load fast enough)
Is there any reason you can’t use the original Flash files for these and use the iPhone/iPad redirect action for viewers to go to an alternative page with non-flash content?
DeltaDave,
Thanks for the reply. The scroll bar link was spot on.
As for the animated rollover, I didn’t design the original flash website but I have the original artwork. I’m re-constructing it from eye at our office so that we can do updates ourselves and more regularly. I’m a video/film editor and director and not an experienced web designer but enjoying using Freeway.
Do you think making each button into a Flash video using the frames would work as a rollover?
The rollover effect could be done in JavaScript, and there’s a couple
of ways you could approach this. The simplest would be to use a morph
between two images, rather than a true animation with three or more
frames. Try the Transition FX Action, set up a stack of two images
(drawn as layers) and apply TFX to the top image. Set it to fade when
rolled over. By fiddling with the duration of the effect, you can
probably get it to look very much like an animation. It may even look
smoother than the Flash effect in a few cases. I’m not sure how to get
the animation to “reset” when you mouse back out of the area. Fade
sets the top image to display:none, so it’s there to be re-shown, but
the Action doesn’t make it clear how to do that trick.
The other trick would be to use a sequence of hide() and show()
statements, chained from one to the next and delayed a couple dozen
milliseconds to give you a realistic framerate. This is a little more
complex, but it’s probably cut-and-paste code that you could apply
through an Action like Protaculous. In order to keep this simple, you
would probably need to import your images as pass-through and follow a
naming convention like ‘commercialName001.jpeg’,
‘commercialName002.jpeg’, ‘commercialName003.jpeg’ so that your script
could pluck out the numerical parts and use them to set up the effect
order.
Walter
On Oct 22, 2010, at 9:01 AM, Christopher Benz wrote:
DeltaDave,
Thanks for the reply. The scroll bar link was spot on.
As for the animated rollover, I didn’t design the original flash
website but I have the original artwork. I’m re-constructing it from
eye at our office so that we can do updates ourselves and more
regularly. I’m a video/film editor and director and not an
experienced web designer but enjoying using Freeway.
Do you think making each button into a Flash video using the frames
would work as a rollover?
Hello, Christopher. Im searching in the forum, and found your post. I think the animation with filmstrip in your actual web is great!! Have you done it with and action in Freeway? Could you let me know how, please?
Im starting, and want to add animations to my page.