Today’s essential question: How can I stagger keyframes to create a more natural animation with overlapping action?
New animators often wind up with unnatural, mechanical animations by lining up their keyframes like the example below:
In reality, movements overlap, and as such, keyframes should be staggered like the example below:
Look at the animations this class has created so far. Which animations have overlapping action? Which could benefit from moving the keyframes to stagger them?
Today we will:
- Continue working on our character animation
- Upload both the Animate and gif files to the animation folders in our school Google Drive accounts, and make sure we have shared the folder with Ms. Lawson
- Create a new blog post with the following:
- gif of the animation (if you have not finished it, post what you have)
- a 150 word artist statement about our finished animation OR a few sentences summarizing any challenges you faced today, how you worked through those outlining your plan to complete your animation, as well as anything you need help with.
Credit: Tianna, 10th Grade
Today’s essential question: How can I break my character into body parts I can animate?
Today we will finish sketching our character from both the front and side views, and will label the rotation points and how we plan to make our character move. Here are some examples of students who are ready to build their character in Illustrator:
How to Break Your Character into Animatable Body Parts
Once Ms. Lawson has approved your sketches, you can begin building your character in Illustrator. You will need to trace each body part as a separate shape, and certain body parts may need to be broken into several shapes that overlap, as in the example below. Why is it important to have overlapping separate shapes?
Today we will:
- Finish our character sketches and label any rotation points and planned movements
- Trace over our character sketches in Illustrator, tracing each moveable part as a separate shape
- Create a new blog post with an image of the work we created today
Today’s essential question: How can I created a looping GIF of an original animated character in Adobe Animate?
Today we will sketch the character we will animate from both the front and side views. We will label rotation points and planned movements, and post a photo of our sketch to our blogs. If you finish early, please complete any missing assignments listed at the bottom of this blog post.
Here are some examples of animated GIFs that would fulfill project requirements:
- Original character created by YOU (no copyrighted characters!)
- Animation contains at least 3 moving body parts
- Animation brings character’s personality to life
- Smooth, realistic animation created in Adobe Animate incorporates:
- squash & stretch
- minimum of 60 frames
- due Friday, December 13 (this is a short 5-class project)
Here is an example of what I am looking for in today’s sketch.
Remember to draw BOTH the front and side views of your character and label each rotation point and how that body part will move. Then consult with Ms. Lawson to decide which view would be best to animate. (You may choose to animate both views for extra credit IF TIME ALLOWS):
- Lorelei – Final Blog Post with Landscape PNG, PDF (missing), Landscape Artist Statement (missing)
- Sydney – Final Blog Post with Landscape PNG, PDF, Landscape Artist Statement
- Sidney – Bird Animation, Final Blog Post with Landscape PNG, PDF, Landscape Artist Statement
- Josh – Landscape Artist Statement (add to blog post with final image)
- Norah – Landscape Artist Statement (add to blog post with final image)
- Andrew – Bird Animation
- Janaya – Bird Animation
- Brianna – Blog post with final Landscape PDF, final Landscape PNG, & Landscape Artist Statement; Ball Animation, Bird Animation, Cat Animation
- Seth – Ball Animation, Cat Animation, Bird Animation, Vector Landscape, Landscape Artist Statement
- Tyrelle – Final Blog Post with Landscape PNG, PDF (missing), Landscape Artist Statement (1 sentence does not count)
- Madeline – Landscape Artist Statement (add to blog post with final image), Bird Animation
- Oliver – Clothing Design Project & Artist Statement
Today we will:
- Introduce the animated character project
- Sketch potential character designs from both the front and side views, including notes on how the character will move
- Add color to our character with Sharpie
- Post a photo of our character sketch to our blogs