Skip to main content

Koolmoves: Animating GoAnimate Stick Figures, Tweens and Action Script


In this tutorial I show you how to recreate a GoAnimate Stick figure character in order to create your own animated custom stick figure movements with Koolmoves. In the process you'll learn about the role of 'tweens' and put the tiniest of nicks into learning action script so you can stop your animation from continuously looping.

You'll need to have seen at least my first Koolmoves tutorial in order to set up your GoAnimate Character/Prop template file. The second tutorial is optional but will give you an overview of the drawing tools (if you are not familiar with them) and show you the first action you should animate with any completely custom character.

All three parts of tutorial three are embeded below with some additional notes to let you know what each section contains. I know these tutorials are quite long, and I've tried to make them as interesting to watch as possible, but, if animating were easy, quick and simple... well we wouldn't have any need for GoAnimate now would we?

NB: Apologies for the spelling mistake in every video's title (see if you can spot it). My editing software, video preview window is set to low resolution so text can be very hard to read and mistakes even harder to spot. Noticing the mistake after 9 hours waiting for the tutorial to process, I figure it's not that important of an issue to spend another 9 hours processing just to fix it.


Tutorial 3, Part 1

In part 1 I explain how I created my copy of a GoAnimate Stick figure character. I show you, in detail, how he is drawn so you can easily recreate your own version. Next I show you my drawing sequence for an animated kick that I will be tracing to create my new custom action and start to trace my second key frames.

