the
simpsons
the
simpsons
The process of buliding
the Simpsons website
Derick Fabian . Fall 2008 . December 16
Art 257 Motion Graphic Design . Art 258 Interface Programming II
the
Description . site map . page map
simpsons
The Simpsons website is a fun, interactive flash website of their biography that features animated
graphic elements and audio.
The Simpsons is an animated series with the stupid but lovable father - Homer, his wife with the
blue kid-n-play hairdo - Marge, the trouble-maker - Bart, the brainiac - Lisa, and the pacifier-sucking baby - Maggie.
FLASH INTRO
HOMEPAGE
HOMER
MARGE
LOGO
PICTURE
GALLERY
GALLERY BUTTONS
BART
LISA
MAIN NAV
ANIMATED IMAGES
TEXT
CONTENT
MAGGIE
the
. . . ANIMATION . . .
simpsons
MAIN NAV
LOGO
FLASH INTRO
MAIN NAV
LOGO
MAIN NAV
LOGO
TEXT
IMAGES
_____________________________________________
MAIN NAV
LOGO
PICTURE
GALLERY
ANIMATED IMAGES
TEXT
CONTENT
GALLERY BUTTONS
CURTAIN DROPS AND RISES
BETWEEN PAGES
MAIN NAV
LOGO
PICTURE
GALLERY
TRANSITION
IMAGE
TRANSITION
IMAGE
ANIMATED IMAGES
LOGO
TEXT
CONTENT
PICTURE
GALLERY
IMAGES SLIDE IN AND
OUT WHEN CURTAIN IS
DROPS
BACKGROUND CURTAIN
GALLERY BUTTONS
GALLERY BUTTONS
MAIN NAV
ANIMATED IMAGES
TEXT
CONTENT
the
simpsons
. . . SKETCHES . . .
Subpage: Homer Simpson
Main Nav Concept:
Oval cut-out of characters’
heads glued to the top end of a
popsicle stick
Transition Curtain
Paper cut-out of Marge Simpson
over an urban designed background
the
simpsons
. . . designing & coding . . .
The designs were all done in Adobe Photoshop CS3. The animation and coding were done in Adobe
Flash CS3 using Action Script 2.0.
Designing with Photoshop
Animating and Coding with Flash
the
simpsons
. . . final website . . .
Subpage: Homer Simpson
Animated Transition into Marge Simpson Subpage