visual communication
|
:: syllabus :: bookjacket :: spreads :: workbook :: speech :: journal :: class blog :: | |||
:::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::::::::::::: Various Stop Motion Typography Various Student Projects |
::::
|
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Part A: Visualizing the speech in print. The speech will first be visualized on paper with the final product being a small accordion book. Part B: Visualizing the speech in motion. Using the printed piece as a sort of storyboard the speech will be typographically visualized in motion – using AfterEffects. The intention is to create “visual” of the audio. We the audience should “see” the mood, tone, intonation, emphasis, personality, feeling, stresses, pauses of the speech. There will be 2 visual solutions to this project. Both solutions are type "heavy" {graphic elements, rules, symbols maybe used, but the solutions should be type dominate}. The speeches are available on the school server. The typographic solutions explore type size (scale, spacing, orientation, placement, text as a positive and negative. You reverse type. Keep in mind the design principles of closure, overlap (positive / negative), opposition/tension and cropping. Use space wisely, and consider how scale and spacing enhances the visual tone of your speech. DO NOT use drop shadows or distort (stretch or pull) type in either direction, or place type on a curve or in a cute shape. Keep in mind what you learned from your previous type projects. ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: AUDIO: you must use the audio of the speech plus you may add additional sound/ music. ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: HOMEWORK: -- Spend at least 30 minutes watching videos: on school server and on youtube. Some have been gathered here. But go to youtube also. Saul bass, and type in motion on you tube. Watch all the type in motion examples without sound FIRST, THEN with sound. How does the experience differ? feeling, mood, emotion, imagination. Most youtube examples are similar in design style. What is wrong with the similarity? Please view youtube examples. Which ones do you “like” why. What is “wrong” with the examples? PLEASE I know it is hard but do not be influenced by what you see. Your printed piece is now the storyboard for your motion solution. -- Listen to at least 3 speeches before deciding on one you want to use. Make sure you choose a speech that you find interesting and powerful. -- Examine/Describe/Dissemble the speech you have chosen. Keep notes as part of your process. Type up and print out the following AND BLOG: _ Type up the entire speech so you have it as text on an 8.5 x 11 sheet. ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: working in class on discting type and "what is sequence" Listen to your speech (at least 3 times) and take notes/ mark up a printout of your speech to show: intonation, emphasis, what is loud, stressed, or soft. What is intonation, emphasis, what is loud, stressed, or soft. Where are there pauses... Begin to visualize what you discovered when you listened to your speech. Save all as a pdf. Ceate 3 “interpretations" in print. All three must be different from each other. All three must explore different pages sizes (min 6 x 5). HOW do you visually show the words (WITHOUT STRETCHING THE TYPE, NO TYPE AS SHAPES) How can someone visually see what is being said. Scale. Spacing... For your books you can Use as many pages as you need but 10 panels (5 spreads) are the min. How can you control the flow of the speech? Use a combination of scale, value, spacing. Push how you can translate the speech...emotion, mood, tone, personality, intonation, emphasis, what is loud, stressed, or soft, pauses... don’t “fake it” you are interpreting the speech. *the interpretation can be how the person says the words/stress/pause AND/OR how you interpret where the stress/pause should be for impact. EXPLORE this is not a time to say it has to be like this, explore keep all options open. How can you make sound visible? Print out and read: type in motion Print. Full size, trim and fold. Black and White is FINE for this round. ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: The goal of the variations are to express: mood, tone, intonation, emphasis, personality, feeling, stresses, pauses... Use no more than 2 fonts from the “approved font list”. _ Choose fonts that match your speech. Have an opinion on why you chose the fonts you choose. Each variation should make the visualization more... _ dynamic, _ interesting and _ clear. Each should represent _ what the speech sounds like. _ Use the horizontal pull/clothesline to pull us through the layout. _ Explore contrast. _ Vary type size, _ orientation, _ spacing, and _ placement, as well as _ reverse type, _ omit, _ slice,_ block, _ overlap words or _ letters. _ DO NOT use drop shadows or distort (stretch or pull) type in either direction, no cute shapes.. _ You will use this printed exploreation as a storyboard for your motion graphic. The printed book will be handed in at the end for part of your grade on this project. Print out full-size, trim and tape together. Black and White is fine for this round. BLOG: answer the question: how do you think the audienc experience will change based on the media? What will the audience exprience in print. In Motion. What can you do in print that you can't do in motion. What can you do in motion (in aftereffects) that you can't do in print? AfterEffects_reference tutorials Print: Make refinements to your printed book. Print out full size and comp together. Comp it how you plan to turn it in. Full size, color. You should have a “cover” and the last page should have the class information. It can be a self cover, hard cover, slide into an envelop, belly band... Motion: You will only be using 20 - 30 seconds of your speech. Identify the 20 - 30 seconds and cut the speech down. Begin to storyboard of how you can visualize your speech in motion. Writing notes on down on paper about how your type can move on and off screen. Transitions such as grow, blur, transparency, etc.... storyboard template on server | pdf ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: working in class: test motion ideas, practice and refresh aftereffects. use your speech and test parts of your story board. put your sound in (even if it is ROUGH) . Render movie as quicktime and post on vimeo. post on your blog. HOMEWORK: Create a storyboards at least 12 frames. Explore 3 DIFFERENT variations on your storyboard. You are showing major transistions, below the frame write done trasition ideas, what the trasition would look like, also think about music and what you want your audio of your speech to do. Write notes on down on your storyboard or another sheet about how your type can move on and off screen. Transitions such as grow, blur, transparency, etc.... storyboard template on server | pdf BLOG: Finish / refine motion you started in class. This is just a proof of concept, test ideas. Explore Aftereffects. ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Print: continue to make refinements to your printed book. Print full-size, full color, trim and fold. This project will take around 30+ hours to finish so use your time wisely. You will need it. ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: HOMEWORK: Print: Finalize printed book. Print full-size, full color, trim and fold. Test out different paper other than epson, what can the paper do to influence the mood, feeling of the speech. BRING this final COMP to class on Wed/Thurs ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: HOMEWORK: add last frames: speech name, date of speech, your name, graphic design 02, university of kansas, professor Herstowski, ANY music or image credits. Render it as Quicktime and put it on the server and post to your blog. (you may need to render as half to get it onto your blog) Develop a column grid and horizontal alignments, define stylesheets (header, subhead, body, body bold, caption...be consistant, use the page wisely, don't over crowd, how would someone skim through it? style sheet demo: link to how to print: make any last correction and prepare for the final ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: prefinal all should be near perfect. Please follow all these directions carefully. Projects not done per specs will be counted late / grade drops one full letter grade. And will have to be redone for Review. Put the following in your folder and Upload it to the server b) Motion Studies: include in your folder all explorations in afterEffects, and rounds of movies should have at least 3 rounds of process c) Pdfs Process you may put all of this process into an envelop to hand in... pg 01 title page: your name, project: visualization, typography 02, spring 2011, herstowski pg 06 as part of your research you watched at least 30 minutes of videos with and without sound. How does the experience differ? feeling, mood, emotion, imagination. Most youtube examples are similar in design style. What is wrong with the similarity? Please view youtube examples. Which ones do you “like” why. What is “wrong” with the examples? Second to the LAST PAGE how does the media affect the message or experience?
what can you do in motion that you couldn't do in print. and in print that you can't do in motion? physical process: 1) the first day of the project you were to do studies and save as apdf. so you need to print those off and hand them in 2) three versions of your speech, different ways, different formats, 3) two verions of our speech/explorations 4) two versions of your speech 5) refinement of your speech 6) refinement 7) rough comp of final 8) final comp = in total you should be handing in at least 11 printed versions of the printed book storyboards: 1) 3 initial storyboard ideas 2) refined storyboard 3) final storyboard (screen shots of final piece at least 12 frames) ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: I will give your Speech Project back at REVIEW, I will put it on your table with the rest of your work. MAKE sure your workbook is on your table. I will pick it up to do a final grade. |
||
|
|
|||
|