Blogging in the Art Room

dog-using-laptop-computer

Today’s essential question: How can I integrate a class blog into my instruction?

Reasons to start a class blog:

  • Communication with students, parents, and administrators
  • Creates a record of curriculum taught
  • Resource for differentiation (link to tutorials and bonus articles) and way for students who missed class to catch themselves up
  • Can be accessed from anywhere
  • Saves time
    • no more time spent at the copier – everything is online
    • can copy and paste blog posts from year to year

Reasons for students to have their own blogs:

  • Document evidence of student growth
  • Easy method of formative assessment for teacher
  • Way for students to communicate with the teacher and each other (via comments and references in blog posts); we refer to it as our “art class social media”

Pages vs Posts

There are two ways to add information to your blog – posts and pages.

Pages

pages_ss.png

Pages are accessible through the navigation bar, which is either at the top of your blog or on a sidebar.
Use pages for information you would like to reference throughout the school year. Useful page topics include:

You can organize pages and streamline the appearance of your blog by stacking multiple related pages under one heading. For example, under my “Student Websites” category, I have the current school year’s student websites, and all of my past years’ student websites listed below it. I follow the same organization system for my “Project Gallery” pages.

Posts

blog_posts_home_page

sample_blog_post

Posts are accessible on the home page, but only the most recent 1-3 posts will be immediately visible.
Use posts for information that you update on a frequent basis. Information that should go in a post includes:

  • Essential Questions
  • Learning Objectives
  • Step-by-Step Instructions for the day’s task
  • Expanded Learning Opportunities/Differentiated Links Relevant to the day’s task/topic
  • Announcements/reminders

Here are some sample blog posts for high school. Notice how it is written for high school students, but will work for the purpose of parent communication or to give an administrator a quick overview of the day’s lesson.

Here is a sample middle school blog post. It follows a similar structure as my high school blog posts, but is simplified for age-appropriateness:

Here is are some sample blog posts for elementary school, courtesy of Cassie Stephens. What are some ways she keeps families and administrators up to date on what is happening in her classroom?

When in doubt, create a post rather than a page. You can always link directly to the post if you want to reference it in the future.

Creating Your Class Blog

Part 1: Setting up a WordPress account

  1. Click here to set up a WordPress account. (This will be your Foundations 1 class blog.) You may choose any free template you like, but keep in mind that you will need to post both text and images, so you should pick a template that supports both of these requirements well. Use your school Gmail address (890….@rcsd121.org) – you will have to verify your email in order to publish blog posts.
  2. Log into your school email account, open the email from WordPress, and click on the link to verify your email address.

Note: Once you set up your WordPress account, you will have the ability to create multiple blogs under that account. This is handy if you teach several different courses.

Part 2: Publishing your first blog post

Publish your first post by clicking on this icon at the top of your WordPress screen Screen Shot 2015-07-09 at 9.49.23 AM
Include the following:

  1. Post an image by following these steps:
    1. Go to images.google.com
    2. type in what you are looking for (ex. “cutest kitten in the world”)
    3. click on the image you want to download
    4. control +click -> save images as
    5. save the image to your desktop
    6. Click on the “add media” button Screen Shot 2015-07-09 at 9.50.16 AM
    7. Click on “upload files” Screen Shot 2015-07-09 at 9.51.03 AM
    8. Click on “select file” Screen Shot 2015-07-09 at 9.51.20 AM
    9. Select the image you want to insert
    10. Note: You can also use the “Add Media” button to upload PDFs! It will display the name of the PDF as a link, and when students click on the link, it will load the PDF. This is a great way to share handouts, permission slips, flyers for enrichment programs, etc.
  2. Write any relevant text for your blog post. Ideas include:
    1. Welcome students to the course and introduce the curriculum, rituals, and routines.
    2. Create a sample daily blog post. Include an essential question, learning objectives, and any relevant instructional pieces.
  3. Add at least one interesting link.
    1. Click on the link icon at the top of the screen. link_icon
    2. Copy and paste the website address in the URL section, and write what you would like the link to appear as (ex. biography of Kehinde Wiley) in the “link text” section. Check the box to “Open link in new tab” so students don’t accidentally lose your blog.
      link_form
    3. Click “add link” add_link
  4. Click “publish” at the bottom of the screen to publish your post. Screen Shot 2015-07-09 at 10.12.00 AM
Advertisements

Animation Made Easy

create-an-animation-cropped

Today’s essential question: How can I teach animation using my current classroom setup?

Animation is surprisingly easy to teach, and is always one of my students’ favorite units. Today’s PD will focus on low-tech animation methods that utilize equipment available in most district art rooms. These methods will work for grades 5-12.

Today’s presenters:
  • Stephanie Lawson, facilitator, Digital Art Teacher at School of the Arts
  • Tashi, teaching assistant/youth consultant, 7th grader at Arcadia Middle School

Today we will:

  • Briefly overview the history of animation and different animation methods
  • Create short animations using the following methods:
    • hand drawn animation
      • thaumatrope
      • flip book
    • stop motion animation using the StikBot studio app on our cell phones/tablets
  • Post our animations to YouTube
  • Collaborate with colleagues who teach similar grade levels to plan an animation lesson that is doable with your current classroom setup
  • Upload all resources created to the shared Animation Made Easy Google Drive folder

