Skip to main content

Animating Warwick Hays Skateboarder Ed Character for Cartoon Animator - Can Ed Kickflip?

Skateboarder Ed. Character by Warwick Hays.
Warwick Hays has built quite a sizeable collection of characters, props, and backgrounds for Cartoon Animator that I've yet to really explore, however, being the tragic skateboarder that I am, it was surely fate that I would buy his Skateboarder Ed G3 character as my first purchase.

Now I don't know a lot about Warwick but, based on the design of the skateboard prop that comes with Skateboarder Ed I'm fairly certain Warwick doesn't know much about skateboarding, and/or probably didn't use a good reference when designing his skateboard.

Bart's skateboard has changed over the
years, though curiously, even later
versions, barely get closer to what an
actual skateboard looks like.
To be fair, Warwick's holding up a tradition of animators who clearly haven't seen a skateboard or noticed how skaters actually ride them. Just check out Bart Simpson's flat plank of wood with wheels from the opening intro of The Simpsons. Skateboards didn't even look like that in 1989 when the show first aired.

Bart also has a very unique riding style and is somehow able to get a lot of air time without popping the skateboard's tail and keeping both of his feet mostly in the middle of the board.

This is what a modern 'trick' skateboard looks like:

This is how I draw a skateboard typically used
by street and skatepark skaters.

Anyway... back to Warwick, and Skater Ed.

As a fun project I thought I'd see if I could animate Ed kickflipping his skateboard. The character comes with two versions of his skateboard, a 'riding' version, where you can see the top of the deck, and a 'carrying' version, that shows the underside of the deck.

Initially I thought I'd need to make more custom versions of Ed's skateboard to show it at different stages of rotation but, as it turned out, I was able to fake the different angles just by distorting and stretching the width of the board. Check out my completed, looping GIF animation below.

Skateboarder Ed is just so consistent at kickflips he
can do this all day. 

Stills for just the flip part of the animation. Notice how Ed is
'popping' the tail and dragging his front foot up the deck
in the third frame. Physics not magic!
The animation has a little bit of squash and stretch going on in Ed's torso but mostly it's fairly accurate to the actual movement of a real skateboarder performing the trick. Check out the stills to see the steps Ed's feet go through to perform a kickflip.

I also did quite a bit of hand sprite swapping and facial sprite swapping too.

I did forget to correct the layering on his ear - which is behind his head. It's not a big problem if you don't look too closely. I'll make sure it doesn't happen again next time.

Overall I'm very pleased with the final result and am looking forward to animating Ed doing other tricks, and perhaps giving him a bit of a skate crew with some other skateboarding characters I have in my Cartoon Animator library.

I'll forgive Warwick for Ed's inaccurately designed skateboard too. It does look kind of cool with the character, and you've gotta give Ed props for being able to kickflip such a challenging board shape.

Comments

  1. I saw a comment about the ear layering problem on one of the Facebook sites. But as I look at your GIF animation, I don't see what you and the other commenter sees.

    Did you fix it on this page or am I just blind?

    ReplyDelete
    Replies
    1. The problem is still there, you'll see it if you click the link in my article to the page where you can buy Skater Ed. You should be able to see his full ear attached to the side of his head. Currently you're only seeing half his ear.

      Delete
    2. Aha! Yes, thanks for making it clearer.

      Before seeing the original character, I thought the ear in your GIF looked fine. Still think your animation looks good as is, though the original ear has more detail. I now see your technical point about layering, though I wonder, since the head doesn't really move much horizontally, how did the ear become hidden?

      Delete
    3. I've just done a test of placing the original character on the stage for the first time and his ear is layered exactly as it is in my animation, behind the head. That could be a problem with Warwick's file or it could be a quirk of my copy of CA4.

      Which is why I didn't notice the laying was incorrect. You don't expect the laying to be out, right out of the box.

      None of the animation required me to adjust any laying on the character, and, as you pointed out, the ear doesn't really look wrong until you know how should look. I just wasn't focussed on it until after I'd finished and published the animation.

      Delete

Post a Comment

This blog is monitored by a real human. Generic or unrelated spam comments with links to sites of dubious relativity may be DELETED.

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

Eight 2D Animation Apps For Your Phone or Tablet Mobile Device

M obile productivity apps have become so capable that they can be great alternatives to their PC/MAC equivalents or serve as great tools in their own right when you're away from your desk. While some apps simply mimic their desktop counterparts, others offer well thought out, touch-friendly interfaces that are easier and more fun to use. Every so often I check out what's available for 2D animation for Android devices, since that's what I use, that can complement my workflow with Reallusion's Cartoon Animator 5. Some may be available for Apple devices as well. Below I've listed six free (F) apps (with optional paid (P) upgrades) on the Google Play Store that you might want to explore. Some are just fun apps on their own while others may be useful as part of your workflow on bigger animation projects. Not all are exclusively animation apps and could be used on any production. JotterPad (F/P) The name JotterPad makes this sound like a notepad application but it's ...

