IMD II

Complete the following tutorial:

http://www.videocopilot.net/basic/tutorials/05.Motiontracking/

The resource clips are in 54_AE_motion_track

save two rendered clips to IMD/IMD Share/54_AE_motion_track_turnin

last_first_la.mp4

last_first_sam_mp4

You might be working at home...

http://www.theatlanticcities.com/jobs-and-economy/2013/02/geography-americas-freelance-economy/4118/

IMD I

Add css for segments on your 800x150 sample page

1. Make a sample that modifys the h1 and h2 tags

2. Make a sample that modifys p tag

3. Make a sample that modifys the li tag



Turn in you header and footer graphics

save to 39_head_foot as last_first_head.jpg  and last_first_foot.jpg

IMD I and II

IMD I

Header and footer practice

Create a 900x150 header in photoshop for the company or organization of your choice.  Include their logo and navigation links (home, products, contact)  with rollover layers.  Create 900x100 footer that matches the colors and shapes of the header

Slice and save the appropriate images to a folder in your login.  Name the folder last_first_roll .  You will turn in the work tomorrow.

Look at the PowerPoint in the divs folder if you need help.




IMD II

Complete 51_AE_NYC1900  Turn in to IMD/IMD Share/51_AE_NYC1900

Complete 52_AE_layer_mask  - Make Godzilla walk between two buildings on the left and then walk to the foreground of the image where he breathes fire - 10-15 seconds.  Turn in to IMD/IMD Share/52_AE_layer_mask

Work on 53_AE_mario  - Create a 1 minute 720x480 comp using the mario world graphic as a background.  Save the animation - do not render it.

IMD II

Today:

Turn in NYC after effects to 51_ae_nyc1900

last_first_nyc.psd   - Completed PSD file

last_first_nyc_focus_pan.mp4 – Rendered focus and pan shot 10-15 seconds with a 2 second lead before starting animation

last_first_nyc_go_for_the_A.mp4 – render a second file for the A

Fix those pesky gaps between sliced images

Create this class

.fixgap {
 display: block
}

apply this to the image above the gap.

The next row of images should take care of themselves.

9 Principles of Animation

9 principles of animation

1.      Squash and stretch

Illustration of the "squash and stretch"-principle:
Example A shows a ball bouncing with a rigid, non-dynamic movement. In example B the ball is "squashed" at impact, and "stretched" during fall and rebound. The movement also accelerates during the fall, and slows down towards the apex (see "slow in and slow out").

The most important principle is "squash and stretch",^[4] the purpose of which is to give a sense of weight and flexibility to drawn objects. It can be applied to simple objects, like a bouncing ball, or more complex constructions, like the musculature of a human face.^[5][6] Taken to an extreme point, a figure stretched or squashed to an exaggerated degree can have a comical effect.

2.      Anticipation

Anticipation is used to prepare the audience for an action, and to make the action appear more realistic.^[9] A dancer jumping off the floor has to bend his knees first; a golfer making a swing has to swing the club back first.

3.      Staging

This principle is akin to staging as it is known in theatre and film.^[13] Its purpose is to direct the audience's attention, and make it clear what is of greatest importance in a scene; what is happening, and what is about to happen.

4.      Slow in and slow out

The movement of the human body, and most other objects, needs time to accelerate and slow down. For this reason, animation looks more realistic if it has more drawings near the beginning and end of an action, emphasizing the extreme poses, and fewer in the middle.^[14] This principle goes for characters moving between two extreme poses, such as sitting down and standing up, but also for inanimate, moving objects, like the bouncing ball in the above illustration.^[24]

while a figure skater moving at top speed would be unable to turn as sharply as a slower skater, and would need to cover more ground to complete the turn.

5.      Secondary action

