Skip to main content

Pt1: Simple Perspective for 2D Animation

Perspective drawing is the art of creating the illusion of three dimensional space on a two dimensional surface such as a piece of paper or your computer monitor screen. The principles of Perspective drawing are also very relevant to 2D animation - particularly when you want to move a character closer or further away from the camera.

In this series of articles on perspective I'm going to demonstrate how perspective can be taken into consideration when creating your animations. I'm going to try to keep things simple so you don't have to remember too much when applying these concepts in your own work.

I'll be using the GoAnimate studio to create my examples but the concepts also apply to any form of 2D animation. If you'd like a detailed explanation of Perspective Drawing then there is a great series of articles in Art Factories, Perspective Drawing Techniques for Artists.

Most people are aware of the key concept of perspective i.e. things get smaller as they move further away and bigger as they get closer. However applying that idea to moving characters can be quite a challenge. You'll often see this kind of Perspective failure (see animation below) with new animators where a character walks unnaturally off the bottom of the screen.



The trick to applying perspective well is to begin viewing your piece of paper or computer monitor screen as more of window into another world rather than a flat surface. Imagine you could reach right into it and touch the things you see on the other side. The mistake in the above video occurs because the creator has yet to learn how to visualize correctly the space at the other side of the screen.

Simple, One Point, Character Perspective

In the GoAnimate studio the most basic camera angle is a fixed position that shows you the entire background scene - as per the scene in the example video above. Most scenes use one point perspective.

(Note that, in GoAnimate, all the Lil' Peepz style themes use isometric perspective on many of backgrounds and props - which is problematic when trying to apply correct perspective to scenes and characters since isometric perspective has no horizon line or vanishing point).

One point perspective, at its simplest, works by drawing a horizon line across the middle of your scene and choosing a point in the exact middle of that line, which becomes your vanishing point. You then place your character in the scene at the initial size you want them to be.

Then, when you want the characters to move closer or further away from the camera in correct proportion to the scene, you just imagine some guidelines that extend from the vanishing point to the top and bottom of your characters and beyond, off the edge of the screen. (See still image below).


If these two characters now either walk towards the vanishing point or towards the camera in a straight line, perpendicular to the camera, their size should increase or decrease proportionally so that the top of their head and feet are always in contact with a guideline.

You can see this in practice in the video demonstration below which finishes with a scene similar to our original perspective failure video above, showing how the characters should correctly move off screen when walking toward the camera.



Notice that the left and right side of the scene (divided in half by the vanishing point) mirror each other. If one of these characters were to walk directly at the camera, in front of the vanishing point, they would get bigger in the scene until the middle of their stomach hit the camera.

By simply marking where the horizon line is in a scene and placing the vanishing point right in the middle of it. Then using guidelines, as I've shown, you can get by reasonably well with fairly convincing perspective of your characters in 2D animation.

In part 2 of this series I'll be looking at applying one point perspective to backgrounds to create realistic, horizontally scrolling backgrounds.

Comments

  1. NIce. Now let's hope a lot of people read this and then actual apply it. It sure would make for more viewing pleasure.

    ReplyDelete
  2. Great advice TET. Have fun helping millions with these tutorials!

    ReplyDelete
  3. Running to part 2, but how did you make the guidelines? did you import them? because I don't know of a prop in GA that trims down at the end to a point.

    ReplyDelete
    Replies
    1. There isn't a prop to do that. My guidelines are actually big white triangles with a big blue triangle on top for the sky and a big purple triangle down below for the ground.

      If you really need the guidelines then I'd recommend making a line prop with Flash that you can resize and rotate as needed.

      Delete
  4. I always had trouble with perspective drawing. It seems the only thing i could draw well with this technique is a set of train tracks or a conveyor belt disappearing into the horizon.

    ReplyDelete
    Replies
    1. That's pretty much where I started learning... lots of roads and train tracks disappearing into the distance. Followed by fence posts and power/light poles... from there it's not such a big jump towards buildings. With enough practice you eventually start seeing a piece of paper as a window rather than a flat surface.

      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.

Related Posts with Thumbnails

Popular posts from this blog

Voice All Your Own Animated Characters with Voice Changer

Voice Changer by AVSoft is real time voice manipulation software that can be used for a wide range of purposes including (according to their website); Voice-over and voice dubbing for audio/video clips, presentations, narrations, voice messages, voice mails, E-greeting cards, broadcasting, etc.; mimic the voice of any person, create animal sounds, change/replace/remove voices in songs, videos,etc.

I bought it for the specific purpose of changing my own voice, to extend my vocal range, for voicing characters in my own animations.
I was fortunate enough to get this software at a significant discount that made it difficult to refuse, given that I'd never tried it, or even heard of it before. I'm not sure if I would have bought it at the full price given that much of what it can do (for my needs) can also be done with the freeware audio program, Audacity.
Voice Changer is relatively easy to install and set up. Once installed simply change you default microphone to the installed AV…

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

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 works as both a male or female pre teen), eleven hair style bases, with thirteen hair additions for further variation.

