Skip to main content

Workshop Syllabus

Workshop: Animated Arts

Length of workshop: 1 day

Overview: Bring your creations to life through animation. 

Students will add their favorite features onto a face template to create a striking self portrait that will be brought to life in our animation process! They will be tasked with the creative challenge of representing reflections of self and themes of connection in their choice of movement and incorporation of animated elements; producing a unique and dynamic final work ready for projection at the festival!

In accordance with NSW Creative Arts Curriculum Sample Units:

  • Investigate how artists depict people in portraits, with a focus on self-portraiture.
  • Explore how colour, texture, line and shape can be employed to express ideas about themselves
  • Produce drawings and paintings in various media using their own image.
  • Use a variety of two-dimensional techniques

As well as

  • Understanding the difference between 2D and 3D artmaking
  • Understanding basic Color Theory and the impact of color choice
  • Understanding how to incorporate movement into 2D Imagery
  • Understanding animation as a tool for storytelling and image enhancement

Session 1

WHAT: Introduction

HOW: (25min)

  • Introduce the idea for the day  – We want to create a animation that represent how you imagine the world to be in 50 years. For first time animators we can simply add some cute facial features to one of our  templates and create a little movement. For our older we might want to incorporate more complex movements or utilize multiple objects and doodles in our animations.

Emphasise that We will upload works to Google drive for family and friends to see them.

  • SHOW children the example animations
  • EXPLAIN animation using frames –
  • EXPLAIN to kids that each frame of our animation is like a moment in time. In this case, we have 4 moment’s that make a second. DEMONSTRATE (using “flip a Clip”) that if we were drawing a smile growing; we would progress it over four frames from a straight line to a slightly curved line, to a curved line to a full smile.
  • EXPLAIN that if we move things too fast or make too much change from one frame to the next then it doesn’t look ‘smooth’ SHOW: Example Video of this
  • EMPHASISE that we only want to make a tiny change in each frame – adding something small, moving something only a few millimetres, changing one colour etc. SHOW. We want them to produce at least a 10 SECOND Animation @ 4 FPS, which means they need to produce at least 40 frames!
  • EXPLAIN that we want to have a rough idea of what we’re going to animate before we start – for example we might want to have a different facial feature appear every frame so they look like they’re ‘popping’ onto our object or pick one part of our object/drawing that will change in each frame in a meaningful way like a smile slowly growing bigger.
  1. Split kids into groups of 3-4 (depending on how many iPads you have available)
  2. Hand out the iPads and instruct kids to leave them face down in front of them for now. Have them wiggle their fingers in the air to prove they are not touching the screen.

IPAD HANDING OUT:_________________________________

Before handing out the iPads emphasize that we will have a short time to animate so we must be making sure we are rotating the iPad evenly. This means we can either hand over the iPad to our teammates everytime the coach calls a five minute mark OR allowing each team mate to do a frame and then pass it over to their teammate to complete the next frame. ***See tips and tricks column for sharing management ideas

Explain that when we are not using the iPad we can be using the provided paper templates to plan our animation of practice doodling simple features

WHAT’S HAPPENING

  • Kids show encouragement of others creative ideas
  • Understanding the difference between 2D and 3D artmaking
  • Understanding basic Color Theory and the impact of color choice
  • Understanding how to incorporate movement into 2D Imagery
  • Understanding animation as a tool for storytelling
  • Learn how to use the animation software Flipaclip
  • Learn the necessary steps to animate traditional media in an exciting digital format.

Head Coach:

  • to demo activity

Coach:

  • to assist with
    assignment and
    organisation of
    materials as well as
    management of
    students

Notes:

In the trial workshop, we found its best to breakdown the tutorials esp at the beginning. Don’t give too much information in one big chunky tutorial. Break it up a bit.

  1. You’ll need to walk them through the set up process and naming their project
  2. Showing Clearly the “copy and pasting” of each frame with incremental drawing” to achieve a smooth animations.
  3. Sharing the iPad. Giving regular countdowns to switching user
  4. Make sure they label their animation ready for you to Upload to dropbox!

Reference the following for more tips and tricks: The Animation Process & Tips and Tricks

Learning how to use flip-a-clip

WHAT: Students familiarise themselves with the flip-a-clip app.Whilst Coaches simultaneously demonstrates how to use the flip-a-clip app, highlight key features and give helpful tips and techniques.

DEMONSTRATION

TUTORIAL 1 – SET UP :

  1. Play this video up until the 3:15 minute mark; only showing the steps of how to create our project, including:
    1. adding our background,
    2. how to select, add and resize our first object from the templates saved on the ipad.

