Session 3: Graphics and The Library
Reading
- Hour 3 - pp. 71-92
- Hour 4 - pp. 93-118
Assignment: Hour 3
Create a new Flash file with the default stage size and import the three attached images - each in a separate layer - as follows:
- bitmap.jpg - place on the stage an scale to about a quarter of the size of the stage
- photoshop.psd - same
- illustrator.ai - import the letter D only, and scale it down in size
Save-and-compact the file
Assignment: Hour 4
- In a new Flash file, create a reasonable copy of the Olympic rings .
- Use multiple instances of one movie clip symbol.
- Put each ring in a separate layer.
- If you do it right, deleting the movie clip from your library will make the rings disappear
(undo to get it back). - Save the FLA file
In Class Exercise: Blog Banner
- Example for Session 3 In Class Exercise
Create a graphic banner for your blog header, using tools you learned in Chapter 3: shapes, lines, text, curves, brushes, etc. Try to make something that goes with the color scheme of your blog. Don't worry if you're not the best artist in the world; this exercise is not primarily about being "pretty" - it's about using the tools.
Follow these parameters:
- Start with a new Flash file and save it often as you work
- Set the stage size based on the layout of your blog:
(these are not quite standard banner ad sizes - to keep ad blockers from thwarting us) - Put each new item (text, shape, etc.) in a new layer.
- Include a background in the bottom layer - a solid colored rectangle is fine
After you finish editing your banner
- Export it as a JPG image (on the File menu, choose Export > Export Image)
- Make sure to select "Include: Full Document Size"
Add the banner to your blog From the Blogger dashboard click Layout > Page Elements
- To the right of the header (under the navbar) click Edit and upload your image
- Indicate that the image should replace the title and description
If you have time: create a second banner as an alternative.
Ask your friends which one they prefer.
|
Banner Ad Specifications |
Image Dimensions (pixels)
|
|
|
||
|
Resources
|
More |
Tools and Clip Art |
Project Work: Web Site Review
-
Continue to work on Web Site Review Project






















