Sunday, 1 December 2013

Gravity, Weightless

This week we will continue to learn about the Principles of Animation and apply them in an animation exercise to be completed this week.

Please upload your completed project as a quicktime movie, converted using H.264 here.

"It is not necessary for an animator to take a character to one point, complete that action completely, and then turn to the following action as if he had never given it a thought until after completing the first action. When a character knows what he is going to do he doesn't have to stop before each individual action and think to do it. He has it planned in advance in his mind."
-Walt Disney (describing follow through and overlapping action)

12 Principles:

1. Timing-have observed somewhat, will cover as we go on. We have selected frame rates, but somewhat arbitrarily. We will continue to learn that certain things work better under different frame rates. Frame rate is related to speed and spacing. It is also important to consider in terms of production time. For this week's exercise, you will work with 2 different frame rates, 12fps and 24 fps in 3 separate files you will edit together at the end. At 12fps, your action will appear more slow, which is desirable in this animation at the beginning and end, as you will see. During the actual action itself, 24fps will be used to achieve smooth animated results.


2. Ease In and Out (or Slow In and Out) - The concept that an action can have varying speeds at beginning and end of an action, often used in conjunction with anticipation and other principles, we will cover in this week's assignment. Most important is to know when and how to use it. For this week's assignment, you will use slow in/out at the beginning and end of your animation by using different frame rates. 12fps/24fps.


3. Arcs-will cover in this week's assignment (somewhat observed this in bouncing ball arcs). The idea that arcs provide a guide for realistic movement. You will create a path as a guide for your animation this week. You may use arcs to simulate smooth back and forth flow.

4. Anticipation-will apply in this week's assignment, have discussed. This week you will apply anticipation at the beginning of your animation. You will apply the anticipation during the slow-in process, at a frame rate of 12fps, to slow the action. The spacing of your object will be further apart at the beginning as well, as we will see.

5. Exaggeration-will cover in future lessons

6. Squash and Stretch-covered with ball and character, you should now apply whenever you can! You are required to apply stretch and squash in this week's assignment as your object reacts to gravity on the upward and downward swings.

7. Secondary Action-will cover in walk/run future lessons

8. Follow Through and Overlapping Action-will apply in this week's assignment. Follow through is normally seen at the end of an action, may be thought of as the opposite of anticipation. The idea is that an object may go beyond its final resting point at the end of the action, and then loop or snap back to its intended final resting point, resolving the action. Overlapping action is when a character's parts react independently throughout an action, but come together at the end, often using follow through. For example, an animal's ears may move at a different rate, the animal may come to an abrupt stop, the ears might continue to move forward and then snap back.

9. Straight Ahead Action and Pose-To-Pose Action-concept introduced this week. You will decide of these two processes, which to use for your work this week. Most animators agree that it is a combination that yields the best results.

10. Staging-future lessons

11. Appeal-future lessons

12. Personality-future lessons

Assignments for week of December 2nd
1. Falling leaf
Create a single leaf that loosens from its branch and falls to the ground. We will follow this leaf as if it is a character taking a journey, running into an obstacle, overcoming the obstacle, and finally, finding a place on the ground, either in a pile of leaves, or in a private spot on the ground.

You will demonstrate anticipation at the beginning of the animation as the leaf decides whether it will make the journey or not and at the point it decides to make its break! Remember, often we see anticipation played out as the character moves in the opposite direction of the action at first, like a baseball pitcher winding up to throw a pitch, he may step and lean backward before moving forward and releasing the ball to the batter.

In your Photoshop file, you will have a layer that plots the arc of movement or the path the leaf will follow. This should be a well thought out path that will provide you guidance for the action.

At some point during the pathway down, your leaf will confront an obstacle (natural forces such as wind, extreme heat, rain, breezes, windsheer) that will cause a reaction through which your leaf must propel forward using stretch and squash.

You will use slow in, slow out, meaning that your speed will start slow during the anticipation, speed up during the normal flow of the action, then decrease at the end. You will do this by making files with different frame rates. Normal action could be handled at 12fps, while you may wish to perform slow in and slow out at a reduced frame rate. You will then export these files, and edit them together in final cut (this should be 3 quicktime movie files-beginning, action, end).

Finally, your leaf will float to the ground and settle in its final position for the action. If your leaf drops into a pile of leaves, and some other leaves rattle up as a result, you could then animate the leaf bouncing a bit up from the pile, this would be a secondary action, or even follow through. But you do not have to take that final step, but if you have time, you should for more practice.

Total time: 16 seconds, 24fps for major pathway action, 12fps for anticipation and landing.
Must begin with sketchbook observational drawing of trees, branches, leaves, and scale of drawing.

Tuesday, 26 November 2013

Nov 26, 2013

Projects due:


  1. Fairy Tale (Final as a .mov or mpg4 file, uploaded to google drive in fairytale folder)
  2. Stretch and Squash Animation exercise-ball bounce
  3. Stretch/Squash/Anticipation exercise-simple character
Happy Thanksgiving!


Sunday, 17 November 2013