We need to make sure:

  • Kids have saved their project name as all members of their groups name and their FULL service name
    • E.g. “Tom, Ben, Sally – Penrith Anglican College”
  • They are using canvas size ‘YouTube 720p)
  • Their frame rate is set to 4FPS
  1. Repeat the steps in your demonstration, allowing students to complete those steps alongside you. The steps are:
  • Opening flipaclip app and starting a new project
    • Ensuring that project settings are set to YouTube 720p and 4 Frames per second with the child’s name and the name of the venue as the title
  • They will need to select a background from the pre-saved library on the ipad. (Try and get some diversity in the backgrounds chosen)
  • Once their project is open with the background ready they will need to import a transparent template from the pre-saved template library on the iPad.
  • Adding all team member’s name in the background using the text tool
  • Kids understand how to pinch and expand their canvas so that they can resize the objects within frame.

TUTORIAL 2 – THE APP :

  1. Resume this video to take kids through the animation process. Including familiarizing them with the following tools:
  • How to use the paint/brush pen including; changing brush size, changing color and changing style.
  • Redo and undo buttons
  • How to use the eraser tool
  • How to use the paint bucket tool to fill in outlines
  • How to duplicate objects and frames
  • How to use the text tool
  • How to use the lasso to isolate sections of our drawing to tween
  • How to Tween – Selecting a part of our drawing and isolating it so we can move it slightly each frame. See tutorial video included in resources section.

Remind StarTimers of some simple animation ideas 

  • Make a simple object/feature grow like a smile
  • Have an eye blink or wink
  • Adding a different object or facial feature each frame to make it look like things are appearing
  • Move something slowly across the screen frame by frame using the lasso tool
  • Recolour an object a different color in every frame to make it look like it’s flashing rainbow
  • Remind them we need to be adding on to what our teammates have done so it makes sense; not doing a whole new thing. 

WHAT’S HAPPENING

  • Learn how to use the animation software Flipaclip
  • Learn the necessary steps to animate traditional media in an exciting digital format.

Head Coach:

  • to demo activity

Coach:

  • to assist with
    assignment and
    organisation of
    materials as well as
    management of
    students
  • Note down which Ipad each group uses (fill in Ipad allocation sheet)

Notes:

In the trial workshop, we found its best to breakdown the tutorials esp at the beginning. Don’t give too much information in one big chunky tutorial. Break it up a bit.

  1. You’ll need to walk them through the set up process and naming their project
  2. Showing Clearly the “copy and pasting” of each frame with incremental drawing” to achieve a smooth animations.
  3. Sharing the iPad. Giving regular countdowns to switching user
  4. Make sure they label their animation ready for you to Upload to dropbox!

Reference the following for more tips and tricks: The Animation Process & Tips and Tricks

Cartooning

WHAT: Students build on their understanding of the flip-a-clip app through a basic cartooning activity.

DEMONSTRATION

  • Demonstration of some cartooning techniques

Coach tutorials and reference materials will take StarTimers through how to create some simple features for characters like:

  • Different head shapes
  • Mouths
  • Eyes
  • Eyebrows
  • Noses
  • Ears

HOW

Explain how different features can change how we feel about a character, what they look to be feeling or what we think their personality is.

Encourage kids to pick features that are easy to draw and adaptable so we can trace and change them in our animations – like a smile that can be made wider or an eye that can blink.

WHAT’S HAPPENING

  • Students build on their understanding of the flip-a-clip app through a small cartooning activity.

  • IPad – with templates & Flip-a-clip app

Head Coach:

  • to demo activity

Coach:

  • to assist with
    assignment and
    organisation of
    materials as well as
    management of
    students
  • Note down which Ipad each group uses (fill in Ipad allocation sheet)

Notes:

In the trial workshop, we found its best to breakdown the tutorials esp at the beginning. Don’t give too much information in one big chunky tutorial. Break it up a bit.

  1. You’ll need to walk them through the set up process and naming their project
  2. Showing Clearly the “copy and pasting” of each frame with incremental drawing” to achieve a smooth animations.
  3. Sharing the iPad. Giving regular countdowns to switching user
  4. Make sure they label their animation ready for you to Upload to dropbox!

Reference the following for more tips and tricks: The Animation Process & Tips and Tricks

Session 2

Artwork Creation and Animation Brainstorm

WHAT: Students brainstorm and create their charcters

HOW:

