Bouncing Ball

http://hills.ccsf.edu/~agomez41/flash/bouncing_ball.swf

This is my first effort at using Adobe Flash CS5 to create a simple animated movie. I used the basic circle and rectangle tools to create the ball and the ground on separate layers. I also used the brush tool to draw a face on the ball, creating an element of emotion in my basic animation. My movie had a framerate of 24 fps, so I decided to make the bouncing ball take 1 second, or 24 frames. So I had the ball hit the ground at frame 12. I made the ball stretch out when it hit the ground by using the Transform tool.

Four Seasons Website

http://hills.ccsf.edu/~agomez41/four_seasons/index.html


This is my first effort at using Adobe Dreamweaver to create a website. The basic design of the page is a home page with four corresponding pages for each season. I included an image, a haiku and a short video on each season's page.

I wanted my site to be easy to navigate, so I made a horizontal navigation panel by using inline lists of links. I added styling to the links to give them a colored, boxed background.

For each season's page, I found an image of trees from each season on the web. For the home page, I wanted to include all of these images, but they were all different sizes and resolutions. I used Adobe InDesign to resize all the images and combine them into one image. I made an image map around each picture on the home page, so clicking on the image would lead to the corresponding season page.

In each page, I included a haiku about each season. I wanted the poem to appear over the image, so I used div tags to create a transparent box.

I also included a video in each page. I found the original videos at archive.org and used Quicktime 7 to select short clips from each video.