creating simple flash banners for your website in ten easy steps
In this flash tutorial ,i will show you how to create a simple custom flash banner for your website. Building animation banners for your website was never this easy.
you can place this flash banner in your home page and make your landing page look better or you can use these animated banners to advertise your site.
no,this is not an action script tutorial so you need not know action script to do this .
all you need is adobe flash cs3 professional and images for your banner and little interest to do some flash animation.
what kind offlash banner?
this banner contains 3-4 images which change automatically after a particular interval of time.you would have seen this type of flash banners in the homepage of very well designed dell site.
here i will be choosing 3 images.the images just wont swap abruptly,instead they transform.
they transform from first image to second one and the next one.that leaves a soothing impression on the visitor.
As the first image fades out,second image appears and similarly as the second image fades out,third image appears.and lastly the first image reappears and the process goes on as along as the visitor stays in that webpage.
it’s easy……..
things you need
lots of interest and little patience to go thru this tutorial
adobe flash cs3 professional or other version
couple of images
let’s get started….
whats the plan??
{warning : next block involves some programming funda with very crude explanation .read it at your own risk.its not necessary.you wont loose anything if you dont understand everything. }
umm…m…m….m…..m this is my requirement.
i want to randomly change the 3 images,but the change should not be abrupt or sudden.it should be continuous and smooth.
so……..
for the first image ,ill apply transition for 30 frames,that is image should fade out from “bright image to disappearing effect”.
for the second image, for 30 frames the effect should be “from out of nowhere to a slow rise”
and for another 30 frames the effect should be “bright image to disappearing effect” for the same image.
this avoids the abrupt change.
the transition for the second image should start much before the transition for first image ends.so we are starting the transition a good 20 frames earlier .
In a new layer that is before the first image ends.
similarly for the third image the transition is going to be “from out of nowhere to a slow rise” for first 30 frames and “bright image to disappearing effect” for next 30 frames.
now the first image kicks in.here the effect is gonna be “from out of nowhere to a slow rise” for 30 frames and this patched everything and we are finished.
60 frames gives an ample time for your visitors to see it slowly.you can tweak around and decide the number of frames for your banner.
creating custom flash banners in ten easy steps (part 1)
creating simple flash banners for your website in ten easy steps
In this flash tutorial ,i will show you how to create a simple custom flash banner for your website. Building animation banners for your website was never this easy.
you can place this flash banner in your home page and make your landing page look better or you can use these animated banners to advertise your site.
no,this is not an action script tutorial so you need not know action script to do this .
all you need is adobe flash cs3 professional and images for your banner and little interest to do some flash animation.
what kind of flash banner?
this banner contains 3-4 images which change automatically after a particular interval of time.you would have seen this type of flash banners in the homepage of very well designed dell site.
here i will be choosing 3 images.the images just wont swap abruptly,instead they transform.
they transform from first image to second one and the next one.that leaves a soothing impression on the visitor.
As the first image fades out,second image appears and similarly as the second image fades out,third image appears.and lastly the first image reappears and the process goes on as along as the visitor stays in that webpage.
it’s easy……..
things you need
let’s get started….
whats the plan??
{warning : next block involves some programming funda with very crude explanation .read it at your own risk.its not necessary.you wont loose anything if you dont understand everything.
}
umm…m…m….m…..m this is my requirement.
i want to randomly change the 3 images,but the change should not be abrupt or sudden.it should be continuous and smooth.
so……..
for the first image ,ill apply transition for 30 frames,that is image should fade out from “bright image to disappearing effect”.
for the second image, for 30 frames the effect should be “from out of nowhere to a slow rise”
and for another 30 frames the effect should be “bright image to disappearing effect” for the same image.
this avoids the abrupt change.
the transition for the second image should start much before the transition for first image ends.so we are starting the transition a good 20 frames earlier .
In a new layer that is before the first image ends.
similarly for the third image the transition is going to be “from out of nowhere to a slow rise” for first 30 frames and “bright image to disappearing effect” for next 30 frames.
now the first image kicks in.here the effect is gonna be “from out of nowhere to a slow rise” for 30 frames and this patched everything and we are finished.
60 frames gives an ample time for your visitors to see it slowly.you can tweak around and decide the number of frames for your banner.
rest of the tutorial covered in part2.