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

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

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

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

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