Important!: In Koolmoves, when creating key frames Always start with a copy of one of your other key frames so Koolmoves can track the changing positions of the line points across each frame. (If you draw every key frame from scratch then Koolmoves can't keep track of the line points and will not be able to calculate tweens).




Tutorial 3, Part 2

With my two key frames I introduce 'Onion skinning' and the concept of 'tweens' by adding in 12 tweens between my two key frames and demonstrating the results when the movie is played. I then continue on creating more key frames and demonstrate how that affects the tweening.




Tutorial 3, Part 3

Finally I set up my animation sequence as it will be imported into GoAnimate complete with the correct number of tweens between each frame. I then show you how to stop your sequence from continuously looping with the tiniest bit of Action Script. The tutorial concludes with a demonstration of how my custom action looks when imported into GoAnimate's studio.




If you have any questions about the tutorial feel free to ask away in the comments below. I also appreciate general feedback too. I'd love to know if you're finding these tutorials interesting, useful, boring etc. I do put a lot of time into the editing to try and keep things moving along without going so fast that you miss out on important information.

Comments

  1. Excellent harmony of facts to read, also the material given is just great and completely brilliant, suitable work to share.

    video production company
    web video production
    3d animation

    ReplyDelete
  2. I thought I'd recalled your teaching us how to end the loop so I came back. Your tutorials have made my transition form Pencil and Doink to Koolmoves a lot easier and quicker. Cheers!

    ReplyDelete
  3. Yeah, this was the one I was looking for. I'd forgotten about the onion skins as well. I think I need to sit down and actually read the manual. *Shutters the thought*

    Much appreciated.

    ReplyDelete

Post a Comment

I welcome, read, and respond to genuine comments relating to each post. If your comment isn't that save me some time by not posting it.

Popular posts from this blog

The Ultimate Independent Animator's App and Resource List 2019-2021 - Animation and Video Life

Image created with Cartoon Animator 4. Being an independent animator is not like a studio animation job. There's so much more to do that is indirectly related to the actual task of animating. Over the years I've sought out many apps, tools, and services that can help me achieve that one single task, expressing myself through animation. Below is my Ultimate Independent Animator's Resource List for 2019. It started out as a list of free or low cost apps that could help you in every stage of producing either 2D or 3D animation, and then just kind of grew from there. You may not have been looking for a Time Management App as much as you needed something to get you started in 3D animation but when those commissioned projects start coming in you'll have a head start on maximizing your time. All the apps and services on this list had to meet two main criteria: They had to be useful and relevant to an Indy Animator/artist. The base app/service had to be US$200.0

Make Disney/Pixar Style Characters with Reallusion's Character Creator and Toon Figure Bases

The Extraordinary Tourist Classic Coat outfit created using Reallusion's Toon Designer for CC3. I've talked before how I've wanted to get into 3D Disney/Pixar style character animation since I first saw the animated cutscenes for the very first Tomb Raider game back in 1996. It's why I initially bought Reallusion's iClone 3D studio app as soon as I could afford a computer that would run it. But then Reallusion released their 3D Character Creator (CC) for iClone and I wanted to create my characters with that (and I did try with Bat Storm ). But the focus of CC was realism, even with ToKoMotion's stylised body morphs . Now with Reallusion's Cartoon Designer bundle for CC3 which features two packs, Toon Figures , and Toon Hair , designing Disney/Pixar style 3D characters just got a whole lot quicker. The two packs are the bare essentials for creating Toon style characters. Five body morphs (2 male, 2 female, and one adolescent body morph that w

Three Image Overlay Apps. Do More with Your Reference Images While You Work

PureRef's image overlay in action with Cartoon Animator 4. One thing Cartoon Animator 4 still does not have in stage mode is the ability to onion skin previous and next frames.  For those complete animation newbies among you, onion skinning is the ability to see through the current frame to your previous and/or next keyframes so you can see the progression of your character or object's movement as you create and adjust each keyframe. Usually the previous and next frames appear lighter so your current frame remains the key focus. This prompted me to look for a tool that could overlay an image over my work to use as a reference while still allowing me to work on the app underneath the overlay. I had seen, and even used such apps in the past but it had been some time so I decided to see what was out there, preferably free and/or open source, with versions for Mac and Windows. Overlay 2 There are actually a number of apps that do nothing more than overlay an image but the only one

Run Your Favorite Android Animation Productivity Apps (and Games) on Your PC or Mac with BlueStacks

BlueStacks Android Emulator for PC or Mac. There are many free and low cost mobile animation productivity apps for Android in the Google Play Store that would fit right into your workflow if you could access them directly from your PC/Mac  desktop (or laptop) computer. Even if those apps can save their output to the same cloud storage you use with your PC or Mac, just the divide of using a separate device makes them inconvenient and disruptive. Worse yet, what if your Android device is underpowered for the apps you want to use, or worse still you don't own any Android devices because someone convinced you Apple Mac's, iphones, and ipads are 'cool' (they are, but you pay for 'cool'). BlueStacks is a free, open source Android emulator for Windows or Mac (currently only BlueStacks 4 can be installed on a Mac but BlueStacks 5 for Mac is coming soon). If you're not aware of what an emulator is, it's basically a piece of software that mimics another devices

Artbreeder - Using AI created Character and Background Content in your Animations

A selection of User/AI generated images from Artbreeder. If you're looking for an endless supply of 2D character and background images for your animations then Artbreeder , an online Artificial Intelligence (AI) that generates image mash-ups you can tweak as much as you like, could be the ultimate content library. What is Artbreeder? Artbreeder is free to use though there are various paid plans, that give you additional features, such as higher resolution download images or more settings to play with. All images created on the site are Public Domain (CC0 License) and can be used in commercial projects. Using Artbreeder's online app you can generate head shot portraits, full body characters, landscapes, and other scenes simply by choosing two or more existing images to mash together then, using a series of sliders, to select which traits from each image you wish to lean toward in the final image. Photo Comparison - Top is my original uploaded photo. Bottom is Artbreeder's ap

Stylish Stick Figures for Cartoon Animator 4.2 - New Characters by TET

Stylish Stick Figures by TET. Animating stick figures is almost a right of passage for any animator who has ever made an old fashioned flipbook or discovered the free stickman animator app, Pivot Animator . There's also the hugely popular viral stick figure animation, Animator Versus Animation  and its sequels by Alan Becker that continue to inspire variations more than 12 years later. Back when Vyond was GoAnimate they had a stick figure theme that was popular site wide despite having many other themes with much more refined Saturday morning cartoon style characters. I even had my own stick figure series, Harry Chalk , on GoAnimate. Long story short, I was looking through the Reallusion Cartoon Animator Marketplace and discovered there really weren't any well designed, traditional looking stick figure characters. That's not to say there weren't any at all but I wanted something similar to GoAnimate's stick figures which included full facial features and male and

Review: CrazyTalk Animator 3 vs Moho Studio Pro 12

Reallusion's CrazyTalk Animator 3 or Smith Micro's Moho Studio Pro 12. Which of these 2D animation applications is right for you? Regular readers of this blog will know I'm a strong supporter, and fairly proficient user of CrazyTalk Animator since version 1. It's a great piece of software for producing 2D animations from purchased content quickly and, with version 3, is easier than ever to create animations from your own art. Lesser known is that I first purchased Moho Studio Pro 12 (then known as Anime Studio Pro 9) back in October of 2012 and have been upgrading it to the latest version ever since because I believed in it as an application for creating great 2D animation to TV quality standard. As such, it's a much more complex application than CTA3 that I only got around to learning properly late last year. I'm still in the process of blogging my progress . Despite this I feel I've learned enough of Moho to compare it to CTA3 to help you determ