Create Graphic Symbols for a Banner Ad - Exercise
Create Graphic Symbols for a Banner Ad
Duration: 20 to 30 minutes.
You have been assigned to design a banner ad for the local newspaper web site for our upcoming Pet Parade in the park. The ad we purchased is 120 x 600 px. (Although, you can change that.)
In this exercise you will use the Paw Print Symbol that you made earlier this section. (Or, you may use the one provided for you.)
- Open GraphicSymbols/exercises/PetParade.fla. It is already sized at 120 x 600 px.
- Open the Library to see the assets your team has already assembled. You will find the paw print, the park logo and a number of photos sized appropriately.
- Take some time to plan out your ad and draw it on paper or in a Flash Document. (Or, use ours as your model.)The following steps will give you some hints about how we made ours.
Create a new layer and name it background. Drag an instance of the paw print to the stage. Reduce the size and make it transparent. Copy it and paste a number of instances to make a wandering trail of footprints (or a design you like).
Create a new layer and name it Heading Back. Draw a rectangle to cover a small portion of the top of the document. Ours has no stroke and a fill of #663333. Ours has a width of 121 pixels and a height of 83 pixels.
Create a new layer and name it Heading Text. Add three text boxes at the top which will say Saturday! and Pet and Parade. Our text is white.
Hint: To easily set each of the text boxes to be the exact same width, select all three pieces of text and open the Align Panel. Click on Match Width and Align Left Edge.
Create a new layer and name it Photos. Drag photos of your choice to the stage.
- If you would like to add any effects like transparency to the photos, you must convert them to symbols first. These effects must be added to the instances of the symbols on the stage.
Create a new layer and name it logo. Add the park logo to the stage. Ours is at the bottom.
- Add any additional content to the ad.
- When you are done, test the movie!
If you are done early...
- Add a Drop Shadow Effect to the text.
- Find additional photos to import.
- Add the additional copies of the logo symbol to the background layer.