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

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

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

Can You Learn Reallusion's Cartoon Animator 5 for Free Using Their 137 Official YouTube Video Tutorials Sorted Into a Logical Learning Order?

Or you could just buy The Lazy Animator Beginner's Guide to Cartoon Animator . While Reallusion's Cartoon Animator is one of the easiest 2D animation studios to get up and running with quickly, learning it from all of the official, free, video tutorials can be more overwhelming than helpful. With more than 137 videos totaling more than 28 and a half hours of tutorials, spread across three generations of the software (Cartoon Animator 3 through 5) it's hard to know if what you're learning is a current or legacy feature that you either need to know or can be skipped. Many of the official tutorials only teach specific features of the software and don't relate at all to previous or later tutorials. As a result there are many features either not mentioned or are hard to find. To make your learning easier, on this page, I've collected together all of the essential, official, free video tutorials and sorted them into a learning order that makes sense. Simply start at

Dollars Mocap: Full Body Webcam Motion Capture (Including Hands and Fingers) For iClone and Cartoon Animator

Even though I should be further away from the camera Dollars Mocap MONO still does a good job of  tracking my arms, hands and fingers. Ever since I wrote my series on becoming a VTuber , discovering it was possible to do full body motion capture, including hands and fingers, with just software and a webcam, I've been on the look out for any motion capture software that can bring that functionality to Cartoon Animator. Dollars Mocap is a low cost motion capture application with a free trial that I learned about through the YouTube Channel Digital Puppets  and their test video . It can record full body, upper body, arms and hands, and facial mocap from a live video source or pre-recorded video. Investigating further, I discovered not only does Dollars Mocap have a free iClone7, iClone8 character profile file download (look for it at the bottom of the main program download page), so you can use the saved motions with iClone8, they've also got a demo video for how to convert your

Five AI Generative Image to Video Tools For Animation You Can Try Free Right Now

The Emo Girl Character created by Start Animating. A I generative video isn't new but it is the next big thing in the visual imaging space as various development teams work to perfect the generated output.  Just like generating still images AI video sometimes struggles with physics, arm and hand movement, and the general structure of things. However it is getting better and, as is the catch cry of all AI development, this is the worst it will ever be, because it's improving fast. If you're an animator one current potential use of generative AI video is to animate your key frames, as opposed to generating something entirely from a text prompt. Starting with an image helps to keep your characters and art style consistent across AI generations. With that in mind I tried five, free image to video AI generators to see what their potential might be and whether they can handle cartoon style characters well. Note all but the last entry on the list do not create any sound with the

Eric W. Schwartz: Cartoonist, Animator and Amiga Die Hard

July 1992 Edition, CU Amiga Featuring Amy the Squirrel. American Cartoonist, Eric W. Schwartz , (whose unofficial Amiga Icon, Amy the Squirrel, is pictured on the July 92 edition of CU Amiga cover on the right) is my only real animation hero. Sure there are the big names like Disney , Chuck Jones , Tex Avery and even Preston Blair whose influences can all be seen in my own cartoons but Eric did what none of the others could. He showed that really great 2D computer animation was within my reach with little more than an Amiga Computer , a copy of Deluxe Paint and Moviesetter . This was at a time when computer based animation was in its infancy (outside of computer game animation) and Flash was something that lights did. There were many great Amiga artists but Eric was really the only one consistently making very funny, traditional style animations. His humor and drawing style is heavily influenced by classic Warner Brothers and Disney cartoons but he managed to build on this,

Animation Paper V5.0 Alpha 2 Pre-release

Animation Paper V5.0 Alpha 2 Pre-release. Animation Paper strives to be the best tool for digital hand drawn animation by not only recreating the traditional animator's table in a modern user interface, but also automating many of the more tedious processes so you can focus almost entirely on drawing. At the time of writing Animation Paper V5.0 is only available as an Alpha 2 Pre-release, and still does not have all of its features implemented, such as the ability to add audio (due to be part of the Alpha 3 release scheduled for the end of May 2020). Animation Paper has been completely redesigned and updated from th hand drawn animation app that was formerly known as Plastic Animation Paper (PAP) which, at the time, was easily one of the best apps for the sole purpose of creating hand drawn digital animation roughs. You can still download PAP completely free from the Animation Paper website . If you look past the extremely dated 90's interface it's still a great tool. I wr