:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Project 3: STORYTELLING
{Characteristics : explained
Objective: educate someone on the characteristics of a font. You must to teach someone what makes your font distinctive from another. This is to educate and should be dynamic AND unexpected.
*you may not use your font from the last project you will be given a new font and you may use any information about the font that the other student found out.
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
monday Nov 2
_ crit posters
HOMEWORK
Develop: 3 different storyboards illustrating your concept and how it can look. Teach how to tell your font apart from another, what are the characteristics? Consider comparison/ contrast, diagramatically, your conceptionally... last years class had a different project scope but here are examples.
Use illustrator, 11 x 17 with at least 12 frames. Each frame should be 275pt wide x 200 pts tall. (click here to download template)
Content: name of the font, classification, characteristics (visually/verbally), at the end of the flash needs to be a frame(s) with your name, fall 2009, typography 01, wertzberger
put storyboards on the server.
_ put 1 pdf with your 3 storyboards on the server before class begins. (BEFORE).
_
Print them out black and white on 11 x 17. the storyboards should be tight ideas, done in illustrator - you can do them by hand but then you must translate your ideas into illustrator.
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
wed Nov 4
_ present ideas and hand in storyboard
_ what is flash why do we use it and examples
_ flash tutorial
HOMEWORK
*11:30 section meet at 11:30 on monday not at 2:30 (the 11:30 class will not come to next monday at 2:30). If anyone from the 2:30 section want to come at 11:30 feel free, then you don't have to come to the 2:30 class.
Bring your computers if you have them.
_ Storyboard: Taking what you now know about flash. Refine final storyboards and add transitions (more frames to and written clues). save as a pdf and put on the server before class begins. yourname_storyboard_v2.pdf).
_ Music: begin to find sounds/music you would like to use in the final animation.
_ Animation: create a new animation (a new one) to practice what we did in class, again. Complete an animation that does at least the following... You could use one frame from your storyboard to animate or create a new one. This is a very fast project you must spend the time now in the beginning learning these things in flash.
1) make something move onto the stage
2) make something fad on or off the stage
3) make something grow or shrink
4) make a button
5) make your movie stop
SAVE and keep your flash file and each as a .swf.
save yourname_tweenname.swf place files on the server before class begins.
*** MAKE SURE you don't every throw your fla file away! you need to have both types of files at all times: fla is your flash document. the swf is the = of a pdf (but you can never open it)
Process grade: for this project is based on what you hand in and its percieved effort.
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
monday Nov 9
_ Crit storyboards
_ 11:30 class inclass tutorial
distribute to layers
import illustrator file
frame by frame
button(recap)
scene
personal web page
_ 2:30 class inclass tutorial
buttons
import illustrator file
scene
personal web page
personal web page.
Open template.html. Make a folder called Flash_09. inside that folder save the template as index. html. Make another folder in side the Flash_09 folder called images (all lowercase). Copy all your .swf files into that images folder. Open your index.html and begin to personalize it. Make sure it is legible: color is readable. This page will be posted on the class web site for the world to see. Make sure all your written text makes sense.
You will use this personal web page as your process book it is due at the end of the project. Those of you that know HTML feel free to make your own webpage. Use the template for content.
HOMEWORK
create the first animatic of your storyboards in flash save as
yourname_r1.swf
*NO spaces in your naming!
BLOG: What is Flash and why do we, designers, use it? Check out flash projects online and blog about at least 3.
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
wed Nov 11
_ Upload .swf files to the Viscom Folder
_ Update personal web page. Add your new swf files
_ Class crit on latest version of your motion
_ Tutorial: create a personal web page.
_ Add link to
your personal web page to your blog
_ Trouble Shooting: working in class.
HOMEWORK
then create a refined version with sound
yourname_r2.swf
Music Looping Follow these steps you must start it and stop it to make it work.
(if you can't get it we can fix it in class)
TO START MUSIC
1) when you drag sound onto the timeline you can control if it will loop, repeat, stream, start or stop by using the properties box usually at the bottom of the window (same window you would use for motion tween, etc.) it should be the box labeled sync and in that box there will be an option to change the sound to event, start, stop or stream
2) if you want it to stop/start at a certain point in the movie you will need to select the start option
3) this will tell the sound to start at a certain point but will also allow you to stop it at a certain point but you have to tell it when to stop otherwise it will just continually play
4) position the sound at the intervals where it should start and stop (adjust the length of the sound clip)
TO STOP MUSIC
5) to get it to stop, you need to drag the same sound onto the same layer as the first one
6) you should only need one keyframe for this clip (shorten it to one keyframe) and place that keyframe at the interval where you want your music to stop
7) then in the properties box you need to select stop (in the sync box) and make sure you have only that one keyframe selected!
8) this should change the look of the keyframe (it will look kinda like a padlock)
process is a large part of your grade so make sure you save all your process, don't save OVER your file. Always save as a different version.
we will look at everyones swf files monday you MUST have your file on the sever before 2:20 or it is LATE and your process grade will suffer.
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
mon Nov 16
_ intro to project 4: begin readings
_ Big entire class crit, *please have your swf on the VisCom server by 2:20 so I can it onto my computer so we can start ontime. If it is not there it will not be critiqued and your process grade will be affected.
HOMEWORK
update your personal web page
refine your flash and save as any process.
yourname_r3.swf
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
wed Nov 18
_ personal webpage up to date and live.
On your personal web page for this project include a
-- brief description
-- project overview (your thoughts)
-- all your your storyboards(s)
-- practice .swf files such as motion tween, shape tween and motion guide tween,
-- process saved as swf files
-- and your final .swf file saved as partoftheletter/term_yourname.swf
your personal web page is the "craft" for this project. make it clear, easy to read, label everything, avoid over designing it. keep it simple and beautiful.
HOMEWORK
refine and finalize.
save your final as...
font_yourname.swf.
ex. = goudy_andreawertz.swf no spaces in the naming any image files.
*no process book your webpage is your process book.
BLOG: visit 3 classmates websites (should link off the blog to the personal webpage) and comment on thier flash progress. BE CRITICAL.
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
mon Nov 23
DUE
Everything should be on your personal web page. It is your processbook so make sure it is complete and looks professional.
Crit and Cult of the Ugly discussion |