Adding secondary actions to the main action gives a scene more life, and can help to support the main action. A person walking can simultaneously swing his arms or keep them in his pockets, he can speak or whistle, or he can express emotions through facial expressions.^[26] The important thing about secondary actions is that they emphasize, rather than take attention away from the main action. If the latter is the case, those actions are better left out.^[27] In the case of facial expressions, during a dramatic movement these will often go unnoticed. In these cases it is better to include them at the beginning and the end of the movement, rather than during.^[28]

6.      Timing

Timing refers to the number of drawings or frames for a given action, which translates to the speed of the action on film.^[14] On a purely physical level, correct timing makes objects appear to abide to the laws of physics; for instance, an object's weight decides how it reacts to an impetus, like a push.^[29] Timing is critical for establishing a character's mood, emotion, and reaction.^[14] It can also be a device to communicate aspects of a character's personality.^[30]

7.      Exaggeration

Exaggeration is an effect especially useful for animation, as perfect imitation of reality can look static and dull in cartoons.^[14] The level of exaggeration depends on whether one seeks realism or a particular style, like a caricature or the style of an artist. The classical definition of exaggeration, employed by Disney, was to remain true to reality, just presenting it in a wilder, more extreme form.^[31] Other forms of exaggeration can involve the supernatural or surreal, alterations in the physical features of a character, or elements in the storyline itself.^[32] It is important to employ a certain level of restraint when using exaggeration; if a scene contains several elements, there should be a balance in how those elements are exaggerated in relation to each other, to avoid confusing or overawing the viewer.^[33]

8.      Appeal

Appeal in a cartoon character corresponds to what would be called charisma in an actor.^[37] A character who is appealing is not necessarily sympathetic – villains or monsters can also be appealing – the important thing is that the viewer feels the character is real and interesting.^[37] There are several tricks for making a character connect better with the audience; for likable characters a symmetrical or particularly baby-like face tends to be effective.^[38] A complicated or hard to read face will lack appeal, it may more accurately be described as 'captivation' in the composition of the pose, or the character design.

IMD I - Monday Group Listings

Principles of animation

Read the principles of animation article

Identify one example of each technique in the film. Use the screen shot database to illustrate your work in a storyboard type graphic (add notes and illustration to describe the technique.)

Use photoshop to combine notes with the definition of the technique and the screen cap.

http://screenmusings.org/WALL-E/index.htm

Professional Dress

Professional Dress

Students participating in BPA field trip activities are required to be in professional dress.  These guidelines have been clearly defined for students.  Over the past several weeks we have asked students to inform us if there are any issues with obtaining professional dress clothing / footwear.  In the 18 years the IMD program has run we have never had a student we couldn't help meet these guidelines when given adequate prior notice.


Students who show up day of trip who do not meet professional dress guidelines have the following options:

1. Contact someone to bring the appropriate clothing / footwear to SWCA prior to leaving for the trip.

2. Find an appropriate clothing choice in the IMD studio.  This selection is very limited and available first come first serve basis.  

We are very disappointed in students who have chosen not to make accommodations for themselves.

Students who can not find a solution before transportation leaves SWCA will remain at school.



Denim is not permitted.

Sneakers and athletic shoes are not permitted regardless of color.

Gentlemen are required to wear a tie.

Skirt length must meet SWCS guidelines.

IMD I and II

Creative 3rd Hour

We've been working with BPA for quite a while.  Use 3rd hour to have fun with the awesome technology on our desktops.

Use the lab to work on somthing creative and fun, here are some examples:

Work on a side project you've been wanting to finish.

Make a card for someone you care about (Valentines day is right around the corner)

Doing some research on a favorite movie, video game, ccg, team?  Screen cap your work and paste into a powerpoint.

I also have one spot the following:

guitar, keyboard, synth, sound booth, and drums.

I'd like to open these up to folks who dont have them at home, so please pass if you have access to them other times.

Turn in your work to 36_creative_hour

For the presenter:

Focus on a strong introduction and conclusion.

Use a note card if you need it!



For the Audience

Actively Listen

Review your questions list if necessary