Part 1: Traditional hand drawn animation

Thaumatrope

thaumatrope.jpgA thaumatropeis an optical toy that was popular in the 19th century. A disk with a picture on each side is attached to two pieces of string. When the strings are twirled quickly between the fingers the two pictures appear to blend into one due to the persistence of vision. Thaumatropes are often seen as important antecedents of motion pictures and in particular of animation.

Play with the sample thaumatrope, then create your own.

Click here to view the PDF of the thaumatrope handout. (Feel free to download it and use it in your own classroom.)

Thaumatrope tips:
  • Draw your thaumatrope on card stock, or glue your thaumatrope images to opposite sides of a piece of card stock.
  • Preview flipping your thaumatrope before gluing anything to make sure nothing appears upside down when the thaumatrope is in use.

Flip Book

flip_bookA flip book is a book with a series of pictures that vary gradually from one page to the next, so that when the pages are turned rapidly, the pictures appear to animate by simulating motion or some other change. Flip books are essentially a primitive form of animation. They rely on persistence of vision to create the illusion that continuous motion is being seen rather than a series of discontinuous images being exchanged in succession

Play with the sample flip book, then make your own.

Click here to view the PDF of the flip book handout. (Feel free to download it and use it in your own classroom.)

Flip Book Tips:
  • Use card stock – heavier weight paper works much better than thinner paper. If you do not have a light board and are using tracing paper, transfer each traced image onto card stock.
  • Only draw on the right half of the card stock – the left half usually is not visible.
  • Draw each frame of your animation on its own page in your flip book.
  • Use a light board or tracing paper to make sure you are lining up each frame in the correct position so your animation does not jump around.
  • Add 4-5 pieces of blank card stock at the end of the flip book. This ensures that you will be able to see the last few frames of your animation.

Part 2: Stop motion animation

Stop motion is a type of animation that is photographed one frame at time, with physical objects that are moved between frames. When you play back the sequence of images rapidly, it creates the illusion of movement.

Today you will create your own 5-second stop motion animation that brings a common, every day object to life. Check out the animated eraser created by one of my eleventh grade students, Andrew.

This animated keychain is another example of what I am looking for.
Look at how little the keychain moves in each frame:
animated_keychain.PNG

The StikBot Studio App is set at a default of 10 frames per second. This means that you will need to take 50 photos to make your 5 second clip. Follow these steps from the iMore website to get started!

Getting started with StikBot Studio

  1. Download and Install StikBot Studio from the App Store.
  2. Tap Open.
  3. Tap the Video Camera icon.
  4. Tap OK to allow access to the camera.

Set your scene

At this point your camera will be enables and ready to start taking photos.

  1. Set you camera on a small stable location like a tripod for best results.
  2. Set up your initial scene.
  3. Tap the red face to take your first shot.
  4. Make a small adjustment to your figure. You’ll see a ghost image of your previous position so that you get the motion “just right”.
  5. Tap the red face to take your next shot. You’ll notice that the ghost image in now gone awaiting your next stop motion movement.
  6. Continue until you have completed your scene.
  7. Once you’ve completed your scene, tap the video editor icon.

Modify your animation

Once you have your desired scene completed, you can add sound effects, dialog, text, and items from your camera roll in the video editor.

  1. Tap the new scene you’ve created.
  2. You can preview your video by tapping the play arrow.
  3. Press the pause button to stop the preview.

Exporting and sharing

Once you’ve completed your awesome animation you’re ready to save and share it!

  1. Tap the export icon.
  2. Tap YES to save your movie to the camera roll.
  3. Choose your video format.
  4. Tap OK to allow StikBot to access your photos.
  5. Tap OK once the export to camera roll is complete.
  6. Go into your Photos.
  7. Tap your movie.
  8. Tap the Share icon.
  9. Select the method your wish to share your video. For this workshop, you should upload it to YouTube.

Part 3 (bonus projects for fast workers):

Turn your flip book into a computer animation using the StikBot Studio App

Now that you know how to use the StikBot Studio app, you can use it to digitize your hand drawn flip book. Take a photo of each page of the flip book. Use the ghost feature to make sure you are properly lining up each page to create a seamless animation. One of my seniors, McKenzie, used this method to create an animation of her cat.

Claymation

Use sculpey to create a character, then use the StikBot Studio app to shoot a stop motion animation with the character. Here are some examples created by my students:

Part 4: Plan an animation lesson to use in your class

For this portion of today’s workshop, you may choose to either work on your own or with a partner/partners who teach similar grade levels. You will create a lesson plan that is doable with your current classroom setup, and upload the lesson plan and any related resources to the “Animation Made Easy” shared Google Drive folder.

