Final Today

 

Final Project (Due January 17th)

Pick one of the options for your final project.

 

1. Create a video revealing a problem you, a friend or family member have encountered and how did they overcome the problem.

 

2. Create a trailer of your favorite film or video game

 

3. Create a video using different clips fro a film to tell a story

 

 Requirements:

 

1. Must be at least 3 scenes.

 

2. The project must have a beginning(setup), middle(problem) and end(solution to the problem).

 

3. Must have special effects on beginning credits(titles) and end credits. Special effects on the titles. Examples of special effect tutorials.

 

4. Each scene must have a transition to the next

 

5. Must use and identify 3 camera shots ( close-up, medium shot, long shot), genre( sci-fi, action, comedy, drama)

 

6.  Zoom or pan at least once

 

 

 

Activity:

 

Use storyboardthat to develop your narrative for your final project using camera angles, movements and shots. The storyboard is due this Wednesday.

 

 

 

I. Camera Shots 
(close up, extreme closeup, medium shot, wide angle, long shot, over the shoulder, point of view, cutaway)

 

 

 

II. Camera Angles (Eye-Level, High Angle, Low Angle, Bird's Eye, Aerial view).

III. Introduction to the 5 C's of Drama 
Character, Conflict, Catastrophe, Climax, Conclusion

 

 

 

Character - How does the following factors influence the flow of the storyline;

 

 

 

archetype, background, physical appearance, psychology, ethnicity
Conflict - What is the main characters problem or what does the main character   want?
Catastrophe - What are the reversals (the director makes the audience believe one thing but the opposite happens) of the story and what are the obstacles preventing the character from getting what they want?
Climax - The high point of the story or the point of no return of the story
Conclusion - How the problem is solved or not solved
Genre - Romantic, Drama, Comedy, Mystery, Action/Adventure, Sci-Fi

IV. Questions we use to analyze a film:

Describe - 1. How the 5C’s apply to the movie (characters, conflict, catastrophe,
                    climax, conclusion)

Analyze – 1. How are camera angles, lighting and editing used to create a
                      compelling story?
                  3.  How does the story follow or not follow the traditional genre of film?
                  4.  Describe the style of the film?  
 
Interpret- What is the message the filmmaker trying to communicate?
                  1.What symbols does the filmmaker use in order to convey
                   their message?

Judge – Why is the work successful or unsuccessful?

 

http://www.mediacollege.com/video/

 

Final Project Monitor

Animation class 1st period Click here to add your daily response

Animation class 2nd period Click here to add your daily response

 

Post Storyboard on Padlet 

Upload pdf or gif

 

 

 

 

 

Test and make an animated emoji gif

You may work in groups but everyone must have their own unique design

Steps to completing Midterm

1. Figure out how to display fun, urban, youthful with Typeface

2. In Illustrator manipulate your text with Graphic Styles and Type features. Manipulate your font with tracking, kerning. You inserted Symbols in the design. 

3. Export your layers save as a png file (it maintains the transparency).

a. Go to your Layers panel hide all the layers you don't want to Export.

layer.png
layers.png

b. Select your Layer in Illustrator go to Export> Export As > Save as a .png

(maintains the transparency)

c. Import your files into Photoshop then make your gif.

 

Post on Padlet

 

Aim: What are the rules and routines we must use in Animation Class?

Do Now:

I. Use this Period 1 Access Code 6G83-54QS-JQN32 to create an account in www.schoology.com

Ia. Use this Period 6 Access Code 6C8S-Z944-6WXFV to create an account in www.schoology.com

 

II. Create your blog using Wordpress.com, Wix.com, or Google (blogger). Once you create your blog go to my blog at Masonstudio and post the URL of your blog in the comment section of Animation (period2).

 

Activity: 

Prompt: List two ways a (digital portfolio) blog can help you reach your goals.

 

Homework:

1. Make sure everyone has a composition book.

2. Google drive or flash drive

3. Blog completed and url on Masonstudio.wordpress.com

 

Week of September 9th 

Activity 1

Aim: What is the study of Animation?

Do Now: 

Prompt: How does Animation illustrate change?

 

Project 1

Create a visual chart or poster illustrating the history of animation based on the article History of Animation Post on your blog


Take a picture of your poster and post it on your blog. If you created a digital presentation upload it to your blog.

Answer the following questions

1. Name the people in your group.

2. Describe what you contributed to the group. 

 

Rubric checklist

 

Friday September 13th 2019 First Period

 Take 1st Pre-assessment you will not be graded but you will get a zero if you do not take it. 

Monday 

Monday September 16th 2019 First Period 

  Take 2nd Pre-assessment you will not be graded but you will get a zero if you do not take it.

 

Week of September 16th 2019

Project 2

1. You are going to create three thumbnail sketches ranging from

simple to complex using two of more Elements of Art and one Principle of Design. Due tomorrow upload on your blog.

2.Once you have your final sketch you have to create four or more animated sketches 

 

Activity 2

 

Discuss this article. Pick one of the animations and identify how one the animations used the elements of art and principles of design

 

 

Color Animation  

 

Elements of Art (LineShapeColorColor2, , Texture, Value, Space,Space2 Form)  

Principles of Design (BalanceMovementContrastEmphasisRhythmPatternUnity, Harmony, Variety)

Balance - shows symmetry in the composition
Movement - elements show movement or action
Contrast - The elements are opposing one another i.e., big against small, light against dark
Emphasis - artist directs the eye to one part of the composition
Rhythm - the same elements in a pattern vary in size or direction
Harmony - elements are similar in size, shade or shape
Variety - elements are different in size, color or shape
 

*also add a color scheme

Create a sketch of making one of the elements or art into a character and principle of design into what the character does. 

example if you choose line as the elemnt of art and variety ans the principle you will have to show a variety of lines changing color and size.

50 Great Concept Artists to Inspire and Motivate - https://www.lifewire.com/concept-artists-to-inspire-2117 

Animation Character Sheet / Breakdown Basics - https://www.lifewire.com/sheet-character-breakdown-basics-140958

 

Week of September 23rd 2019

 Aim: What is the Study of Animation? 

Do Now: Answer in your journal what is the study of animation? and how do you animate a design?

 

Activity 3: 

 Project 5

I. Once your finished your 4 or more designs you will take a photo of your design

on your phone or you can use Photobooth on the computer. (email your photos to yourself

II. You have to post your 4 photos on your blog and explain why you choose that design.

III. Open up Photoshop and Crop your photos to make sure there is no extra background.

IV. You can experiment with one filter in Photoshop

VI. Animate tutorial  another tutorial, another one 

How to make a flip book

Each page should change:

size

color

or position

Due Monday 

Prompt:

On your blog included in your Gif post explain the directions on

how to create a gif in Photoshop.

 

Project 5 Due Friday the 11th

Aim: How can a logo be animated for your blog?

Do Now: On your blog please describe your animated logo 

describe how the color scheme, shapes, text will be animated. 

Using elements from your Gif project animate a logo with your name. You will use this Gif as a banner on your blog.

Use shapes watch this video shape tools or read this article or this article

another tutorial on animating shapes. Article on how to use the text tool and video

Must be at least 10 frames. 

Illustrator tutorial 1

Illustrator tutorial 2

Illustrator tutorial 3

Illustrator tutorial 4

 

Graphic Design video, vectorize,

 

Do Now:

Prompt: Write in your journal

1. What do the following items do: Direct Selection, Selection tool?

2. What is an anchor point?

3. How do you change a color of a shape?

 

In Illustrator texturize three shapes and place two objects with a background.

Graphic Style Library, Brush Library, Symbol Library

Object>Transform, Arrange

Activity: We will create type with the Type tool. Horizontal font, Vertical font, Area

 

Aim: How can Illustrator Help Us Understand Typography?

Do Now: Look at video

 

Write in journal entry? What is kerning, tracking and leading based on this Design?

The Elements of Typography Gallery Walk

A presentation containing 8 examples of layouts that use typography to communicate an idea or emotion.

 

Font Conference from College Humor

A funny video from College Humor that shows personalities of popular fonts. 

 

Independent Practice - Can You Kern? Independent Practice

 

Have students go to the following website to practice kerning. If students don't have access to computers the teacher can demonstrate kerning on this site.

http://type.method.ac/#
and see how accurate you are at kerning.

 Kern Me Website

An interactive online activity/challenge that demonstrates kerning.

 

Exit slip:

 

Return to your blog and write how kerning, leading or tracking was used creatively.

 

Practicing Adjusting Type in Adobe Illustrator Guided Practice

 Typography Assignment 1 (ai)

PDF version of Typography Assignment 1

Independent Practice - Creating a Word with Meaning in Adobe Illustrator Independent Practice

 

Create a list of emotional words or use the list of words attached. Have the words written on separate sheets of paper. Have students randomly pick a word.

Students will illustrate the meaning of the word by choosing a type style and then change the kerning, leading, and tracking to show the meaning of the word.

 Independent Practice

Making a GIF using Illustrator and Photoshop 

Once you have created your graphics in Illustrator. You will export each layer.

1. Go to your Layers panel hide all the layers you don't want to Export.

2. Select your Layer in Illustrator go to Export> Export As > Save as a .png

(maintains the transparency)

3. Import your files into Photoshop then make your gif.

 

Aim: How can Storyboards help develop a story?

 Friday 11/8/19

What is a storyboard

Log into storyboardthat

Create a storyboard about a story you will animate.

It can be about the following:

Your favorite poem

A music video

A superhero or comicbook hero

An action or comedy about Brooklyn Studio

Make sure to make the story culturally relevant

 

 

Watch Animatron tutorial

 

Aim: What happens during the Pre Production Phase of animation?

Do Now: Watch this video 

Activity: What happens during the pre production phase?

Research: Gather your characters and backgrounds that match your story board.

In Google in your boolean search might look like this:

for example exterior backgrounds - apartment building illustration (it can be a jpg or png file)

Characters - example young girl illustration sprite sheet or animated gif

when in Google go to Tools>Color>Transparency

Make sure you save your characters as an animated gif or png file in ordr to maintain the transparency.  

 

 Steps to creating a video animation in Photoshop

1. Download your animated gifs characters make sure they have transparent backgrounds (gif or png). The scenery backgrounds don't need a transparency (jpg or png) unless the are animated gifs.

2. Open your gifs in Photoshop. Go to Timeline>frame animation.

Go to Export>Render Video Change the Format:Quicktime and the Alpha channel to straight Unmatted 

Click Render

render.png

3. Find the file on your desktop or document folder open in Photoshop.

You should have all of your layers for the first scene stacked vertically

beach.png

 

 

 

 

 

 

 

 

 

Opengameart.org

sprite sheet

 

December 16th, 2019

 Aim: How can After Effects help out animation skills?

Do Now: Look at the beginners tutorial*tutorial

tutorials

Activity: Make a commercial out of one of these images mountain, buildings, bowler.

animate the text and add music. Post the process on Padlet

 

Here are some underwater effects

 

Text Effects1, Text Effects2

 

 

 

Aim: How do camera angles, movements and shots communicate a visual language?

 

Do Now: Watch this video 

Final Project: Pick one of the options for your final project.

1. Create a video revealing a problem you, a friend or family member have encountered and how did they overcome the problem.

2. Create a trailer of your favorite film or video game

3. Create a video using different clips fro a film to tell a story

 Requirements:

1. Must be at least 3 scenes.

2. The project must have a beginning(setup), middle(problem) and end(solution to the problem).

3. Must have special effects on beginning credits(titles) and end credits. Special effects on the titles. Examples of special effect tutorials.

4. Each scene must have a transition to the next

5. Must use and identify 3 camera shots ( close-up, medium shot, long shot), genre( sci-fi, action, comedy, drama)

6.  Zoom or pan at least once

 

Activity:

Use storyboardthat to develop your narrative for your final project using camera angles, movements and shots. The storyboard is due this Wednesday.

 

I. Camera Shots 
(close up, extreme closeup, medium shot, wide angle, long shot, over the shoulder, point of view, cutaway)

 

II. Camera Angles (Eye-Level, High Angle, Low Angle, Bird's Eye, Aerial view).

III. Introduction to the 5 C's of Drama 
Character, Conflict, Catastrophe, Climax, Conclusion

 

Character - How does the following factors influence the flow of the storyline;

 

archetype, background, physical appearance, psychology, ethnicity
Conflict - What is the main characters problem or what does the main character   want?
Catastrophe - What are the reversals (the director makes the audience believe one thing but the opposite happens) of the story and what are the obstacles preventing the character from getting what they want?
Climax - The high point of the story or the point of no return of the story
Conclusion - How the problem is solved or not solved
Genre - Romantic, Drama, Comedy, Mystery, Action/Adventure, Sci-Fi

IV. Questions we use to analyze a film:

Describe - 1. How the 5C’s apply to the movie (characters, conflict, catastrophe,
                    climax, conclusion)

Analyze – 1. How are camera angles, lighting and editing used to create a
                      compelling story?
                  3.  How does the story follow or not follow the traditional genre of film?
                  4.  Describe the style of the film?  
 
Interpret- What is the message the filmmaker trying to communicate?
                  1.What symbols does the filmmaker use in order to convey
                   their message?

Judge – Why is the work successful or unsuccessful?

http://www.mediacollege.com/video/

 

 

 

 

 

 

 

 

Project 6

 

Aim: How to use exaggeration to capture the expression of human movement?

 

Do Now: Look at the following animations. Compare the difference in style of facial and body movements.

 

Animation1 Sugarcoat by Togo Takuro

 

Animation2 LAIKA by Avgousta Zourelidi

 

Look at the scenes in the cartoon. What makes this picture look 3 D?
 
Test2019

 

Activity:

 

Step 1: Discuss the concept of perspective and the definition of exaggeration.

Step 2: Draw a cartoon character and exaggerate their facial features. They must create layers for each body part tweened.

Step 3:Fiind a cartoon’s entire body on Google Images and trace the character behind their first character.

Step 4: Exaggerate the body movements  on part of the body using mulitple layers.


For Discussion

Describe how animators use exaggeration as a tool to make animation exciting?

How can using multiple layers help you to exaggerate your characters?

What happens if a character is larger in the foreground than the objects in the background?

 

Answer the following question:

What emotion were you aiming for and how did you achieve it?

How could you make your animation more exicting or comical using the techniques learned?

 

*For more in depth study

 

Look at this animation site 

 

Use this site as a guide.


Project 5 Take Assessment

 

Aim: How to use Aerial Perspective to make a meme about nature?

 

Do Now: How does Aerial Perspective create the illusion of depth? Using the tonal quality of coor or shading objects in the front look larger and darker than objects in the back.

aerial-perspective-1.jpg

 

Tween exercise should include the following:

Billowing clouds, wavy water, mountains and or a sky that changes color 

 

                sky should be a sunrise or sunset

 

                water or trees should show movement

 

                trees, flowers - use the deco tool

 

                boats, people - you can use illustrations found on Google

 

 

 

*For references look up tropical or mountain seascapes

You should have at least 6 layers. Each layer should have a tween on it.

And you should find an inspirational quote as the last layer.

   AfterEffects             

 

Quote-A-Clean-Environment-Dalai-Lama.jpg
 

 

Problem: How different camera angles can enhance your animation?

 

 

 

Animation 

Animation2

Project 4 

Problem: How different camera angles can enhance your animation?

Post on your Blog the steps to the EDP process.

Step 1

A. Description of Task

1. What is the task? To create an animation that uses at least 4 different camera angles that show how your cartoon characters fight an epic battle or dance a terrific dance number in a specific decade i.e., the 50's or 90's 

2. Who is the audience? 

B. Overview of the Design Team 

1. Is this a group project or independent project? 

2. What are the team member’s roles? 

C. Overview of Proposed Project

1. What is the basic purpose of the project? 

2. How is this project unique? 

D. Project Requirements and Constraints 

1. What are the project requirements? (The rubric)

a. You should have 5 different camera angles

b. Use at least 5 layers (In each layer)

c. have a color scheme (In each layer)

d. Use the motion editor (In each layer)

e. use the deco tool (In each layer)

f. The background and object should show objects and backgrounds from a specific decade.  

2. What could be the problems in reaching your goals to complete the task? 

E. Project Activities and Timeline 

1. What do you need to know and learn to complete the task? 

a. Motion Tweening, The Motion Editor, The Deco Tool, Camera angles 

2. When is the project to be completed? 

Wednesday October 18th 

F. Outcomes 

1. What do you hope to achieve by completing the project? 

G. Evaluation 

1. How will the success or failure of this project be measured? 

2. Who will do the evaluation? When and how often will they do it? 

H. Funding 

1. What is the anticipated source(s) of funding?  

Design Step 2- Explore 

Imagine and brainstorm ideas. Be creative; build upon the wild and crazy ideas of others. Investigate existing technologies and methods to use. Explore, compare and analyze many possible solutions. Learn the skill needed to complete the task. 

Research the Problem - How can different camera agles enhance your animation? 

Element of Art And Principle of DesignHarmony and Unity

 

Methods -

1. Look at the different kinds of camera angles 

2. Motion Tween

  1. First find a picture of your favorite outdoor place in Google.
  2. Go to  Google>Images>Select - See Full Image
  3. Drag the picture on to the desktop.
  4. First find a picture of your favorite cartoon character make sure the background is all white or all black in Google.
  5. Select - See Full Image
  6. Drag the picture on to the desktop.
  7. Open Photoshop. In the dock drag the icon of the cartoon character on to the Photoshop icon
  8. Choose the Quick Selection Tool  on the toolbar  and select only the  cartoon character. 
  9. Go to Edit>Copy
  10. Open a  new document change the  Background  Contents  to  Transparent.
  11. This will  delete  the  background of the photo.  Go to Save As > Compu Gif
  12. Or you could select the magic eraser and delete the background.

  1. Now Open a new project in Flash.
  2. Go to File>Import to Library.
  3. If the Library is not open go to Window>Library.
  4. Import the picture of your favorite place and the cartoon character.
  5. Create a New Layer label it Place. Put your Place picture on the layer.
  6. Create another Layer label it Cartoon. 
  7. Select the cartoon bitmap and Go to Modify>Convert to Symbol. A dialogue box will appear, name the symbol cartoon and where it says Type select Graphic then OK.
  8. Drag the symbol on to the stage.
  9. Make sure you have a start keyframe and an end Frame.
  10. Insert>Motion Tween then select anywhere in the middle of the Tween 
  11. Go to the last frame and move the cartoon character across the stage.
  12. Go the the library and drag the icon of the cartoon character on the stage two other times. So you have a total of three of the same characters on the stage. Move the characters in different directions.

3. Motion Editor

Video

Text

4.The Deco Tool

 

1. Select the Deco tool then go to the Properties panel and select trees or buildings.

 

2. Each time you add an effect using the deco tool add a new layer 

 

 

.
.