Instruct kids to create the following:

  • A comprehensive drawing of their central characters
    • Remind them for best effect when animating, we want our outline to be nice and thick in a darker colour like black.
    • Keep only the key features that aren’t going to be changed when animating OR pick features that are easily traceable when moved into the app.
  • A shot-by-shot storyboard of what elements of their drawing will be animated to craft meaning or convey the idea of connection and representations of self.

Remind them of the following

  • If something is going to change dramatically in their animation (like the shape of their mouth) then they should NOT draw it in their 2D version
  • We should only pick a FEW SIMPLE movements with a lot of MEANING

WHAT’S HAPPENING

  • Understanding the difference between 2D and 3D artmaking
  • Understanding basic Color Theory and the impact of color choice
  • Ipads
  • Paper
  • Pencils & texta’s
  • Scissors

Head Coach:

  • to demo activity

Coach:

  • to assist with
    assignment and
    organisation of
    materials as well as
    management of
    students

REMINDER
Students tidy up and help, encourage this by awarding stars for successful ‘cleansing agents’

Artwork Creation to Flip a clip

WHAT: Students move their hand drawn cartoon to flip-a-clip

DEMONSTRATION

Coaches lead StarTimer’s through the process of uploading their artworks to their ipad and preparing them for use in their animations.

HOW:

  • Taking a photo of each artwork
    1. Paper will need to be propped up against a wall or flat surface (too many shadows when laid flat)
    2. Light source needs to be even, well lit and with limited shadows on the art. We want to be making these images as clear as possible either using the camera or scanner app. 
  • Using the Background Eraser App
    1. Click ‘Load a photo’ and select artwork from photo library
    2. Once you have selected the right photo it will take you to the cropping stage. Make sure all the arrows are touching the outer corners and sides of your image and then click done. 
    3. If parts of your drawing were erased click on the ‘Repair’ Button in your bottom toolbar. You’ll see that the cut out parts of your image appear faded. You can use your finger to drag your cursor over parts of the drawing you want to bring back. 
    4. If the app didn’t cut out enough of your background you can click on the ‘Manual’ Button and erase parts of your drawing or the background using your finger. 
    5. If you need to adjust the size of your cursor click the Star button and drag the sliding bar until you are happy with it. 
    6. When you’re happy that you have your face or symbol without a background and are ready to animate it click ‘Done’ in the top right corner. 
    7. Set the background as Transparent; which should look like checkered squares behind your image – and then click ‘Save’ in the top right corner and then click ‘Done’. Before you move on to scanning the work of the next person in your group double check and make sure the image saved to the camera roll properly. 

Remind them of the following

  • If something is going to change dramatically in their animation (like the shape of their mouth) then they should NOT draw it in their 2D version
  • We should only pick a FEW SIMPLE movements with a lot of MEANING

WHAT’S HAPPENING

  • Understanding the difference between 2D and 3D artmaking
  • Understanding basic Color Theory and the impact of color choice
  • Ipads
  • Paper
  • Pencils & texta’s
  • Scissors

Session 3

Start Animating!

WHAT: Students begin their animation

HOW
Ensure the first person in each group starts animating utilizing the steps shown in the tutorial. 

Display the timer on the projector and call out regular time checks every 5 minutes, instructing groups to rotate who is using the ipad UNLESS they are swapping every frame. 

Continue the rotation until all team members have had a go and it is time for lunch.

WHAT HAPPENS

  • Understanding the difference between 2D and 3D artmaking
  • Understanding basic Color Theory and the impact of color choice
  • Understanding how to incorporate movement into 2D Imagery
  • Understanding animation as a tool for storytelling and image enhancement
  • Ipads
  • Paper
  • Texta
  • Timer (mirror an Ipad to the apple tv or use your phone)

All Coaches:

  • Walk around assisting students and troubleshooting possible errors.
  • Ensure all students are being included and that groups are collaborating.
  • Hand our stars for goo behaviour
  • Motivate students with high energy comments. “These animations are looking fabulous, 3minutes until we hand the IPAD over to the next person to have a go”

    Remind StarTimers of some simple animation ideas 

    • Make a simple object/feature grow like a smile
    • Have an eye blink or wink
    • Adding a different object or facial feature each frame to make it look like things are appearing
    • Move something slowly across the screen frame by frame using the lasso tool
    • Recolour an object a different color in every frame to make it look like it’s flashing rainbow
    • Remind them we need to be adding on to what our teammates have done so it makes sense; not doing a whole new thing. 

    Extension 

    If students become restless provide them with a piece of paper and texa’s to construct a storyboard of the animation they intend on/are currently creating.

    Session 3Continue Editing 
    WHAT: Students continue editing
    HOW: Students continue to work on their animation. nn