Skip to main content

Pt3: Simple Perspective for 2D Animation - Camera Movement

Part 3 of this series will focus on moving the camera forward into a scene and is the final part of this series. The concepts explained here are  kind of a combination of Part 1, One Point Perspective, and Part 2, Parallax Perspective Scrolling, so it will be helpful if you've read and understood those beforehand.

This article focuses on moving the camera forward only because, once you know how to do that you simply reverse the process for backwards. As well, by the time you've worked your way through all three articles in the series you should know enough to be able to move the camera around in any direction fairly convincingly using correct perspective.

The best way to start is to show you the demonstration video which is made up of three scenes.

Camera Forward Movement Demonstration by etourist

Like it? Create your own at GoAnimate.com. It's free and fun!

Scene 1

This type of ZOOM scene should be familiar to most GoAnimators. It's a simple use of the ZOOM tool to move in closer to a point in the scene. What you'll notice is that everything in the scene remains where it is, flat, and, were you to keep zooming, there comes a point where the camera cannot zoom in any more.

Scene 2

In this short scene you'll notice that the camera appears to move along behind the car for a short distance. objects in the background move independent of each other, similar to the way I made objects move across the scene in our horizontally scrolling, parallax scene in Part 2 of the series. As well objects appear to get larger as the camera moves forward (in line with our one point perspective concepts).

What is being simulated is the change of position of the camera in the scene (even though technically the camera isn't actually moving - we're creating the illusion that it is). The camera isn't ZOOMing in, as it does in scene 1. The lens stays fixed. It is the whole camera that appears to move closer to the policeman on the footpath.

I realize scene 2 is a very short demonstration due to the complex nature of constructing the scene and the limited time I had to make it. It's beyond the scope of this article to give you a 'how to' construct this kind of scene. However, if you take what you've learned in Parts 1 and 2, you should be able to work the technique out.

Scene 3

The final scene 3 is a more common illusion of camera tracking that combines both the use of an actual ZOOM of the camera and parallax movement of objects in the foreground.

If you look closely you'll notice the two tables at the left and right of scene 3 move independently of the background as the camera ZOOM's in. The ZOOM gives the impression the tables are moving closer, whilst the movement of the tables sliding out of the scene creates an illusion of depth in the scene.

You can see how this scene is constructed in the two images below. Note that I've used the PAN tool rather than the ZOOM tool because I wanted to crop out part of the scene at the start of the zoom.

I've used the PAN tool to create my
ZOOM in on the scene.
The tables, chairs and table roses all move just
50 pixels to either the left or right.
To finish up I'll leave you with some general guidelines when working with Simple Perspective in your scenes.

  • Generally the horizon line of your scene will be across the middle of the scene and the vanishing point will be in the middle of the horizon line.
  • Objects to the left of the vanishing point will move off the left edge of the scene and get larger as they move closer to the camera.
  • Objects to the right of the vanishing point will move off the right edge of the scene and get larger as they move closer to the camera.

  • Objects directly in line with the vanishing point will simply get larger as they get closer to the camera until they crash into it (if they don't change direction).
  • Objects above the horizon line will move off the top edge of the scene and get larger as they move closer to the camera.

  • Objects below the horizon line will move off the bottom edge of the scene and get larger as they move closer to the camera.

Note that the concepts of perspective are far more extensive than I've covered but, by adapting the relatively simple techniques I've described in this series, you can make your animations seem more professional and visually interesting.

Comments

  1. This will certainly be something I refer to again and again. Big Thanks.

    ReplyDelete

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 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...

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...

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...

Moho 14 Released - Still the Best 2D Animation Software for Indy Animators on a Budget

Moho 14 Released. Regular readers know I am a Reallusion, Cartoon Animator advocate through and through. Hands down I would recommend Cartoon Animator 5 first over Lost Marble's Moho 14 to anyone who is just starting in 2D animation, is a team of one, or just needs to animate as quickly as possible. However, feature for feature, Moho is, arguably, the best 2D animation software for the rest of us who can't justify a Toon Boom Harmony , or Adobe Creative Cloud subscription (and even with their applications Moho is very competitive on features). You can get started with Moho Debut for just USD$59.99 which is a cut down version of Moho Pro but it still has the most essential features needed for 2D animation. While Moho Pro is a whopping USD$399.99 (Cartoon Animator, which only has one version, is just USD$149.00) upgrades to new version numbers come down to a quarter of the price at USD$99.00. Even though Reallusion just released features like Motion Pilot Puppet Animation and...

Review: Headshot Plugin for Reallusion's Character Creator 3

Headshot for CC3. Quite possibly the best 3D Avatar I've made of myself in any 3D application. Creating a realistic 3D human avatar is a whole lot easier with Reallusion's new Headshot Plugin for Character Creator 3. The plugin is an AI powered extension that can generate 3D digital humans from one photo. Which sounds like an amazing proposition but, in practice, if you're trying to achieve a specific likeness to an actual person, Headshot will give you an excellent base to work from. Headshot has two modes, Auto and Pro. Auto Mode Auto is well worth a try if you have an ideal photo of a front facing person that is properly lit and posed to Headshot's optimum requirements. It's also the only mode that will take a crack at generating a hair model. I grabbed an image of Harrison Ford, dragged it into Headshot without changing any of the default settings (other than specifying 'male' and selecting an 'old male' setting) and this is what I...

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...