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

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 int

Real Human AI Text to Speech Voice App by Replica Studios - AI voice actors for games + films

Replica Studios TTS App. Image: Replica Studios It really pays to attend Reallusion's free animation demonstration Webinars. At a recent webinar, host, Kai DeNeve, featured Replica Studio's A.I. Voice Actor system . Replica uses Artificial Intelligence to learn a real voice actor's speech patterns, tone, and inflection, which can then be used with their Text To Speech (TTS) system to produce the most realistic computer generated voices yet (or at least that I've come across). You can even fine tune how individual words are said and more. Their TTS system works through a downloadable desktop app for Mac and Windows. There are also bridging apps if you want to use their system for voices in UnReal and Unity Gaming systems. Sign up for a free account and get 30 minutes of free voice downloads (that's 30 minutes of recorded audio - not 30 minutes to download audio - that you can download a line at a time). After that you can purchase 4 hour blocks for just USD$24.00.

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

#XPPenanimationchallenge - How I Created My Entry for XP-Pen's First Animation Competition

XP-Pen's Mascot, Fenix, in A Change of Art by TET. XP-Pen , the makers of a range of pretty sweet pen display monitors, and Reallusion , the makers of some pretty sweet animation apps, teamed up for XP-Pen's very first Animation Challenge with the theme of 'Change'. Any form of animation was acceptable with entries needing to be a minimum of ten seconds in length. Entries closed on June 16th, 2020 (sorry, this blog isn't really a breaking news site, I probably should've mentioned it back in March when entries submissions opened) so it's too late to enter, but I wanted to tell you the tale of how I ended up creating my entry in a really late evening, the day before the deadline. Watch my entry below. Remember the theme is 'Change' and XP-Pen suggested in the rules that including their mascot, Fenix, somewhere in the animation would be looked upon favorably.   The Ideas Scenes from Skater - My First XP-Pen Competition Idea. This was not my first idea

Stylish Stick Figures for Cartoon Animator 4.2 - New Characters by TET

Stylish Stick Figures by TET. Animating stick figures is almost a right of passage for any animator who has ever made an old fashioned flipbook or discovered the free stickman animator app, Pivot Animator . There's also the hugely popular viral stick figure animation, Animator Versus Animation  and its sequels by Alan Becker that continue to inspire variations more than 12 years later. Back when Vyond was GoAnimate they had a stick figure theme that was popular site wide despite having many other themes with much more refined Saturday morning cartoon style characters. I even had my own stick figure series, Harry Chalk , on GoAnimate. Long story short, I was looking through the Reallusion Cartoon Animator Marketplace and discovered there really weren't any well designed, traditional looking stick figure characters. That's not to say there weren't any at all but I wanted something similar to GoAnimate's stick figures which included full facial features and male and

After Effects for the Rest of Us - Reallusion Release Cartoon Animator 4.3 with Game Changing Export Modes

Now you can add 'After Effects' to your Cartoon Animator 4.3 projects in any video application. This blur and halftone effect was applied in Shotcut Video Editor. Reallusion released Cartoon Animator Update 4.3 with much fanfare about its new Adobe After Effects plugin which is a game changer all on its own.  The ability to export a CA4 project with its layers intact into AE for additional video compositing should be a head turner for industry pros looking to take advantage of some of CA4's more unique features and reduced workflows. For those of us not in the Adobe ecosystem (and there are a lot of you out there) Reallusion did not leave you without something to get excited about. Also in the 4.3 update is the ability to export your project as an Object Based Sequence . Essentially this exports each element of your project to its own folder, audio included. If an object has any animation on it at all it will be exported as sequentially numbered, transparent PNG files. Thi

Your First Look at Bat Storm Animated and Launching My Patreon

Bat Storm. Traditionally my Bat Storm character has always been a parody of whichever movie Batman is in the limelight. Back in the GoAnimate days that was Christian Bale, but now we have a new, upcoming Batman with Robert Pattinson. What better way to greet the new guy than with Bat Storm's own 'camera test' teaser just like Robert Pattinson's suit camera test. This is actually the very first public release of my new Bat Storm character model animated. Prior to this it's only been 'leaked' still images (does it count as leaking when it's the show creator deliberately posting images publically?). Anyhow Bat Storm pays homage to two Batmen ahead of their time (Val Kilmer and George Clooney) who had the balls to wear nipples on the Batsuit. Clearly a diversionary measure designed to disarm unsuspecting bad guys with laughter.  If no one is taking you seriously that's clearly an advantage! Visit my Patreon Page for more information. L