Here are some helpful resources to get you started:

  • Artist/Art History Connections:
    • hand drawn animation – Walt Disney, Hayao Miyazaki, Salvador Dali
    • stop motion animation – Tim Burton, Art Clokey (creator of Gumby)
  • Elements and Principles – blog post explaining the principles of animation.
    Note: This is geared towards an 11th/12th grade audience.
  • Cross-curricular Connections:
    • Foreign language – animation created by one of my juniors, Yoly, to illustrate the meaning of a Spanish word to non-native speakers
    • ELA – review the elements of a plot as students plan their animations
    • Math/Science
      • experiment with different frame rates to see how it affects the animation
      • have students figure out how many frames/photos they will need to create in order to make an animation that is the required length
      • discuss how to animators use science to create more realistic animations (ex. a ball speeds up as it falls)

Principles of Animation

Today’s essential question: How can I use the principles of animation to make a realistic animation?

Today we will view several examples of the principles of animation.

12 Principles of Animation

Principle-of-animation-Edited-2

(credit: http://jordannwharton.wordpress.com/year-2/unit-67-3d-animation/12-principles-of-animation/)

1)    Squash and stretch: Squash and stretch is when an object changes shape based on some sort of impact or movement. For example, when a hard rubber ball is thrown, it may hardly change shape, but when a softer ball is thrown, it may change shape depending on the force of the impact. Squash and stretch is used in animation to give it a more realistic feel. For example, if in an animation, a character is punched in the face, squash and stretch would be used to show the impact in the face, and it would show the impact on the hand too.

2)    Anticipation: Anticipation in animation is the same as anticipation in real life. When a character is going to kick a ball, the anticipation would be the character moving his foot back before kicking the ball. Another example is a character preparing to run by putting one foot behind its body, and getting lower to the ground. Anticipation is used in animation to give the viewer a better understanding of the action that is about to happen. For example, if there is an animation of baseball game being played, the anticipation for the batter would be to move the bat behind his head ready to swing. The anticipation of the pitcher would be to lift his leg up and get ready to throw the ball.

3)    Staging: Staging in animation is when you make an idea clear to the audience. The idea could be an action, a personality, an expression or a mood. The key point to staging is to make sure you catch the viewer’s eye and that they are draw towards the idea that is taking place. The animator must use different techniques to make sure the viewer is looking at the right place at the right time. This could be something as simple as moving the camera so that it focuses on the key event or idea taking place.

4)    Straight ahead action and pose to pose: These are two different approaches to the drawing process. The straight ahead action in hand drawn animation is when the animator starts at the first drawing in the scene and then draws frame after frame until they reach the end of the scene. The pose to pose action is when the animator carefully plans out the animation, and draws a sequence of poses. These are usually the starting pose, some poses in the middle, and the final pose. Then that artist, another artist, or a computer draws the inbetween frames. This is similar to key framing with computer graphics, but it must be changed slightly since the inbetweens may be too unpredictable.

5)    Follow through and overlapping action: Follow through is the end part of an action. For example, when throwing a ball, the hand continues to move after the ball is released. Overlapping is just starting the second action before the first action is finished. This keeps the viewer interested because there is no dead time between actions.

6)    Slow in and Slow out: The principles of slow in and slow out in animation is to make the animations look more realistic. This is as simple as a ball bouncing. The ball starts out stationary in your hand. Then when you let go it builds up speed until it hits the ground. Then it would come back up slightly slower than when it went down. Then when it reaches its maximum height it stops and repeats the process. Every time the ball hits the floor or its maximum height it loses speed, so the ball would eventually stop bouncing.

7)    Arcs: An arc is used for an action or movement. This could be moving your arm. You would have a key frame at the beginning and at the end of the movement. The arc is the action in between the two frames. This is usually used for characters but can also be used on objects.

8)    Secondary action: A secondary action is an action that comes from another action. Secondary actions are used to heighten interest in a scene, and to add a realistic complexity to the animation. If the secondary action becomes more interesting than the main action, then it is either the wrong choice for secondary action or it is staged wrong.

9)    Timing: Timing is an important principle because it gives meaning to a movement. Timing can affect how real a scene looks. Timing is used for characters feelings, and facial expressions. For example, if a character is shocked, you should be able to tell he is shocked because he should look shocked in his facial expressions right after the shocking event has occurred. If the characters shock was delayed, and the character didn’t react until 5 or more seconds after the event, the scene would not be realistic, and you could lose the viewer’s interest.

10)  Exaggeration: Exaggeration is used in animation to help the audience know for certain how a character is feeling or acting. For example, if a character is angry in a scene, you could make him furious, with his eyebrows down, and gritting his teeth. A scene has components such as action, objects and emotion. Exaggerating all of these can create an uneasy and unrealistic scene, so finding a balance of exaggeration is important.

11)  Solid Drawing: Solid Drawing is used to make the main character or object stand out from the rest of the animation. This is so the character does not blend in to the background, and so that the character can easily stand out for the viewer. Solid Drawing is always drawn on its own layer so that it can be animated more easily.

12)  Appeal: Appeal in animation is the same as acting in a film. The way the character or object looks, moves and interacts with other characters has a large impact on the viewer and how much interest they have in the animation. Usually, the more realistic the character the more interest the viewer has.

Videos Illustrating the Principles of Animation:

Today we will:

  • View examples of and discuss the principles of animation