Name of Project:  Introduction to Animation

OVERVIEW OF PROJECT

The objective of the project is to make a 20-30 second animation using the student names or initials.  By using pre-production and animation techniques students can try to make a short story or a motion graphic to share or add to a demo reel. 

“BIG IDEAS”/ ESSENTIAL QUESTION(S)

What are the components to making an animation?

What different types of animation are there?

-How can the principles of animation be applied to each of them.

STUDENT OUTCOME OBJECTIVES 

Students will:

  1. Understand basic editing in Photoshop

    1. Key Frames

    2. Onion Skin

    3. Video Layer 

    4. Export video

2. Understand the 12 Principles of animation 

3. Understand Navigating Photoshop

PRIOR KNOWLEDGE

Students will need to have a basic understanding on how to operate Photoshop.

VISUAL ARTS CONTENT OR STANDARDS

2.9.5.9.1

2.9.3.6.1
2.9.2.3.1

CURRICULAR LINK / STANDARDS (if in a classroom only)

2.9.5.10.1

5.9.2.2.2

5.9.2.3.1

EXAMPLES OF ARTWORK

https://www.youtube.com/watch?v=EGOIB15vR8E&t=1s

https://www.youtube.com/watch?v=PVUCnmnHI8s

https://www.youtube.com/watch?v=5T_8y_uNTDg

ADDITIONAL RESOURCES

The 12 Principle of Animation

https://www.youtube.com/watch?v=f0cZfw3XrG8

How to Animate layer Mask in Photoshop

https://www.youtube.com/watch?v=OdMDySEPzUo

How to Make a Simple Video Animation

https://youtu.be/VXdHzVIvVWQ

Basic Frame By Frame animation

https://youtu.be/IO1yDUJl8qw

ASSESSMENT

During critique, students will be asked about their processes, feelings, and overall thoughts about the outcome of their projects.

MATERIALS

Computer

Photoshop

Digital Drawing Tablet (optional)

LEARNING ACTIVITIES AND TIMING

  1. Monday: Introduction

    1. Introduce project

      1. Project is about making a 10- 30 second animation using the students name or character, using keyframes, timeline, and onion skinning in Photoshop.

    2. Set expectations for the assignment

      1. Make a Short story, Into, Typography music video

    3. Give example of the project

  1. https://www.youtube.com/watch?v=EGOIB15vR8E&t=1s

  2. https://www.youtube.com/watch?v=PVUCnmnHI8s

  3. https://www.youtube.com/watch?v=5T_8y_uNTDg

Students can look at these as an example of what they can do for the project. 

  1. Give examples of different animations and methods

Power point presentations of:

2D

3D

Stop Motion 

Motion Graphics

  1. Demo Name Project

    1. Create new document

    2. Select Film & Video Tab > Select 1920x1080 

      1. Standard TV Resolution

    3. Open Timeline: Window > Timeline

      1. Explain the Difference between 

    4. Select Video TimeLine

      1. Explain how to adjust Video line length

      2. Show how to adjust frame rates ( 24 frames per second) 

        1. Just in case anyone wants to hand draw on top of motion graphic.

      3. Set animation at 30 seconds 

    5. Add Animation Components

    6. Show Edit Tools

      1. Transform -Scale, Rotate, Move

      2. Opacity - Transparency

      3. Style 

      4. Text Wrap- Works along with text layer 

        1. ( T ) To Adjust

    7. Explain How Keyframes work 

      1. Close together = Fast

      2. Far apart = Slow

  1. Show class how I would personally make my animation. 

  2. Have Class brainstorm and create thumbnails

  1. Tuesday: Frame by Frame Animation

    1. Introduced the 12 Principles of Animation 

      1. Squash and Stretch

      2. Anticipation

      3. Staging 

      4. Straight Ahead and Pose to Pose

      5. Overlap and Follow through

      6. Slow in and Slow out

      7. Arcs

      8. Secondary action 

      9. Timing

      10. Exaggeration 

      11. Solid Drawing

      12. Appeal

https://www.creativebloq.com/advice/understand-the-12-principles-of-animation 

  1. How to Set Up Frame by Frame Animation

    1. Create new document

    2. Select Film & Video Tab > Select 1920x 1080

    3. Open Timeline: Window > Timeline

    4. Select Video Timeline

      1. Change frame rate to 24 Frames per second

    5. On first Layer:  Name it (Background)

    6. On background Layer Select the Film Icon > New Video group

      1. This is where to add frames for animation

      2. Make sure to name the layers

(since plugin is not available- Manual Frame set up is required.)

  1. Make new video group > And Layer > adjust layer length (2fps)> Move under BG Layer

    1. Copy: command +c

    2. Paste: command +v

    3. Paste in place: command +shift +v

  1. Things to think about when animating

    1. Onion Skin

      1. At the top right corner of the timeline select ladder icon > Enable onion skins. 

    2. Organization Folder

      1. If the timeline it cluttered- Put video Layer in folder

  1. Wednesday: Troubleshoot Day – No Class

  1. Thursday: Demo on Frequently asked Questions and How to Save animation project

When saving animation:

  1. On the timeline: at the top right corner of the timeline select the ladder icon> Render video

    1. Name project

    2. set destination ( Desktop)

    3. Do not change settings

    4. click render

  1. Friday: Turn In Rough Draft- No Class

TEACHING ARTIST REFLECTION

What problems are anticipated with this lesson?

Will the student be engaged?

Will they attend trouble shooting day for questions?

Will they be intimidated by the assignment?

How does this project fit into overall curriculum planning for the subject areas?

Students will gain familiarity with computer programs and editing tools.

Understand basic animation concepts.

Be able to expand in vocabulary in Media Arts

Create original animations

Be able to participate and grow through critique

How will your students’ work be shared with the community?

It will be shared to the student body and in student group critique

How will you receive feedback on your teaching methodology and quality of student work?

Student Critique Survey, and observation feedback from Aki and John