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

* Thanks to constant spam comments by a Casino Marketing Moron who won't get the message that spam comments WILL be deleted ALL comments will be moderated and only cool, on topic comments will be approved.

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

Wonder Unit Storyboarder - Free Storyboarding Software for People Who Can (or Can't) Draw

Wonder Unit Storyboarder.  As an independent and solo animator I'm always tempted to try and skip storyboarding my animated shorts because they're usually only single scene sketch comedy type jokes. As a result I have many unfinished projects that kind of petered out due to having no clear finishing line. Storyboarding your productions, no matter how small, gives you a step by step guide of every shot that needs to be completed (no planning shots as you animate). It also allows you to create an animatic that gives you a rough preview of the finished production. In short, you shouldn't skip storyboards as they, generally, increase the chance of the project being completed. Disclaimer - I'm Not a Fan of Storyboarder Upfront, Wonder Unit's Storyboarder  is not my preferred storyboarding software. However it's completely free, has a number of very compelling featu

Shotcut - Free Open Source Video Editor for Windows, Mac, and Linux

Shotcut Open Source Video Editor. I've been on the hunt for a while now for the best, free, open source, video editing application out there. In Shotcut , by Meltytech , which has versions for Windows, Mac, and Linux, I think I may have found a real front runner. This won't be a feature filled review, rather it will be my first impressions after having used Shotcut on a few of my YouTube videos so far. One of my key criteria for a video editor is the ability to import any video format directly into the project. This may seem like an odd focus initially but having convert video to something your video editor can use is annoyingly time consuming, and it creates a new generation of footage, potentially with a loss in quality if you don't really know much about video format specs (that's this guy right here!). Shotcut will happily work with my OBS recordings (.FLV), and .MOV, .MP4 files that I get from two different cameras. Not only that but Shotcut doesn't hold me up

How to Use Plask and Reallusion's 3DXchange to Create Full Body 3D Motion Capture Animation for Cartoon Animator

Last month I reviewed Plask , a free, browser based app that allows you to create 3D motion capture files for animation from a webcam or prerecorded video footage. At the time my hope was that Plask could be used to create 3D motion capture files for Cartoon Animator 4. Unfortunately my knowledge of how to export 3D animation motion files between applications is fairly basic and I wasn't able to figure it out. However, thanks to 3D animation enthusiast and game developer, Freedom (of the YouTube Channel Freedom Arts ), who published a tutorial on how to use Plask with iClone7 characters (in my review I wasn't able to work that out either) there is now a workflow from Plask, via Reallusion's  3DXchange , to Cartoon Animator that is relatively easy to follow and works well. Note: If you want to try this out, 3DXchange is available as a free 30 day trial download if you don't have it. Creating Your 3D Motion Capture File in Plask I'm not going to do a detailed run

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

KIT Scenarist - Free, Open Source, Screenwriting Software that Helps Research Your Ideas Too

KIT Scenarist Script Writing Software's Mascot, Alexander Cat. While you can write a script in any word processing app, if you're writing stories (screenplays) that feature characters and dialogue, a dedicated script writing app can save a lot of time formatting, letting you focus more on the actual story. Script writing apps are also very useful if you plan to send your screenplays out to production companies, or if you're collaborating with actors and other production people, who are used to scripts being in a particular standard format.  [Note: In case you're wondering there are reasons scripts follow a standard format and are always written in Courier (typewriter) font, including but not limited to; being easy to read by actors, plenty of space for notes, and the general rule that one page of a script (in this format) equals approximately one minute of screen time.] KIT Scenarist , in my opinion, is one of the best script writing apps out there for ease of use, simp

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