Animation Exercises, Principles of Animation

Principles of Animation

See this link for a visual representation of the twelve principles of animation.

We will focus this week on the first principle of animation, Stretch and Squash. Stretch and Squash is the concept that objects have weight (light or heavy), and that weight shifts through movement. It is essential to understand this principle in terms of applying it to character animation.

Look at the 3 images below. They start with an example of the bouncing ball, which is a foundational exercise for all new animators. It lets animators explore motion, timing, spacing and weight.

The second image demonstrates the principle in a character animation.

Lastly, we see the principle in frames from a sack exercise, another foundational exercise in animation.

Assignments (Nov 18th week):

  1. Using Photoshop animation (frame by frame), you will create a bouncing ball with 3 bounces, and an eventual roll off the screen. This will be exported as a quicktime movie using QuickTime conversion, h.264 video compression.
  2. Using Photoshop apply the concept of stretch and squash to the simple jumping of a character such as person, animal, insect, fish, bird, inanimate object that you personify. You must show stretch and squash in this simple animation. In a jump we will assume your character is joyous, happy, excited, etc. Show this emotion through a simple jump. This can be accomplished at 12fps, and the jump can be 3-4 seconds. So 45-60 total frames meets the requirement for time. You must show squash when your character comes down, and stretch as it jumps up, a full jump starting with feet/paws/bottom on the ground to highest point in the air, and back to ground. Show the shifting of weight through this movement. This will be exported as a quicktime movie using Quicktime conversion, h.264 video compression.

For this, and other animation exercises of the next two weeks, please upload to the Animation Exercises shared google drive.




Wednesday, 13 November 2013

Thursday, 24 October 2013

Friday October 25th

Hello wonderful animation class!

One person from each group must leave a comment below at the end of the day and tell me what each group accomplished. I have notes from Wednesday's class indicating next steps and where you were. So let me know the following:

  1. Status of audio (complete, 90% complete, still need specific items such as ...)
  2. Tracks include in audio (such as voice narration, X amount of sound effects, music...)
  3. Status of artwork (complete, out of 5 characters X amount complete)
  4. Background is (complete, almost complete)
  5. Quality of art (characters/background) is representative of advanced high school, proficient high school, 6th grader, 3rd grader.
  6. Have you rehearsed your animation yet? Yes/No.
  7. Are you ready to shoot your animation next week?
  8. What problems are you having or concerns?
Do not waste time today. The current due date for this project is November 8th, completely edited with sound effects and all intended animated scenes. This date is plenty of time for completion of a quality project. Anything handed in later will be graded down one full mark for each block period it is late.

Sunday, 20 October 2013

Character Personality

How can an animator reveal a character's personality? To help answer this, think about an animated character from a TV Show or Film. How would you describe the personality of that character? How was that personality revealed in the TV Show or Movie?







Thursday, 17 October 2013

Friday reflective question

For GarageBand/Final Cut artists:


  1. Today your goal is to record the narration for your story. Once the narration is recorded you can take that file and extract information from it that will be very valuable for your animators. What information can you obtain from playing your file that will be valuable for the animators?
For animators:
  1. Today you will create a simple storyboard that will provide a guideline for you as to the amount of time each scene will take. Once you know that, you will determine your 'framerate'. Framerate is how many frames per second, or how many drawings per second are needed to animate your story. What information does the audio file have that may help to guide your storyboard design in terms of scene development, timing and drawings per second of animation?

Wednesday, 2 October 2013

The Art of Stop Motion Animation

 At the end of your work today you will answer this survey individually. Make sure to start your survey at least 20 min prior to the end of class. CLICK HERE

Introduction:
There are many methods that can be used to create animation. They all start with 'the art'. For the month of October we will explore the earliest influential animators, their art and their method of animation known as Stop Motion, which is still practiced today. To better understand stop motion you will create your own stop motion animation. You will begin this project on Friday. Today you will read about stop motion and complete a short feedback survey about what you have learned.

You will learn about one of the earliest animators, Lotte Reiniger who was German and practiced animation prior to Disney and most major studios in the United States.

Classwork:
Remaining in your current groups, please read/watch the following websites and movies. At the end of your research (you may work in groups to watch the movies), please take the survey linked above.

(some groups notes-Jacob please join Connie and Emily Che to form a group of 3, Bala, Joshua Han and Yuhun should form 1 group)

Lotte Reininger-read the short paragraph, watch the first 8min movie all the way through
Tim Burton talks about Stop Motion
More Tim Burton about Frankenweenie

Vine's Animator Khoa
Construction Paper 1
Red Riding Hood
Love's making it's way back home
Halloween Candy
More Group Construction Paper Projects

Friday, 20 September 2013

Sept 20th-MAP Integration

Please click here for access to your own web folder that will include a website and google map capabilities.

Travel

Tuesday, 17 September 2013

Wednesday, Sept 18th

Please continue work on your Infographic Project. At the end of today, please hand in a png file of your progress to this link:

Hand in Here

Remember, you will open the drive and upload your work.

To save as png file:

In Illustrator:
File-Export-Png

Note:
 Bala-please work with Kevin Lee and John Lee to show them how they will edit the content that will go in the popup windows of their map. Bala-you can show them to code.  Show them how to edit the code, and work with them through the process of the first popup window's contents. From there, they should be able to take it over.

Jacob-continue to perfect Connie Fan's MAP requests.

Jacob-Bala and class, on Friday you will all get an html/css file (from Jacob/Bala) and you will go over the code to see how to include your png file in the background of the website, and how to position your map, and how to include the content inside your popups.

Everyone should be working on this project. No other homework. If you think you are finished, look objectively at your work against the design work seen on the visual.ly website. Does your design demonstrate visual heirarchy?

If you are finished, evaluate your work using the rubric linked from this blogspot. How do you think your project will be assessed in light of the rubric requirements? Check them.

The sub will take down any names of people not working.

Thanks


Wednesday, 11 September 2013

InfoGraphic Rubric

Please click here to view the rubric for your final project.

Your project will be delivered in two parts:

  1. In Illustrator final file exported as a png file. You will also need to save a backup file of your project in native illustrator format (.ai).
  2. A webpage with an active map. You will get a tutorial from Bala and Jacob as to what you are getting and how to modify the html file to include your active map.

Friday, 30 August 2013

Research/Surveys

Today you will determine how you will obtain the dataset for your infographic. This could be done in at least two ways:

  1. Internet research 
  2. Surveys (surveymonkey.com or google forms)
Once you determine your method, you will begin your research. You may also use a combination of internet research and surveys. If survey, who will you survey and when?

In your groups, answer these questions in a google doc or word file. When complete, upload here.

Questions:


Method of research:
Topic for Infographic:

3 key questions you will research or ask:

3 key things you are hoping to find


How might you display the data? (chart/graph/map etc)


When you obtain the data:
What have you learned from your research/surveys?
What is something you can infer from your research?
What might be a good headline?
What supporting facts will you have?
What supporting visuals will you have?



Sunday, 25 August 2013

Wednesday, 21 August 2013

Infographic/Mapping Class Project

You will produce an Infographic using Adobe Illustrator, Google Apps and Google Maps that showcases your visual design skills and ability to integrate the targeted software tools. What is most important is your understanding of visual hierarchy, a concept you will learn about during this unit.

Your infographic is based on a dataset you either obtain though research or collect using a survey. You may do this work with a small group of no more than 3 people.

Once you have your dataset you will decide how to best display the data in a visually compelling way. Think of this visual as something that could appear in the Saratoga Falcon newspaper, online on a website or blog, or as a printed poster.

Steps:
  1. Select a topic and conduct research. (Friday, Aug 23)
  2. Evaluate/Critique the infographic and data visualizations provided in the class (Visual.ly and others in upcoming lessons).
  3. Learn Adobe Illustrator with a focus on design, typography, charts and graphs.
  4. Conduct research using Google Forms (for survey), Google Spreadsheets (for survey responses), SurveyMonkey (alternative), and Google Maps API.
  5. Create background infographic (as static jpg file)
  6. Integrate background as background for web page featuring google maps that display markers on locations relevant to your data (infowindows, markers, mapping styles, basic html/css)
  7. Upload all final work in your designated google folder on the google drive.
Today's Blogspot Comment Response:
  1. How will you obtain your data?
  2. What are some visuals, images, that might support your data visualization?
  3. What colors/fonts might you use? Why?
  4. What do you hope to uncover or find in your research that will make an interesting visualization?
  5. How will the viewer feel when they see your visualization? How can you design something with the viewer in mind?

Tuesday, 20 August 2013

Design, Data and Visual Hierarchy

Please read the linked post here and answer the following prompts in groups, be prepared to share your best thoughts with the class:

1. What are the graphic design decisions required to support the creation of infographics?
2. What is meant by the 'architecting' of the visualization?
3. Analyze the Titanic infographic in terms of color combinations, text used, text style (font style), and use of images in the infographic.

Please watch the youtube movie linked here.

Answer the following questions in groups, be prepared to share your best work with the class:

1. When creating data visualizations, where does the designer start?
2. What are the basic principles of data visualization?
3. What do you think is meant by the concept of visual hierarchy?

Switch groups. Watch this TED talk by Jer Thorpe of the NY Times. 

1. Discuss with your group ideas for data visualization. What are some topics that could be ripe for research and visualizing the results? Please write ideas on individual post-it notes and place on a whiteboard around the room.

Look at some examples of data visualization on the Flowing Data website.

1. Discuss with your group which visualizations you think are particularly successful, which are not?

Visit the following artist sites. Select your favorite visualizations and discuss with your group the design characteristics in terms of text, color, images/vector images used, are photographic images used or not:
1. Fernanda Viegas
2. Martin Wattenberg

Switch Groups: Watch the following Ted Talk by Aaron Koblin

1. Discuss Koblin's work with your group. Why do you think he is on the leading edge of data visualization? How does he humanize data? How does he make a connection to audience with design and his work?