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

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

Jarrad Wright, The Big Lez Show - Who Would've thought Animating with MS Paint Could Take You So Far?

A friend of mine recommended I should check out The Big Lez Show after I mentioned to him I make animations for living. He said the show's creator, Australian animator, Jarrad Wright , just makes episodes from his home using MS Paint. Somewhat shamefully I hadn't heard of The Big Lez Show, but the fact that it was being made with MS Paint absolutely hooked me into checking out. If you've never heard or seen the show then you, like I was, are probably thinking how good could it be? MS Paint has kind of a cult following of hardcore animators but no one would use it as their primary animation tool on a series, right? WARNING - before going any further, you need to know The Big Lez Show and its humor contains some pretty strong language. By strong I mean it's peppered very liberally with the 'F' and 'C' words and is very every day Aussie, blue collar speak. Unapologetically, all of that, is part of why it's so good. There's a good chance you've

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

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

My First Anthropomorphic Character with Reallusion's Character Creator 3 (Pipeline) & Reviving My TETAnimations YouTube Channel

Skateboarding Cage Monster - Heelflip. Reallusion's Character Creator 3  is a pretty incredible application for creating any kind of human digital 3D character quickly. Its power comes from the way it can totally deform a standard human base template character into a seemingly infinite number of body types and shapes. While I wouldn't recommended it as a your only 3D character sculpting tool, it is very powerful with just how much you can edit a character's form at the vertex/mesh level. I've experimented a little with CC3's Edit mesh functions, mostly using it to hide areas of an object I don't want seen. Bat Storm's cape is a good example where I used the ability to hide vertices to completely remove the assassin's hood from the neckline up. Just on a whim I wondered if I could create my Cage Monster character entirely in CC3 (with exception to his skin textures which I edited in Krita). The character is basically a stylised human body with a monster

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,

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 . AV Voice Changer Interface. Voice Changer is relatively easy to install and set up. Once installed simply

WeVideo - Professional, Collaborative, Online Video Editor for Free

WeVideo is a professional online, cloud, video editing and project sharing application that works right in your browser. It attempts to compete with equivalent licensed software that you can buy for your computer, such as (in my case) MAGIX Movie Edit Pro . WeVideo is free for personal use and comes with a range of paid plans that give you more features and benefits depending on your needs and how much you want to spend. Check out their video below which gives a great overview of WeVideo's service. In this review I'm going to see if I can use WeVideo to create a typical video for my main YouTube channel, etourist2 , where I mostly upload art and animation demonstration/tutorial videos. Before we start, here's a run down of what a free account offers: 1 GB storage 360p resolution 15 export minutes per month Export to Facebook, YouTube, Vimeo and Twitter 5 invites per project 390 licensed music titles With only 1GB of storage this account is clearly targe