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

Featured Animator: Christian Haynes - 'Zack In Time' An Original, Independent, Animated Series on the Rise

Christian Haynes - Zack In Time.  If you've ever wanted to create an animated TV series staring your own original characters and stories then Los Angeles based writer, director, and animator, Christian Haynes is taking those next steps of putting together a team, developing a pitch/trailer for their series, Zack In Time. Featuring professional studio quality animation, they hope the show will get picked up by an animation studio for an official series. The path he and his team are taking is one you could easily follow as they deal with real life commitments, and building a following on Instagram and Tik-Tok showcasing their work behind the scenes. TET: Tell me a little about yourself. Who you are, and why you started animating? My name is Christian Haynes and I've loved animation ever since I was a kid. I would constantly be drawing cartoon characters from TV shows and movies and making my own little homemade comic strips.  As I got older, I became a lot more interested in st

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

Create 2D Animated Characters with 3D Character Creator Tools and Artistic Filters

3D CC3 TET Character, based on my Oppa Doll Avatar, used as the base for a 2D CA4 character. One of my favorite things to do is to create characters with any type of Avatar/Character creator app. In fact the first test I usually try with these tools is, can I make an avatar of me (or at least my The Extraordinary Tourist persona). Previously I've used 2D character creators like Oppa Doll as a source of artwork for some characters I've made for Reallusion's Cartoon Animator 4 animation studio but 2D character creators are limited to... well 2D. 3D Character Creators While you may think 3D character creators have no place in creating characters for 2D animation there are quite a number of advantages including: No drawing skills required. Render characters in any style. Use an art filter or even hand trace into line art. Need to animate the character in a specific pose or angle? Render out an image of the character in the required angle and animate it in 2D. Quicker to crea

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

Creating a G3-360 Head From a Single Photo in Reallusion's Cartoon Animator

Source Photo from Generated Photos . Ever since Reallusion introduced the G3-360 Character Head into Cartoon Animator 4 I've wanted to see if their 360 Head Creator tool could be used to create an animated head using a photo. Part of the reason I've never given this a shot, until now, is that I just assumed it would be difficult, and require a lot of photo editing to blend out the sprite edges. It turns out, creating a photographic G3-360 head is not that much more difficult than creating a cartoon head, and can be done using a single photographic image using my own G3-360 head rigging system . While this article isn't intended to be a full tutorial, I'll run through the basic steps of how I achieved my photographic G3-360 head, shown in the comparison below, of a Cartoon Animator Morph-based head on the left, and my G3-360 head on the right. Pros and Cons Cartoon Animator's morph-based head system is ideal for animating photographic faces. It uses a semi 3D wire me

The Christmas Animation Rush - Five Apps to Create Your Last Minute Animated Holiday Messages

Merry Christmas from Animation and Video Life.  It's the most wonderful time of the year... well not yet. The Nightmare Before Christmas is not just the animated Tim Burton movie, it's also the nightmare of trying to make your own animated holiday messages in the week before Christmas. Animation takes time. Why didn't you start those in November?! If this sounds like your nightmare, here are five free or low(ish) cost apps to help you back to sharing the joy of the season with animation, so it truly will be the most wonderful time of the year. Cartoon Animator 4 (or iClone7 ) Reallusion Marketplace search 'Christmas'. If you're already a power user (or even know your way around it a little bit) you'll know CA4 is one of the fastest ways to make completely custom animations. The Reallusion Marketplace has a bunch of Christmas content you can utilize, just don't be too ambitious. Drop in a background, throw in a Santa character, record a short message f

How to Create Caricature Faces From Photos Using Krita - Tutorial by TET

I was looking around online for an app that can 'cartoonify' a photo of a person, kind of hoping for a 'one click' solution. There are a few out there but none worth highlighting. Then I came across a video tutorial by Pixivu for Cartoonifying faces in Photoshop and wondered if I could do something similar in the free, open source drawing app, Krita ? While Krita isn't quite as elegant as Photoshop it does have some comparable features that make it very easy to create cartoon caricature faces from photos that you could use as illustrations or in your animations. They're particularly useful for using as Morph Based character heads in Cartoon Animator 4 (as shown below). Example Caricature Faces use as morph character heads in Cartoon Animator 4. While the actual steps to create heads like those shown above (and, yes, that character on the right is based on a photo of me that I snapped on my webcam) is not something you're just going to stumble across yourse