.one.word.film.12th JULY – 29th JULY (3 WEEKS) (30%) LECTURER: PAUL STEVENSON TUTOR: JENNI HAGEDORN

.design.challenge. Your challenge is to express the meaning of a single word through animation and typography. Your word can be drawn from any source, but should be considered for its ability to be graphically expressed. The animation should be kept short (max 30 sec) and restricted to black and white, although the size ratio has been left open discuss this with your tutor (frame rate 12fps). Although sound can be used to enhance this expression, remember the focus should be on the movement, typography and character generated in Adobe Flash The animation will be presented through an HTML + CSS website. You will be provided with a template site to depart from; however you will be expected to modify this template aesthetically to influence and enhance your animation. This site will be restricted to grayscale for the purpose of this project. .project.objectives. Ability to conceptualise the idea of expression Ability to storyboard and refine a concept Introduction to animation, motion, speed, position Introduction to typography; typeface, weight, kerning, leading .procedure. STUDIO ONE: Create a Tumblr account (if you do not already have one / www.tumblr.com) and set-up a blog for DSDN112 (carefully think about the naming of this blog). Pick a theme, modify it, and make it your own. Begin researching possible words that you could use for this project; be sure to consider what they express, look up different meanings in dictionaries. Post this work to your Tumblr. STUDIO TWO: Discuss your word selection in groups and with your tutor, what do you want to do with these words? Storyboard these ideas on a 3x3 grid (with annotations). Research Flash tutorials: timeline, keyframe, tween, motion STUDIO THREE: Continue to develop your ideas on both paper, and move into Flash. Try simple movements first and then begin to build complexity into your movement/motions. Make sure you are documenting your development to your Tumblr Blog (5 posts per week as a guide) You should also begin to consider font. How do different Type Faces affect your idea? Are the default ones sufficient? Should you find others online? Can you make your own? Research more Flash tutorials: sound, follow path, shape tween Research HTML + CSS tutorials: introduction basics, hexadecimal colours

STUIDO FOUR: You will be continuing to develop and critique your animations. Pick your strongest idea/direction, and begin to refine it. Consider adding sound? During class you will be shown the template HTML presentation page. Begin to modify this, try uploading one of your test movies to it, changing colour, fonts, sizing, alignment STUDIO FIVE: This is your last studio before hand in. Make the most of it. Discuss both your flash movie + website with your tutor. Is your blog up-to-date? Is all your development on it? REMEMBER HANDIN TO R-DRIVE BEFORE 29th JULY 11:30PM STUDIO SIX: Presentation in class on July 30th during your session .submission.requirements. HANDIN TO R-DRIVE BEFORE 29th JULY 1130PM

1 Black and White movieclip (*.swf) 1 Flash file (*.fla) 1 HTML + CSS website (with *.swf file included)

HANDIN ONLINE ON YOUR TUMBLR BLOG 1 Tumblr Blog with approximately 15 posts in total including the following clearly labelled/tagged;

1 typography brainstorm (words, fonts) 2 sets of Storyboards (9 sketches minimum each) as well as details of your best work 6 development movies from flash

.assessment.criteria. Along with assessment criteria from the course outline you design work will be assessed with the following criteria; *Evidence of research and experimentation during concept/storyboard development *Effective use of typography, motion, sound (if used) *Ability to express the quality and/or essence of a word through flash animation *Ability to effectively present your animation and reinforce your design ideas in the provided HTML template *Quality and craft of presentation in website, animation and sketches .software. Adobe Flash CS3 . Adobe Dreamweaver CS3 . Audacity .useful.links. http://www.adobe.com/designcenter/video_workshop/ - Flash Tutorials http://www.kirupa.com/ - Flash Tutorials http://tv.adobe.com/product/flash/ - Flash Tutorials http://w3schools.com/html/html_intro.asp - HTML Introduction http://w3schools.com/css/css_intro.asp - CSS Introduction http://w3schools.com/css/tryit.asp?filename=trycss_default - HTML + CSS Example http://www.soundsnap.com/ - Free Sound Files http://wiki.laptop.org/go/Sound_samples - Free Sound Files .reading.list.

Author Title Call No.Type Directors Club Typography 21 : the annual of the Type Directors Club Z246 T991 James Craig and William Bevington

Designing with type : a basic course in typography Z246 C886 D 4ed

Matt Woolman, Jeff Bellantoni

Moving type : designing for time and space Z246 W914 M

Charlotte Rivers Type specific : designing custom fonts for function and identity

Z250 R622 T

G. Krisztian, N. Visualizing ideas : from scribbles to storyboards NC997 K92 V

Schlempp-Ülker