Inochi2D - Free Open Source 2D VTuber Avatar Rigging and Puppeteering Software (Part 1)

Inochi2D Creator - Free Open Source VTuber Software. If you've been looking for a way to live perform as a 2D cartoon avatar on camera, whether it be for a live stream or for pre-recorded content like educational videos, then VTuber software is a low cost (or even no cost) option worth looking into. In my previous post, How to Become a VTuber - 2D and 3D Software for Creating and Controlling Your Avatar , I took a brief look at the relatively new but completely free and open source Inochi2D  which I thought showed great potential for my own needs of creating a live performance character rig for my own TET Avatar that I use for all my promotional materials. While it is possible to live perform my character using Cartoon Animator itself, Reallusion's MotionLive2D capture system isn't great - with lip sync in particular. More importantly though, I can't exactly teach people how to use Cartoon Animator if I'm using Cartoon Animator to control my Avatar. What is Inochi2D...

The Family Guy Method - Animating Talking Hand Gestures in Cartoon Animator

Once you start getting into character animation you learn pretty quickly that people don't just speak with their mouths. Hand gestures and movements play a pretty important part of how people communicate too. The problem is, animating hand gestures and movements is extremely time consuming... and who knows what gestures and movements should be used and when? In Reallusion's Cartoon Animator I use pre-animated talking character motions that I chop and move gestures around so the arm and hand movements 'feel' right based on my own understanding of body language (and I also act out dialogue to get a sense of what arm and hand movements I might make with what's being spoken). Recently I came across a video by the creator of Culpamland Extra , an online animated series, in which they briefly outlined how they animate talking using the Family Guy Method. I'd never heard of this, and if you try to search for it online you'll be hard pressed to find anything. So I...

Inochi2D - Free Open Source 2D VTuber Avatar Rigging and Puppeteering Software (Part 2 - Inochi2D Session)

In part one of my deep dive into the free VTuber software, Inochi2D , I focused mainly on Inochi2D Creator, which is used for rigging your character avatar in the correct file format for use with Inochi2D Session, the puppeteering part of the software. The two sides of the software are still very much in development and the documentation, particularly for Session, is very thin on the ground. To the point where I don't think I could even do a comprehensive tutorial because I'm not sure I'm even doing things right, and the software could change significantly in a single update. As a result, in this part of my Inochi2D deep dive I'm changing tact from presenting my finished Cartoon Animator TET Avatar, and will be summarizing my experience of getting Session up and running using OpenSeeFace as the recommended webcam motion capture software. To do this I will be using  the TET avatar I created in my review of Mannequin , since that can be exported as a full, ready to go r...

How to Become a Virtual YouTuber (VTuber) - 2D and 3D Software for Creating and Controlling Your Avatar

Young TET VRoid Avatar in VSeeFace. In a previous YouTube video I demonstrated how you could use a webcam, Cartoon Animator and its MotionLive 2D Facial Capture system to create a virtual avatar that you could perform live during a live stream. Unfortunately the motion capture performance of this system is very average to say the least, and is even more expensive if you want to add hand motion capture via a Leap Motion Controller . This lead me down a rabbit hole of seeing what other solutions are out there, where I bumped into the world of the VTuber or Virtual YouTuber (creators who puppet and voice an on camera avatar instead of appearing on camera themselves). Specifically VTuber software, which has been a real eye opener for how expensive and far behind Reallusion's upper body motion capture system actually is. The VTuber world is heavily entrenched in the world of Anime so you'll see a lot of 2D and 3D avatars in this style. If fact, if an Anime avatar is your thing, y...

Review: Animaker - 10X Better than other Online Animation Video Making software (#DIY)... or is it?

Animaker's bold claim, right on its homepage is that it's  10X Better than other Online Animation Video Making software (#DIY). Also featured on their homepage is a cool promotional video that's dynamic, full of charming lip synced characters, with high quality animation that matches perfectly to the story being told. If I could make anything even half as good with their studio, I'll at least buy that they're better than most of their competitors. Let's see if they live up to their tagline 'Animated Videos, Done Right!' Animaker is a flash based, cloud animation studio application that gives you access to an entire library of thousands of characters, props, backgrounds, sounds and more, to create almost any kind of 2D animated video. In fact they make the bold claim that theirs is the largest animated library in the world of any similar online application (it's not... or if it actually is, it's not as versatile as other comparable librari...

The Ultimate Independent Animator's App and Resource List - 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 2024 (last updated Oct 2024). 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/se...