Web Production / Audio Engineering
Project 6: Narrative 2 Flash Website Requirements
The purpose of this individual Narrative 2 Project is to showcase your work in writing, digital photography, graphic design, audio engineering and web production. The design of your Narrative 2 Flash Website is entirely up to you but with some guidelines below. The audience for your website is the world. When completed, the general public will be invited to attend an Exhibition of your website.
The applications you will use for this project, at the minimum, include Adobe Flash, Adobe Photoshop, Adobe Illustrator,Adobe After Effects, Digidesign Pro Tools, and Adobe Dreamweaver.
Deadline for a complete and working version of your Narrative 2 Website posted on the webserver is January 28th, 2010.
A complete Narrative 2 Website needs to include a Flash based website showcasing your work from all of your 3 classes at Freestyle - the main focus of this unit is to introduce you to the process of making a Flash website. Content should include:
- Functioning actionscript that controls all navigation from one webpage to another webpage.
- Web animation coming out of a page (outro) and web animation going into a new page (intro) - unique animations for each page.
- Buttons with animated hover and/or down states with SFX(s).
- Music (preferably original) as background music to all pages of the website - with a Pause/Play or On/Off button to control music. Text explanation about your background music, if it's an original composition.
- Music needs to automatically turn off when on any video page (with music control button automatically switching to Play or On position) and then turn on automatically when on any other page (with music control button automatically switching to Pause or Off position).
- An text introduction to the Narrative 2 Unit
- Explanation of this web assignment so the viewer will understand the context of the website
- What users will see on other pages (animatic, animation, written column, making of videos, Design Character Illustrations, Design Surreal Photo, Design 10-Year Illustration)
- Text explanation about how your WebAudio work consists of creation of this, your first, Flash based website
- Presentation of Design class project work (Clay Model Photos, Narrative Character Photo, Character Illustrations, Surreal Photo and 10-Year Illustration) including assignment description and Artist Statements.
- Presentation of English class project column writing that was used for Animation along with assigment description.
- Presentation of WebAudio class project work: animatic and animation along with assignment description.
- 3 "Making of ..." videos - similar to my video tutorials - this is to demonstrate your creative and technical skills in using various applications to produce artwork.
- Making of Animation: 3 minute minimum, 6 minute maximum of you showing the viewer some features about how you created your animation. Choose some, NOT ALL, features about your animation that you would like to highlight to essentially SHOW OFF and demonstrate your animation production. For example, the integration of Illustration, Flash and After Effects artwork. AND/OR your use of the various animation techniques in After Effects and/or Flash.AND/OR highlight your use of the Puppet Tool in AE. AND/OR highlight your use of the Bone Tool in Flash. Etc. - choose what you think are the best features of yur animation.
- Making of Surreal Photo: 2 minute minimum, 5 minute maximum about you showing the viewer how you created your Design class Surreal Photo. In Photoshop, turn off the visibility of all layers except your most basic layer. Then turn on subsequent layers and present how each layer adds a new effect to your visual composition ending up with the final compostion.
- Making of Surreal 10-Year Illustration: 2 minute minimum, 5 minute maximum about you showing the viewer how you created your Design Class 10-Year Illustration. In Illustrator, turn off visibility of all layers except your most basic layer. Then turn on subsequent layers and present how each layer added a new effectto your visual composition ending up with the final compostion.
- Proper copyright notice always visible.
- Posted in Sites/project6/index.html (you'll end up with only 1 html page with and embedded Flash .swf file that contains the entire website including all images, text and media)
- Appropriate page title for browser.
.
Assessment for this project will include
- Completion of content requirements listed above for each page
- Use of the web design concept: Contrast
- Use of the web design concept: Repetition
- Use of the web design concept: Alignment
- Use of the web design concept: Proximity
- Use of the web design concept: Usability
- Participation in class website critiques
|