T…

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 determine which …

Blender 2.8 Amazes with 2D Animation Features. Might Be the All-in-One Animation Studio for You

There are a number of animation apps that like to promote themselves as the one tool for all your animation needs and, while many are certainly very powerful, I think Blender 2.8, released earlier this year, may be the closest yet.

If you're not familiar with Blender it's been almost the go to tool, since at least 2002, for anyone wanting to learn 3D animation on a budget - and nothing is easier on the budget than completely free.

With the release of 2.8 not only is Blender a complete 3D animation tool, it's now also a complete 2D animation tool. That's right you can use it to create 2D, hand drawn animation, motion graphics, and bone rigged 2D characters. As well, it has plugins that can give 3D animation that 2D look.

Hence my suggestion that Blender 2.8 is truly the one tool for all your animation needs (because Blender is also very capable at VFX - think of any 'live action' movie that uses CGI to create almost anything in a scene that wasn't there dur…

Should You Buy or Upgrade to MOHO 13? *Spoiler* Yes. Yes You Should!

Smith Micro released MOHO 13, their all in one, 2D animation studio, this week. The question is should you buy or upgrade to the latest version? Obviously I've already spoiled this in the title, so the actual question is why do I think you should buy or upgrade?

To be clear, I'm only talking about MOHO 13 Pro. If you're considering MOHO 13 Debut be aware that you're missing out on some of the new features, and a lot of existing features that are only available in the Pro version. Debut is fine if the budget doesn't stretch to Pro, but, if you never want to be disappointed about not having a feature, it's Pro or nothing!

The other thing I need to be transparent about is I'm not, by any stretch, a frequent MOHO user/animator. However I took the time to learn MOHO 12 Pro fairly extensively, blogging about my process and sorting out 104 free MOHO training videos into a logical viewing order in the process. I think I have more than enough insight to let you kno…

Tomb Raider to Tears of Steel: 3D Animation with Blender

3D animation (of the polygon and texture map kind not the 3D glasses kind) is something I've wanted to get into ever since I saw the cut scenes created for the original Tomb Raider game back in 1996.

I've embeded the opening cut scene to the first level of the game below. It looks quite primitive now but back then it was very cinematic for a game cut scene. It was the closest thing I'd seen to the possibility of making movies with strong characters directly on a home computer.

The problem was that I never could afford a computer powerful enough to run the software 3D animation programs require. The system I had at the time could just barely run the Tomb Raider game in low resolution mode.



Seemingly, every time I was able to buy a more powerful system, 3D animation software had progressed and required a system more powerful to run it. Because of this I eventually gave up on 3D animation as something that was accessible to me.

Fast forward to the September 2012 release of t…

Learn Moho Pro 12 Free Using SmithMicro's Own 104 Video Tutorials Sorted into a Logical Order of Progression

So you've bought Smith Micro's Moho Pro 12 along with the Moho, 10 hour, 104 Video Tutorials Add On pack so you can get learning right away... only you can't. For whatever reason, the video tutorials aren't sorted into any logical order of progression making them hard to follow.

Yeah, I've been there, only I've done what Smith Micro should have done and sorted all the video tutorials into a logical order of natural progression for you. That is, each tutorial builds upon what you learned in previous videos and you won't suddenly come up against some feature you've never used before, unless that feature is what the video tutorial is about.