Happy Sunday, everyone! This past week in Digital Imagery, we discussed banner ads as a form of advertisement. Banner ads are pretty interesting way to market to consumers without them being able to just toss it aside (like the ads you find in your mailbox… does anyone look at those?). They are those sneaky little boxes you find as you browse random websites (CNN, Facebook, etc); they can be stagnate or animated, but most offer some kind of reward for clicking the ad and going to the advertiser’s page. They normally are pretty straightforward, too, containing the company logo, a simple promotion, and a button to link you to their page. They don’t always even need a picture! Most come in a standard size, such as “leaderboard,” “skyscraper,” or “button,” but there are others, as well.
This week I was assigned to make a banner ad series for a company in its fourth quarter (October, November, December). This is definitely my favorite quarter of the year, so it was hard for me to decide exactly which company to pick! 🙂 As an avid coffee drinker, I decided to go with a company that celebrates the seasons as much as me: Dunkin’ Donuts. We needed to make banner ads in the following sizes:
- Leaderboard: 728 x 90
- Rectangle: 300 x 250
- Skyscraper: 160 x 600
- Button: 320 x 75
So, the first thing I did was look for some photos I could easily edit. I found a nice large image with three differently flavored coffee bags and a nice large Dunkin’ Donuts logo. Using the magic wand tool, I deleted the white backgrounds around the coffee bags. Since Dunkin’ Donuts uses bright orange and pink as their colors, I decided to make the background of all of my banner ads a gradient of a bright orange to a slightly lighter orange. I started in the rectangle (it seemed like it would be easiest because of its nearly-square shape) and placed the Gingerbread coffee bag and the logo inside. I managed to find a similar-looking “Dunkin” font on dafont.com, so next I added the type “Introducing… All new HOLIDDAY flavors!” in white with the double “d” in “holiday.” As an avid consumer, I know that Dunkin’ Donuts likes to add the second letter, since it’s their alternate logo. I then created a pink button using the rounded rectangle tool, and added a 3pt stroke. Beneath the button I added a “Limited time only” caption because holiday flavors only last through the end of January (if I remember correctly). Finally, I added a drop shadow to all of the main promotional type and the coffee bag to give the image some depth, and a 1pt black stroke around the entire image.
For the other three banner ads, I did a variation of this advertisement. The size was quite constrictive of how many coffee bags I could use in each advertisement, how detailed I could get with the promotion, and of course placement for the logos, images, and type.
Here is my final ad series:
Last but not least, I was challenged to turn one of my banner ads into an animation. I chose to do the skyscraper because I thought it was the most interesting. I opened the timeline panel from Window tab, and set up five frames at 2 seconds with .2 second tweening between each. Finally, I set up a 3x loop. You can see my final product below.
Thanks for stopping by, see you next week!
Disclaimer: I am in no way affiliated with Dunkin Donuts, I’m simply a consumer who enjoys their products and this was an educational exercise. 🙂