We had a lesson this week in our Design Class re-creating a web ad you would normally see when visiting a website. Basically, one of those ‘Cookie’ ads you see when visiting websites like Amazon, Ebay or any type of forum online.
Using the program Adobe Animate (a.k.a Flash 2.0 😛 ), we re-created the following:
With a combination of Animations in Adobe Animate including Slide and Fade-In with Keyframes, we built a basic Google Ad that any business can use.
Additionally, we had also created a clickable call-to-action button that will direct you to the advertiser’s website which was made by creating the button graphic in Illustrator and then importing it into Adobe Animate, adding the Fade-In animation, converting it into a symbol followed by a button, and then adding an ActionScript Event Handler that allows the user to click and be directed to a pre-defined website.
Once this was completed we were given a task to create our own versions of this type of ad.
I decided to do 2 ads for the Toronto Zoo that would prompt users to visit their website during a promotional run. I built them in 2 dimensions:
300 x 250 px
728 x 90 px
We were taught the various standard layouts of web ads (which are ones you actually have to follow if you are creating them) and these two dimensions I felt were the most popular given from what I usually see online when surfing the internet.
You can view my final works here:
728 x 90 Ad
300 x 250 Ad
Thanks for stopping by!