What is the key to success in visual storytelling? A willingness to collaborate, the flexibility to evolve, and an understanding of the basic rules of cinematography.


Why Learn How to Storyboard?

> A story artist is like a mini-director
    - In control of creative content
    - Visualizing (and improving) the idea or script
    - Lots of responsibility, but lots of freedom

> A good story artist is always in demand
    - Story is the one discipline that is still not being outsourced
    - Job security & career path for growth with many diverse projects
    - Whether it's freelance or contract work, storyboards are
      ALWAYS needed to bring the concept or screenplay to the next phase.

> Storyboard artists are some of the highest paid artists in the industry
    - Why? Because you are near the top of the creative food chain
    - Commercials, advertising, interactive media, motion graphics,
      pre-viz for special FX, 2D or 3D animated feature films,
      televisions series, music videos, and video games;
      all require storyboards of some sort to visualize a
      script or idea, to help uncover any potential problems
      and to help the client / producer / director visualize the end product.



A Storyboard is a series of sequential art that conveys the story and character in a visual media (movie, television, or game). It's like a comic strip for media. Its purpose is to communicate the visual story to the crew; so everyone is clear on how to achieve their goals, and to the client; so that they can understand how the story and scenes will be portrayed.

The storyboard is the simplest and accurate way of conveying specific visual ideas to multiple people. Sort of like a blueprint for media. Traditionally storyboards were drawn on paper from pen or pencil (and other drawing supplies). However, with integration of computers, storyboards can be created entirely on the computer now. But still, even nowadays, someone always has to imagine it and draw it.


The Function of Storyboards

Staging: The positioning of characters in each scene for maximum emotional content and clear readability of actions. In Animation it refers to the purpose of directing the audience's attention, and make it clear what is of greatest importance in a scene; what is happening, and what is about to happen. This can be done by various means, such as the placement of a character in the frame, the use of light and shadow, and the angle & position of the camera. In live-action this is refered to as 'Blocking'.

Storytelling: Each panel's sketch clearly communicates to an audience the important ideas expressed through the action of each scene. This is all compromised of different types of shots, framing / editing principles, and scene transitions, and how they are used by filmmakers to help tell a story. These depict many elements like the poses and expressions of the characters, as well as how the scenes will cut and how close (or far) the camera is to the subject.



Storyboarding Usage

1. Film / Television / Video Games The storyboard is essentially a large comic strip of the film or some section of the film produced beforehand to help directors, cinematographers, video game cinematic director and advertising clients to visualize the scenes and find potential problems before they occur.





2. Animatics: In animation and special effects work, the storyboarding stage is followed by a mock-up called "animatics" (also known as leica reels or story reels) to give a better idea of how the scene will look and feel with motion and timing. All the panels get strung together in a slideshow with the voice actors saying their lines in conjunction to the scenes. This is how you plan out the length of ever shot and sequence and ultimately time out the length of the entire episode or film.



3. Interactive Media / Advertising / Business: Storyboards were adapted from the film industry to business for planning ad campaigns, commercials, workflow proposals or other projects intended to convince or compel an audience to action, and to pitch a concept to the client. Storyboarding is even used in the fields of web development, software development and instructional design to present and describe interactive events as well the display of flowcharts, audio elements and motion graphics.



But the most important reason is for yourself. Whatever animated thing you are about to create or develop, storyboarding it first will always help to PLAN YOUR WORK, which is vital to figuring out the staging of all your characters and backgrounds and how the camera will frame these elements.

Planning is probably the step most often missed by students, and at the same time, it is probably the most essential tool in your entire animation toolbox, especially in the first few years of your animation life. You should never sit down in front of your computer, animation disc, puppet, or camera setup, until you know exactly what poses you are planning to use, when you are planning to use them, and why. Before you begin any shot, it's so important to study references, work out your thumbnails, and make your timing and acting decisions on paper. This may seem like an "extra" step to some of you, but believe me, it will save you time in the long run and your work will look so much stronger than it would have otherwise.



All the shots I've ever worked on that turned out great, are also the ones I spent the most time planning out. The shots where I got cocky and thought "Aw, I know how to animate that, I'll just sit down and do it" are all without exception, the shots that ended up being just "okay," but never as good as they could have been. I'll always regret missing the opportunity I had to make those shots special, but at least they taught me an invaluable lesson: Planning Comes First, ALWAYS!



Terminology





The Story Artist's Tool Belt

Draftsmanship

You don't "need" to know how to draw well to be a good storyboard artist... But it sure helps.
See how illustrator Will Terrell puts it into perspective:













Staging



A little bit of planning can make a big difference. This scene (from "The Mighty B" animated series) was staged with the second panel in mind. Knowing that Mary-Frances was going to enter the scene and admire Bessie's pile of work, plenty of room was left in that first panel to make room for this character to enter from off screen.



Boards by Sherm Cohen

One of the best bits of advice I ever received was, "stage a scene based on the widest action." It's usually not necessary to zoom in super close on the characters... it's nice to leave some breathing room. This allows for nice negative shapes around the characters, and allows you to draw the key players and props with easily-readable silhouettes.

The Axis / Screen-Direction


The Pose

When posing characters in your storyboard panels, two main aspects must always be considered:

Silhouette - The overall shape of a pose, which should read clearly even when the pose is blacked in without its internal details.

Line of Action - This helps your poses "read". It makes them clear and understandable and gives them a distinct non-ambiguous direction.

The use of negative space & overlapping shapes when posing characters:






Avoid parallels! This occurs when different elements of the body are at the same angles - See figure A. To remedy this, try to place variety in these angles - figure B. Both within the character's pose and the angles betwen different characters on screen as well.


Avoid twinning:

Action Reveals Character

How your character does something is just as important as what he/she does. Maybe even more so. Something as simple as entering a room can tell us a great deal about a person. On Seinfeld Kramer would always explode into Jerry's apartment. The door would fly open and he'd come skidding across the floor. That energetic burst, combined with his wild hair and crazy clothes, instantly told you what kind of person he was: Confident, free-spirited and eccentric. Before he even says a word you get a sense of who he is. That's good visual storytelling.



Above are sketches of two grandmothers each performing the same simple but dramatic action: defending themselves with a can of mace. Notice how the posture and body language tell us that these are clearly two different people. The first one has fear in her eyes. Her back is hunched, her elbows are pulled in, and her knees are shaking. She has dropped her purse and is holding the mace with both hands to steady her aim. She is clearly worried and afraid.

Grandma #2 is standing up straight with an annoyed sneer. Her arm is pushing the mace out forcefully, her feet are firmly planted, and her purse is secured comfortably on her shoulder. Clearly she is confident and unphased. Whatever is confronting her, she's seen much worse before!

Both women are performing the same action in the same circumstance, but each in a completely different way that is unique to them.

When you draw, always be thinking about your character's personality. Look for ways to tell us something about them through their body language and behavior. Actions really do speak louder than words.

Try to remember to push you poses, this means to exaggerate or find ways to make them more impactful, less ambiguous, and more obvious to the audience so that it's known without any doubt what action is taking place and what the charcters are thinking.



Mickey Quinn narrows down the basics for illustrating body language cues here:

The Line of Action

The position and posture of the characters in the scene can greatly effect the staging and composition, in addition, it can help to place the characters within the situation, making them part of their environment and the story.

Some ways to strengthen the pose of the character is to create a nice silhouette, this is the overall shape of a pose. This shape should read clearly even if the pose were filled in black you would still be able to tell what the character is doing. Another method is to create a strong line of action through your character. This helps your poses "read", it makes them clear and understandable and gives them a distinct non-ambiguous direction.

This is an important factor in storyboarding - characters should rarely be standing straight up and down. No one in real life does it either, even army kids don't stand completely up and down, their backs are slightly arched. Another important part to drawing any character is to observe what real people do and how they use thier bodies to act out certains emotions. Watching movies, etc. is a good start. Watching the Simpsons is a good reference point because it's all about real life acting. You wouldn't think it but Homer moves more like a real human than you think.







Most people jump into the details too quickly. They want to get the facial expression and details of the face before establishing the body. Fill up some pages of thumbnail sketches portraying as many expressions as possible. The body language should always come first, the face just backs it up.





The one thing that will always bring your drawings to life is this 'line of action' or the imaginary line that dictates how the body will move. You can also think of it as the back bone of a character. This line should always be used in setting up a pose, as you can see in the pic below, I get a wide range of emotions with no faces using only their bodies. When all else fails, get up and see how your body bends and shapes when trying to act out emotions.



Drawings by Matt Jones, emphasizing line of action, shape and gesture:























Most storyboard artists and animators follow this method as a basic principle for planning out the acting and motion of the animated characters - their attitude and behaviors become expressed through their physical body.




Body language and posture can add enormously to the mood, expression, and context of your character. Check out the poses of these characters and notice how well the action line, postures, and gestures harmonize with the facial expressions:



You can also create dynamic compositions that help to tell the story by using action/reaction poses. One character causing the action, the other character(s) react or follow the action. By using Opposing Poses like in some of the examples shown below, you can have characters curved or directed on an arc, other characters have straighter poses, but still aimed on an angle. This kind of dynamic posing sure beats the hell out of characters standing straight up and down all the time.

Screen captures from Mickey's Christmas Carol - study the lines of action and how they affect the composition:



No one explains it better than Preston Blair:


Look at these thumbnails by David Gemmill, observe the dynamic poses and silouettes he creates within each drawing.














Acting With The Entire Body

Let's travel back in time to the year 1800. Two southern gentlemen are having an argument. Insults fly and tempers flare until finally one of them shouts in a furious rage, "I challenge you to a duel!" How might you draw that pose?



This first attempt is straight-forward, plain and generic. There's nothing special about the pose. Other than the facial expression it tells us almost nothing about what the character is feeling. To illustrate, look at what happens when I simply change the eyebrows:



Suddenly it turns from an active, angry pose to a passive, worried pose. Now he's pointing in fear. That one subtle difference has completely changed the pose's meaning. Why? Because the pose was weak and generic to begin with.

When you draw a character expressing emotion, be careful of relying too heavily on just the face. The head only makes up about 10% of a person's body. Why waste the other 90%?



Here are some quick sketches showing the same emotion, but this time using the entire body. I'm just playing around trying to find the right pose, but by using the entire body I'm able to explore many more possibilities. With the right pose the point is made more clearly and the audience finds more enjoyment in the scene.

You've got an entire body to communicate with. Use it.

Personality and Emotions

As you draw your characters acting out their scenes, it's important to understand the difference between personality and emotions. Personality includes qualities that are unique to a specific character (stingy, introverted, friendly, etc.). Emotions are common feelings we all experience (anger, worry, etc.). Often these can overlap. For instance, everyone has situations in which they feel confident, but there are some people for whom confidence seems to be a defining characteristic - they are up for any challenge and not easily discouraged. As you draw, think about what characteristics define your character and how you can mix or match those with the emotions and moods we all experience.

For example, let's take “nervousness”. When a naturally confident person actually feels nervous, he may demonstrate it in a different way than a timid person who is nervous all the time. The confident person may want to try to hide his nervousness whereas a timid person may wear it on his sleeve for all to see. Both are experiencing the same feeling but it comes out in very different ways.



Here are two boys waiting for the bus. Let's call the Tommy and Timmy. From their poses we can tell that Timmy is shy and insecure. His back is hunched over, his chin is down, and his knees and elbows are pulled in. He is taking a clear posture of submission. Timmy is not the type who would normally assert himself and take charge. Tommy, on the other hand, stands strong and confident. His feet are apart and his back is arched. He rules the roost and he knows it.



Now lets take that simple set-up and turn it on it's head. A snake slithers by and the usually-confident Tommy is suddenly gripped with fear. By climbing on Timmy's back it not only creates a comical visual, but it is also consistent with their personalities. Tommy is still pushing Timmy around. He's forcing himself on Timmy and using Timmy as a sort of shield. Timmy, on the other hand, is clearly not afraid. He is curious and even excited, yet he is still accepting a submissive role. Either that, or he is so excited about this wonder of creation that he is oblivious to Tommy's bullying.

In this short little scene we see each character expressing both confidence and fear - but those same emotions are revealing themselves in different ways, consistent with their overall personalities.

The Close-Up

When the emotion or the reaction of the character is especially important , it's time to cut to a close-up. A close-up can best be defined as a head-and-shoulders shot There's no real room for the character to move, so the audience can focus on the expressions and emotions of the characters. The way characters act and react is always very important to understanding the story.

bogart close-up

A common mistake of less experienced storyboard artists is framing their shots too tightly. Even a close-up should have a bit of breathing room, unless it is the rare occasion of an extreme close-up. Shirley MacLaine The Apartment This also has to do with pacing... it's best to save those high-impact shots were the moments in the story that have the greatest impact. If a storyboard artist were to fill their board from start to finish with lots of crazy angles, fancy camera moves and extreme close-ups, it would leave no room for the artist to show any real impact when it's really needed. It's all about contrast.


The Pan

This term is short for "Panorama Shot," a camera move in which we move the viewer from left to right, or right to left, or vertically or diagonally.

Here are samples of various camera move combinations and how to display them in your boards.


SpongeBob-PAN-Plankton- FUN-Show Phineas-Ferb-Pan-Old-Doofenshmirtz Phineas-Ferb-DiagPan-movie-theater Phineas-Ferb-Pan-Perry-Doofenshmirtz Phineas-Ferb-Pan-PerryPhineas-Ferb-Pan-Danville Phineas-Ferb-Pan-Race Hey_Arnold_SallysComet-PAN Hey_Arnold_MagicShow-Pan

The Cut

The general principle to use is to always try and get as close as possible to show whatever is most important at that moment, while still leaving enough room for any actions that might occur in that scene.

Storyboard drawing: Car makes a U-Turn on the turnpike
That may mean that the shot is very wide -- for example: if I need to show somebody driving a car around the corner, the shot needs to be wide enough to see all of that action. If I'm trying to show a guy sitting in a restaurant drinking a cup of coffee, I would want the framing to include just the guy, the table, and the cup of coffee.

Hey_Arnold_SallysCometbroadcast
Cut from Gerald talking on a radio microphone to the broadcast tower, spreading his message across town.

It's all about how important the specific action is to a scene. If the man at the coffee shop is putting a couple of creams in his coffee, there is no need to make a special emphasis on that action; so I would not cut in closer on him pouring in the cream. But... if somebody was putting poison into his coffee cup, that's a perfect time to cut in on that action for emphasis.

Hey_Arnold_SallysCometradio
Cut from Grandpa sitting in car to a close-up of him turning on the radio



Factors to always remember when you are first planning your shots:

Subject Placement
To hold the attention of the viewer, give your pictures a bold and dramatic arrangement. Avoid putting your subject directly in the center of the picture unless you are striving for a formal arrangement in which the subject firmly commands attention.

Move it from the middle:
One of the most common mistakes of amateur photographers (and many storyboard artists starting out) is placing the subject smack dab in the middle of the frame. This makes a picture more static and less interesting. That's why one of the most popular guidelines in photography, painting and cinematography is the Rule of Thirds.

Imagine a tic-tac-toe board over your viewfinder and position the subject along one of the lines or at one of the intersections. If your subject fills most of the frame, position a focal point at one of the intersections.

With landscapes, keep the horizon along the lower third to give a feeling of spaciousness. Position the horizon along the upper third to give a feeling of nearness or intimacy.





Lines That Lead
Lines are everywhere around us. In people, trees, walls, shadows-you just have to look for them. These natural lines can strengthen composition by leading the viewer's eyes toward your subject. Diagonal lines can add energy. Curved lines can add soft elegance. Using a road or path as a leading line can add depth.

For Converging Lines: Interest at the point of convergence is the purpose, experiment with the positioning of your subject and your point of view to create a center of focus.
Lines-Converging

Converging-Lines-2-1

Converging-Lines-3-1

Converging-Lines-4-1

Converging-Lines-5-1


Keep these things in mind when designing your shots, as a storyboard artist you can manipulate the camera's view and the angle of the shots in ay way you wish. Use the environment the characters are in to helpstage the shots in visually clear and appealing ways.

Create Depth
Framing your subject with elements in the foreground can also add scale and depth to pictures. Overhanging tree branches, doorways, anything that covers at least two sides of the photo can give a three-dimensional effect that invites viewers into the image.



Experiment with different angles
Eye level is great for a lot of shots. But if you want more from your photos, you have to explore. Get close and fill the frame. Crouch down and shoot up at your subject or shoot along the floor. Get up on a chair or table and shoot from above. Just be careful or you might be icing your ankle while viewing the results.

Open space.
When a person moves across your camera's field of view, the final image usually has much more impact when the subject is off-center. Leave the open space in the direction in which the subject is headed. Similarly, if a subject is looking off to the side, it's best to leave more space in that direction.



Tracking a subject in motion causes your composition to change as you move
your camera to keep your subject in the frame.

The Rule of Thirds

In simple terms, the Rules of Thirds states that there are certain "hotspots" - areas of intensity that exist within any given image, and if one were to align the subject within the range of influence of these hotspots, it will make for a more energetic and interesting composition. The image above illustrates the rule; the 4 "hotspots" where the red lines intersect, and where Morgan Freeman stands. The intensity of the shot is further increased by a small depth of view and the dynamic, diagonal lines that the fluroscent lights form.

Director David Fincher's Se7en ( shot by the brilliant cinematographer Darius Khondji, who also worked on The City of Lost Children, Alien Resurrection, Panic Room, and many more ) is an excellent film to illustrate The Rule of Thirds because of the huge number of still shots that was used in the film. Composition played an enormously important role here in creating tension and interest in the shots when the camera was locked down.

Example 2 : Gwyneth Paltrow lit by a soft rim light and composed within the hotspots. Her frame is supported by the various vertical lines formed by the 2 pillars and the windows in the background.

Example 3 : Brad Pitt framed within the intersecting lines, his pose furthered strengthened by the energetic vertical and horizontal lines formed by his posture.

If chance permits, take a closer look at the film and you will discover that the Rules of Thirds is used again, again and again throughout the entire movie:








Hundreds of other films and television series have been using this principle for decades, always watch for the subject placement in the frame. Of course, I'm not suggesting that if one should start applying the rule that he or she will instantaneous achieve breathtaking, beautiful results; as always it is a case of careful observation as well as a combination of other equally important ingredients like lighting, colour, framing, perspective, space, balance, depth, and leading lines that truly bring out the full effect, no doubt what David Fincher and Darius Khondji did this when shooting Se7en.



This basic principle is applied in illustration, animation, graphic design including movie poster / book cover designs... just about everything, including photography.



Too many points of interest in one section of your
image can leave it feeling too heavy or complicated
in that section of the shot and other parts feeling empty.


Watch this summary of all these theories together:

Triangular Composition

Triangular Composition occurs when the placement of the subjects (or group of elements themselves) form the shape of a triangle. Sometimes to create depth, othertimes to break up the image for variety in spacing and positioning, and often to create a connection or relationship between the different subjects.

Many films use this method to display information on screen in a clear and efficent way which also helps to develop the characters and stories when used properly.













In the film Rebel Without a Cause, notice how well the director, production designer, costume designer and cinematographer told the audience who the film was clearly about with in the first few minutes. Sure there's dialogue and each character has the intro in Edward's office but the visuals reinforced the whole thing. Here's how;



First up, before we see Natalie Wood, clearly she and the doll James Dean doesn't want to give up share the strongest notes of color. The bond between them is reinforced visual before the story unreels.

Natalie stands out among the rest of the girls because of the strong red note. Right away Nicholas Ray wants us to know who's important. Remember, the audience is getting a lot of information in a short period of time. He has to be really obvious and say, "this girl is the one you should look at". Good art direction is clear art direction. Also look at the deep focus in this scene, from the officer on duty in the far right corner, to the hall on the left.



The three main characters end up in the police station on the same night. Their lives will become increasingly intertwined as the story progress but for now they're unaware of that. The dynamic triangle of the composition keeps the eye moving even though the characters themselves are not engaged with each other.



As Dean starts to interact with Sal, he moves in forming a smaller compositional triangle. The three mains are still unaware of what's to come but the director wants us to know the movie will be about them.



Then as we cut into Platt's office and hear Natalie's story, Dean moves off. The main characters still the dominant visual even though they themselves are unaware of the events to follow.



More samples of using various shapes, colors and lighting to achieve a focus point through composition:





The Fundamentals

There are three main aspects you must keep in mind when storyboarding:

#1. Be Careful of Theater Staging:









There are no "right" or "wrongs" with storyboarding, only methods that work better than others. Figure out what you want to convey in a scene, and find the best way to present those ideas to your audience.

#2. Maintaining Screen Side:







This is a simple theory of cutting that can easily help create a sense of continuity within a sequence and/or exchange. The idea is not exclusive to 1 character interacting with another. The same principle can be used between 2 different groups of characters, or even a character and an object.
It can be the guy and his TV.


The dog and a tree.


The child and the moon.

#3. Maintaining Screen Direction:







As long as you continue to establish any new screen spacing or direction, the sequence should maintain a certain level of continuity that will allow the audience to follow along quite easily.

Always remember, sometimes the information you withhold from the audiene can create some nice comedic effects when you reveal that information to them.




Take a look at these rough boards from The Iron Giant, you can see the artistic differences between various storyboard artists, but the compositions are clear and dynamic everytime.

Maintaining Screen Side and Screen Direction are all a part of...

The 180 Rule

Always draw a map for yourself to keep track of the characters positions within the environment and in relation to the camera.

If you have two characters talking, draw an imaginary line between them. Now the rule states that you need to keep the camera on one side of that line and never cross over to the other side.



You can put the camera anywhere you want as long as you don't cross the line to the other side of the two characters. This way, no matter what shots you have, you can cut them together in any order and the green character will always stay on the right side of the frame and the blue character will always stay on the left.



If you break this rule and shoot one shot from the other side of the line, the characters will be flopped: the blue guy is now on the right and the green guy is on the left.



This can confuse the audience because, for example, if the characters look similar, they may start to get the two people mixed up. Or they may think that the characters switched places between cuts, or they may think it's a time jump to a different location at a later time or something. It can cause unnecessary confusion in the audience's mind, and we always want to avoid that.

The problem becomes even more apparent when you're doing a scene where people are in action. For example, when a character is running, you want to consider the path they're traveling along as the line that you don't want to cross. Obviously, if you shoot from the other side the line, the character will look like he's going the opposite direction.



If you start to cut these two different shots together you will create a lot of confusion: did the character turn around and start running back the other way? Or is it two characters running towards each other and they're going to collide?

That's why you'll notice that - especially in animated movies - a destination is always kept to one side of the screen or the other and the character is always traveling that way.

Summary:


THE FULL STORYBOARD TO STEVEN UNIVERSE: “FRYBO”

Frybo Final Storyboard 5_20_2013



Written and Storyboarded by Raven Molisee and Paul Villeco

Storyboard Supervisor Kat Morris

Research is Everything

ALWAYS find references from great artists and filmmakers with strong compositional style. This can be a photographer, movie director, concept artist, video game cinematic director, illustrator, painter, environment designer, or anyone, even graphic designers and movie poster designers often have effective and strong sense of composition in their work.

Examples:

Pascal Campion







Christian Berger





Silvia Mogni



George Steinmetz



Floyd Gottfredson



Josef Hoflehner



David Holland



Bruno Delbonnel














Chris Sisarich



Thumbnails

We use thumbnails to work through our ideas. To get past our first ideas (remember - your first idea is always the worst and most cliched idea. The first idea you think of is probably the first and most obvious idea that the audience will think of too!), and get on to the ideas that count. The later ideas will be the good ones. They'll be the most inventive ideas, and the most original. But to reach those ideas, you'll first have to work through the cliched ideas, right?

Thumbnails are, without a doubt, the fastest way to do that.
The quickest road to a great idea, then, is through thumbnails!
When you get a new scene, sit down and start doodling. Maybe it's just poses. Maybe it's working out full actions. Either way, you're quickly discovering what will work and what won't, and it's all on paper. Quick and dirty - that's the way to do it. Even use stick-man for your characters. Many of the best animators do their thumbnails with what is essentially a stick-man.



As long as you can see where the character's hips are, the angle of the hips, the angle of the shoulders, angle of the head, the position of the limbs, and the placement within the frame - that's ALL you need to know at this point, and you shouldn't be worrying about any other details yet, generally speaking.

Remember - They are SUPPOSED to look rough. They are not meant to be pretty pictures. Don't spend or waste a lot of time making each thumbnail look like a piece of art. Don't waste time shading it in, drawing all the little details, etc. They're meant to be fast and sloppy. The entire point of doing thumbnails is that it saves you time.

How does it save you time? Well, if you do thumbnails as part of your planning process, then you can work through all of your ideas BEFORE sitting down in front of the computer, and it's inarguably much faster to doodle a little stick-man doing a pose than it is to pose him out in the computer.

So, the first rule is to stay rough, and the first *use* of thumbnails is to discover the best ideas for your shot.

The second use of thumbnails is to get fast feedback.

You can save yourself days of work (and a great deal of frustration) if you run your thumbnails past your lead or your director before diving into the actual scene. Nothing is more frustrating than spending 3 days blocking in something that you think is great only to find out, once the director gets a look at it, that you're doing something he doesn't like at all. It's always a great idea to run your thumbnails past them first, so you can save yourself the headache (and heartache!) of hearing the dreaded "start over" words from your director.





Here's a few quick methods for producing fast and dirty thumbnails.

1. Keep the area you have to draw small. It allows you to draw much faster. The pictures become more like doodles than works of art. Remember the point is to get an idea of how things will look on screen. Ridley Scott (Blade Runner, Alien, Gladiator) is famous for his Ridleygrams - rough, almost indecipherable sketches that outline what he has in mind.

2. Copy up a set of storyboard sheets so you don't have to spend all night drawing screen boxes.

3. Sketch in pencil so you can make changes easily, then use markers for photocopying. Feel free to use any medium you are happy with - professional storyboard artists use everything from magic markers to charcoal.

4. Scribble down short notes about what's happening in shot and what characters are saying.

5. An overhead plan view of the location of the camera, actors and props can be helpful if you know the environment you are going to be working on.

6. Number your shots so that they can be quickly referred to on the shot list, during editing, or when you are pitching the boards to someone.

Drawing storyboards is an excellent way to keep motivated, to show you're organized and to let everyone else know what's going on in your head.

In Live-Action, storyboards aren't there to constrain you. Just like the script they are there to back you up during shooting. If everything starts flowing on set let it happen. In the real situation you may see a new angle - go ahead, shoot it. Get the shots you need by checking your storyboard and give yourself the time and freedom to experiment.
Thumbnailing is similar to speed-drawing/gesture-drawing when doing life drawing.





Retro-Boarding

One of the best exercises for learning all about cutting and staging film is to draw thumbnails while watching a section of a film.

View this clip.
Play and pause on each shot, and draw what you see, indicate any camera moves, changes in poses and expressions, recreate the posture, framing and subject placement for every shot. Keep it rough and simple, imagine you are reverse-engineering the sequence as you break down these shots to storyboard them. Think about the pacing and editing, why the shots are framed the way they are, where the negative space is, when and why does it go to close-ups, and where is the main focal point in each shot.



So whenever I "step through" a sequence or section of a film. I usually have a reason why I've picked that particular clip, and it usually relates to something I'm working on, or I found the clip or sequence to have some striking compositions or nice editing techniques.

I'll draw a small thumbnail to represent each scene. If it's a short scene I'll usually pick a "key" frame from the scene - an image that best describes what the scene is about. Or is it's a long scene, I'll draw more images - whatever is necessary to get the idea of what the director has done with the staging and the camera work (if there is any).

Studying film this way forces you to really grasp what is happening in minute detail. Having to "transcribe" what is happening onto paper forces you to really notice every little thing about each scene, and you can learn a lot more about filmmaking than you can if you spent the same amount of time just watching films.

I found this Assassin's Creed trailer, I was hoping to get some inspiration for staging dramatic action as well as some inspiration in composing shots for a widescreen format.



I think in animation we tend (at least I know I do) to think of shots that start, then an action begins, that action finishes and then you cut to the next shot where the next action begins. That way of thinking can be beneficial for animators because it gives them a scene with an entire action in it. It can be frustrating for animators to try and divide the same action over several different scenes. But I like how in this clip, the actions begin in one scene and then finish in the next shot (or the one after that), or that sometimes you never see the action actually finish, you move onto the next beat when it's clear that a beat is over. I like that, and when I was boarding my most recent assignment I tried to do that more. It creates more excitement, if you do it right. Then the rhythm of the cuts can be surprising and unexpected instead of plodding and predictable. But you have to do it judiciously.

Also the camera never stops moving in this clip, which can add a lot of excitement to a scene when it's done with restraint and reason, to compliment the action that's happening. Too many times people just move the camera to move it and the effect becomes tedious or makes you seasick. But I liked the restraint in this clip and I thought the camera was always moving in a way that added to the impact of each moment.

One more thing: for the most part, Ezio (The Assassin) and his nemesis are placed in the center of the screen which gives them a place of power. In scenes where Ezio is not in the center, you don't see his face, or only parts of him, and he's usually bigger onscreen than anybody else. All of these things are great devices to make a character look powerful on screen.

Don't worry about doing perfect sketches. They're just for you, and it's just a learning tool. But don't just scribble them out, either, put enough into them that you are actually getting enough down that you are seeing the patterns and getting down how the staging and cutting is working. Be precise, but don't spend too much time on each individual drawing. You want to do them fast enough that you can see the cutting patterns over several scenes, and if you spend an hour making each sketch perfect, you won't ever get the feel of how several scenes are linking together in a row.

Do this exercise for yourself every week, choose a 2-4 minute clip from any TV show and movie. Pick good filmmakers, of course, and pick good scenes. At least in the beginning, stick with filmmakers that are known for preparing in advance and being meticulous about controlling what you see on screen. I would suggest directors like Hitchcock, Spielberg, Lucas, Kurosawa, James Cameron, etc. I spent many hours thumbnailing sections of "Raiders of the Lost Ark" when I was first learning about boarding. The truck chase is a particular favorite of mine because there are many changes of screen direction at the beginning that are handled well.

Here's some of my boards for the Assassin's Creed trailer.







The important thing is to get something out of it and learn!

And one more piece of advice...if don't think your drawing skills aren't very good; and you absolutely don't want to try to draw your way through a scene, try watching the clip without sound. This will allow you to focus on the visuals and concentrate on the cutting and staging without the distraction of the audio.


Here's an anyalysis of the opening to my all-time favorite, Blade Runner:




Just like for film, a lot can be learned from studying well staged works of photography and illustration.

Observe the principles of clear compositional design through examples by various comic strips artists & painters:



People who are good at composition have to exercise a lot of self-control. Instead of starting a picture with small details, they instead have to plan a big visual statement that reads clearly and simply.



The overall image above is broken into 4 basic shapes. Then each major shape is again broken into subdivisions.





Then the next level.





Someone with less control would get all absorbed in the details early on. Maybe he'd start by drawing a bunch of individual leaves and hope they ad up to an overall tree shape. Or he might do a wild pose of the character - with all the limbs sticking out in every direction, and no overall silhouette.

Good storyboard artists have to have this kind of self-control - to avoid getting lured into the details too early. Artists often struggle with composition, because they want to get right to the character first.



Here's another example. The characters look great, but they fit perfectly into a much simpler framework, which helps them read well.





The characters and BG frame the skywriting plane in the backdrop.
Ranger Smith, Cindy and Baba Looey act as one form, that in turn fits into the bush shape behind them. They together are well separated from Yogi, who is the focus of the picture. Boo Boo looks up at Yogi and is framed by the bushes behind him. If all the characters were evenly spaced and the same size, the picture would be confusing and wouldn't draw your attention to anything in particular.



You can see this definitive arrangement of shapes in all of Eisenberg's comics.



Look at the staging breakdown of these two children's book illustrations.



The main difference to me between that Flintstone staging and the Bambi staging is that one is merely functional and the other is planned artistically. In the Bambi picture, the whole layout is not only clear and easy to read, but the staging itself has been turned into part of the visual pleasure. It's so well thought out and artistically managed. It's logical and creative at the same time. The artist worked from the outside in to make an overall compositional statement where every level of sub forms and details agree with the big picture and follow its plan and physics.

The Flintstone picture on the other hand, while it's still very appealing, it looks like there wasn't as much planning involved, except to cram all the elements into it and line them up next to each other where they at least don't bump into each other.



Bambi and Thumper are each clearly framed by the BG elements, and those elements flow around the whole composition. The sub forms in the background are being pulled along and held together by opposing forces. The whole layout design is one force. Gravity is pulling the trees and snow down. The structure of the tree branches holds together the radiating pine needles and the clumps of snow. Each clump of needles or snow all are following the same basic forces.





When you finally get down to the tiniest details, they too follow the physics of the larger forms. You could take any part of this image and break it down. You'll find the same logic everywhere and artist Mel Shaw always puts a lot of thought into his illustrations.







Knowing all this doesn't make it an easier to draw good compositions. I envy the people who have the knack for it - Jim Smith, Frank Frazetta, N.C. Wyeth, Hank Ketcham, Owen Fitzgerald, Jack Kirby, Will Eisener, George Clark, Milt Gross and a lot of the old school Disney layout artists. I wish it came naturally to me, I still have to think about the composition and draw a few different version first before it starts to look well-balanced.

The most important part of an image is the overall composition and graphic statement. You should be able instantly to see what's going on in the big picture. None of the details should distract from it. You need to be able to see clearly:
- The lines of action
- The focal point
- The negative shapes that help us clearly see the whole image
- The relative positions of the characters and their emotional relationships to what each is doing.

If the big picture (the composition) doesn't make an obvious statement or read clearly, then every other step of the detailing will just make it worse.

Great illustrators like N.C. Wyeth use these exact same principles; only apply them on more complex levels with more complex drawing:

 

 

 

 

 

 

 

You can still see the big shapes dominating the compositions, and the details being subservient to them through many levels.

 

 

Frank Frazetta has beautiful intricate details in his work, but his images also are stunning simple compositions. The whole image is a design. He became a master at composition and hierarchy - so much so that his work is almost a caricature of artistic control. Everything in his images fits so perfectly together that it's almost unnatural - even though he is using guidance from a great observation of nature.

 

 

The differences between Frazetta and good animation cartoonists are in individual skill and style, not so much in fundamentals. Frazetta can draw much better than most cartoonists (or anybody else). He also can control more levels of complex detail, and difficult elaborate structures - like anatomy.

 

 

 

 

 

 

 

 

 

 

 

 



Acting for Storyboarding

People can't hide their true emotions when they say one thing but feel another. Sometimes a little micro expression will come out as to how they truly feel. you can play with the subtlety in the corners of the mouth and the eyebrows.



As a story artist, you want to be able to communicate what the character is feeling. A lot of times it's the opposite of what he is saying. You can use body language to show this. For example watch the way people point their feet. If you walk up to two people and they point their feet towards you, they want you to join their group. If not, they want you to leave. A person will usually point their foot off in the direction they want to go in as well. Watch people talking. If one person is late for a meeting, he will point his foot off in that direction.


Line of action, silhouette, negative space, contrast. All these basics define a pose visually. The eye is attracted by complexity and contrast. If we want to bring the attention on one spot, we need to make that spot interesting. Of course, lighting and composition are important, but as a story artist, you need to use our character to focus the attention in a certain direction.

If we have an empty space and put in an object in it, we will look at it right away because it is in contrast with the emptiness. If everyone on a scene is in black, the one in white will be spotted right away. This is the same with animation and live action film. Complex shapes attract the eye, so having a profile and more curve on a side of the character, gives him more strength and a direction to express an idea, or support another one.

Watch this clip.
Pay attention to the right hand and the face, which make a complex shape with a nice contrast to the background. Look at the other hand, bright with light on it over a dark costume. The whole pose is a perfect silhouette.



As human beings we all experience the same basic emotions, but everyone has their own unique personality through which those emotions are filtered. This can make for interesting results.

Sometimes emotions and personality can overlap. For instance, everyone has situations in which they feel confident but there are some people for whom confidence seems to be a defining characteristic. They are up for any challenge and not easily discouraged.

Likewise, when a naturally confident person begins to feel nervous they may demonstrate it differently than a timid person who is nervous all the time. The confident person may try to hide their nervousness whereas a timid person may wear it on their sleeve for all to see. Both are experiencing the same feeling but it comes out in very different ways.



Here are two boys waiting for the bus. Let’s call the Tommy and Timmy. From their poses we can tell that Timmy is shy and insecure. His back is hunched over, his chin is down, and his knees and elbows are pulled in. He is taking a clear posture of submission. Tommy, on the other hand, stands strong and confident. His feet are apart and his back is arched. He is the more powerful of the two and he knows it.



Now lets take that simple set-up and turn it on it’s head. A snake slithers by and the usually-confident Tommy is suddenly gripped with fear. Drawing Tommy climbing onto Timmy’s back not only creates a comical visual, but it is also consistent with their personalities. Tommy is still pushing Timmy around. He’s forcing himself on Timmy and using Timmy as a sort of shield. Timmy, on the other hand, is clearly not afraid. He is curious and even excited, yet he is still accepting a submissive role. Either that, or he is so excited about this wonder of creation that he is oblivious to Tommy’s bullying.

In this short little scene we see each character expressing both confidence and fear – but those same emotions are revealing themselves in different ways, consistent with their overall personalities.

See lots more samples of storyboards from films here.




When planning your shots, remember the fundamentals of composition:

Basic Shapes
Framing
Overlapping Forms
Clear Staging
Negative / Positive Space
Avoid the Center
Opposing Forces
Staging in Groups
Hierarchy / Visual Balance
Form Over Detail

There is much you can learn from studying the many styles of composition practiced by master comicbook/comic strip artists and illustrators...

The Main Principles:
















































































The purpose of all composition in comics, storyboarding, graphic design, illustration, or filmmaking is to achieve clarity in the visual layout and presentation of the static or moving image.

look at TV commercials for inspiration as how to tell a thirty-second story clearly and effeciently. Great commercials are made with a ton of economy, discipline and smart choices. Also, many times they start in a very familiar situation so that the audience gets oriented quickly and knows exactly where we are....then you can take a leap into "the fantastic", if that's what you want to do, or turn the everyday on it's head for comedic effect.

These four Chef-Boy-Ar-Dee commercials are good examples for Clarity.









Let's analyze the importance STORYBOARDING a short film or commercial.

I boiled story down to three "C's". The first "C" is "CLARITY".

This one is particularly important for a storyboard artist in the process of visualizing a script or idea because you are working within a very small box, in both the length of your film and your "production schedule". When making a short film clarity is of the utmost importance because you don't have time to explain a lot. If you're trying to make a film about an exotic planet where all the rules are different from Earth, by the time you've acclimated the viewer to your world and explained all the rules, your film is over.

So I always suggest that short film directors look at TV commercials for inspiration as how to tell a thirty-second story clearly and effeciently. Great commercials are made with a ton of economy, discipline and smart choices. Also, many times they start in a very familiar situation so that the audience gets oriented quickly and knows exactly where we are....then you can take a leap into "the fantastic", if that's what you want to do, or turn the everyday on it's head for comedic effect.

Clarity is tougher than most people realize I think, even professional storyboard artists and film directors have a hard time with this. It's easy, once you've thought through your idea, to think that your drawings are explaining what's inside your head, but the viewer doesn't have the benefit of hearing your thoughts. The drawings (and eventually, the animation) have to carry it all. That's a very tough limitation, and you need to keep your "objective eye" in check, so that you can step back and look at your work once in a while and see it the way fresh eyes will see it. Or find someone you trust and bounce it off them once in a while.



Okay, the next two "C's" are CHARACTER and CONFLICT. You've probably heard all this before, but it's all vitally important, and it's basically what the directors, writers and story artists spend all their time talking about in the story room while they craft movies at Disney, DreamWorks and Pixar.

Basically, the "CHARACTERS" part means that you should always strive to create characters that are original, entertaining, appealing, and that the audience can empathize with...meaning that they like the characters and are willing to root for them to get what they want. Then the audience will care when your characters end up in....

...CONFLICT, which of course is the heart of all storytelling. Without conflict you don't really have a story. In general, the bigger the conflict, the more that is at stake in your movie, the bigger the odds against your characters, the more interesting the story.

So if you have characters that the audience is actually rooting for, and conflict that seems almost insurmountable that they have to resolve to get what they want, then you have a great story.

Also, one last thing: a great story is one that ends by resolving the conflict in an unexpected way that the audience doesn't see coming. But I don't know how to make that idea start with a "C" so piss off.

The main point here, start small, someday... write then storyboard a short 30 sec film, storyboard several times, several different ways. Cut these images together in sequence. You'll see what huge challenge it can be to clearly and accurately tell the story in an effecient and entertaining way. Observe the simple use of various angles and framing techniques in this storyboard:


Animator Hank Ketcham created Dennis the Menace, he began the comic strip in the 50s and there was always great staging and thoughtful designs.



Traditional animators often talk about "economy of line"; describing as much as possible with the fewest lines, since every line has to be drawn over and over again. The same can be said for storyboard artists, it takes years of practice to become very effecient with your pencil or stylus pen, to visually display a layout of a shot, the weight of a pose, the emotion in a posture, the basic shapes and forms that make up the clear and effective composition of a scene with as few lines as possible.











Bill Peet's storyboards for the 1952 Disney short "Susie The Little Blue Coupe":




Shot Progression

Take a look at progression number one, six shots of a couple talking in a restaurant. It's a basic progression that starts far away and neutral and ends up in an extreme close up featuring one character. The script may start out with some chit chat between the characters, and intensify to where in panel six the woman makes an important statement (ie: "I'm pregnant," or "I'm leaving you", or even "oh crap-- I left the oven on" etc). For all intents and purposes, this is correct. The shots slowly intensify to a visual climax.



Now look at progression 2; same six shots, but they've been jumbled around. For the script we're using in progression one, this would be considered wrong. The shots are all over the place. Sure the woman could say "I'm leaving you " in the close up in panel six, but what impact will it have after the extreme close up in panel one? How is it building intensity if we're going to a wide neutral shot, then close up , then out to medium shots?



Now the tricky part. With a different script, the second progression could work. Say the woman gets a phone call (before this scene) from the man and he says "Sally, the money's gone; meet me at the cafe".

With that intro, the script for progression two may go like this:

panel one: (woman) "what do you mean the money's gone?"
panel two: (man)(looking around nervously and whispering) " I don't know, the suitcase was empty"
panel three: (man) "we've got to find that money"
panel four: (woman) "all right but being here is making me nervous, they could be following us"
panel five: (man) " what do you think we should do?"
panel six: (woman) "we need to get out of town"



The most important bit is the woman's reaction to the money being gone and the ECU opens the scene with a punch. The second biggest bit is "we need to get out of town", so that gets a close up in panel six although not as big as panel one. The lines of them talking about being scared of being followed are in wider shots to emphasize the people around them and that they're in a public space.


This is a simple way to illustrate that a progression like number one, (although visually solid) isn't always the right one. When you are storyboarding, keep in mind that your shot progression will depend on what is happening in your scene. Make sure your shots best emphasize what's transpiring in the story.



Storyboarding for live action of 3DCG animated television/films can be slightly different challenges than regular 2D animation for television. Here are some tips, many aspects are the same, but since the camera is far more likely to move around freely, planning the shots can mean more elaborate storyboarding.



















Storyboards for television dramas are not common, but sometimes when there's an emphasis on cinamatography and strong art direction, occassionally there will be story sketches made to help the setup of the shots to visualize how well the scenes cut together.



















Other types of storyboards can have multiple purposes; like in some animated feature films, sequences can be storyboarded for the purposes of creating color keys to explore the art direction of the film. Color palettes, lighting, composition, to be used later as reference and to make a snapshot of what the final film will look like.









In animation, a good way to thumbnail out some ideas is by doing a 'Beat Board'.

Beat Boards are sketches for the storyboard artist made to help them with gags, posing, stage direction elements and in some cases even art direction & layout.

Usually these are sketches that help to explore ideas about how to plan out certain shots.

Beat boards by Bill Wray:



Storyboards can be very detailed or very simple, they can have lots of panels for every shot to map out and choreograph the movement, or they can be very general - made to only capture the angle and composition of the shot.








One of the ways I like to study, is by printing out a picture I like. I then take the time and trace over it. Now at first this might sound like a big waste of time but it isn't. Sometimes the mind seems to trick us into thinking a certain line or shape is different than exactly what you see in front of you. We sometimes see what we want to. So with having the added sense of feeling, of going over the same lines that are there, you are able to see and feel the shape, length, direction, thickness, rhythm of each line. You will start to feel the design. You are adding another sense while studying.



It's kind of like what a blind person would do when they touch things. They are using the sense of touch to see. Well when I trace over a picture, I get that added help of seeing by feeling the drawing as well. My drawing skills grew when I started doing this. So don't be embarrassed to trace over things, you will learn a lot.

Animation Master Glen Keane, once said "if you are drawing a blank, or are having a hard time drawing a certain thing, then it is because you have not studied it enough". You can only draw what you know. Sadly there is no magical dust (believe me I have tried searching for the stuff) that will make you a better artist. The fruit of great art comes from the roots of studying, observation, and hard work.



So for people like me that have a hard time drawing hands this is the type of (great) artwork I would printout, trace, study, and observe.

Do this for all aspects of art that you have difficulty with. Plants, buildings, mountain landscapes, people's feet, cars, whatever it may be... find references, trace over it over and over again, this will increase your draftsmanship skills and thus make you a storyboard artist.

>>>>



For every Pixar movie, a color script is created, which is essentially a rough look at the color keys, palettes, and tones for the entire film. A color script gives you a good look at how the color arcs in a film relate to the story. Lou Romano created the color script for Pixar's Up. It's done after the screenplay and designs are complete and it's an overview of the entire movie.



"The Incredibles" Color Script:

Basic Staging Principles

Always be aware of what your staging is saying about your character - does the staging reflect their emotions and their role in the story? The right staging can turn an everyday idea into a compelling and emotional sequence.



See this example from independant animator, Patrick Smith:
I drew this layout the other day, and it just didn't sit right with me. I was happy with the drawing, but it didn't help move the characters and the story forward. At this point in the film, the masked men have elevated themselves to predator, and have become a menacing, horrifying force that are gorging themselves on the helpless "little dudes".So I redrew the layout to express this feeling. I placed the little guys lower in the frame, and I launched the masked man up high - utilizing a low camera angle - a classic and cliche way to make a character more powerful (just look at all the low shots of Darth Vader). A bonus to the scene now is that I can show some really frightened expressions on the little guys.The re-staging of this shot even influenced the style of drawing... I drew the masked man in the improved version with a lot more insidiousness and evil... whereas the previous version, the masked man comes off as a bit too cartoonish, and the overall composition improved as well. I suppose this is just a reminder to push yourself at every level... you just never know how you can improve your shot, so experiment with angles and depth.


For a more comedic effect, consider this:




Once you've determined and drawn out the 'content' of your shot; the angle, the framing, the placement of all things - make a quick check for three things that will help the quality of your posing and positioning of your characters: Spacing - Gesture - Construction




Check out this short sequence by Megan Nicole,
Straight-forward and effective body language and expressions,
with simple shot compositions that help to tell the story.
















So, as we all know, staging a character (or building, or vehicle, or anything else) in an upshot will tend to make them look big and powerful. Characters like Darth Vader or Syndrome are often shown in upshots to make them look menacing and larger-than-life.



The pics above display a nice interchange of upshot to downshot that illustrates the powerful/powerless principle. The higher a character is in the frame, the more powerful they tend to feel. And the lower in frame that they are, the more powerless they tend to feel.



Up shots tend to make the character seem bigger, more menacing, more powerful. Down shots tend to make the character look weaker, less threatening, and powerless. The larger the character is within the frame, the more powerful they seem.





Techniques for achieving clarity in your boards:


The proper use of silouettes in storyboarding can achieve strong compositions:






"Clean" Boards

SpongeBob reaches into his face to pull out his eyeballs
One of the questions often asked by storyboarding students is
"How clean does a cleaned-up storyboard have to be?"
SpongeBob_Storyboard_Rough SpongeBob reaches into his face to pull out his eyeballs
The two drawings above (drawn by Sherm Cohen) show the difference between the cleaned-up storyboard drawing (drawn with 3B pencil on standard storyboard paper) and the rough drawing (done in ball-point pen on a Post-It note).
It's usually fine to let some of the construction lines show through on the finals. You can't quite see it with these scans, but there are faint sketch lines visible on all the clean-up drawings shown here.
SpongeBob pulls out his eyeballs SpongeBob_Storyboard_Rough
These storyboard drawings are from a Burger King commercial in 2005. BK was giving out SpongeBob watches, and this was the commercial promoting them.
For the examples above, the rough was drawn with a Pitt brush-marker on Post-It note, then finished with 3B pencil.
SpongeBob pulls out his eyeballs SpongeBob_Storyboard_Clean_Eyeballs-detail02
SpongeBob shows Patrick his new watch
Here's a tiny Post-it thumbnail (above) followed by marker rough, followed by the final storyboard drawing.
SpongeBob shows Patrick his new watch SpongeBob_Storyboard_Rough_01
SpongeBob shows Patrick his new watch
As usual, the drawing with the most life is the rough. It's hard to keep that energy when you clean it up, but that's the eternal challenge!
The clean-ups shown here are actually cleaner than what you would usually draw for storyboards. Since these were done for an advertising campaign, storyboard artist Sherm Cohen had to make sure that they looked as close to "finished art" as possible because they were being looked at by non-animation people. This is to demonstrate the extremes of roughs to clean-ups.
Krabby Patties and drinks and food fall on SpongeBob
This is a good example of not drawing lots of detail until you know that the shot works. There's no way I'm going to waste my time drawing all those falling Krabby Patties until the final drawing (below).
Krabby Patties and drinks and food fall on SpongeBob
Click on any of these drawings to see a BIG full-sized scan!
SpongeBob pulls out his eyeballs SpongeBob_Storyboard_Rough
SpongeBob_Storyboard_Clean SpongeBob pulls out his eyeballs
SpongeBob and Mr. Krabs in the Krusty Krab storyboard rough drawing
You'll see in some of these drawings that there's visible construction lines on the characters and perspective lines going through the background. These are more than acceptable in any storyboard clean-up.
SpongeBob and Mr. Krabs in the Krusty Krab storyboard clean drawing


Recap - Terms for basic shots:


Storyboards are a bit different than all other forms of illustration. Draw LOTS of poses, keep the sketches as 'clean roughs', but not too rough, but they don't need to be clean, but you can use tone to connect elements together, to add simple light and shadow, or help create a center of attention.


Observe the use of 'Basic Shapes' in the art of staging your characters

 

 



Observe the clear staging practiced by Chuck Jones in "Baby Bugs Bunny" (1954)





Always search for and study great composition!

Study the works of the Godfather of Storyboarding - Bill Peet, here are samples of his Children's Book Illustrations:

                       

Observe the power of the pyramid.
We all know about "poses" and "lines of action" and their massive importance in storybaording, but another aspect you should include in your thought process is the idea of creating solid shapes.

There is a very common shape that we all use often - the curve. Its nice to contrast between backwards and forwards curves in our poses, and also straights against curves. These are still lines (but not necessarily "lines of action"). One particular shape that you will notice in many great photographs, illustrations, paintings, comics and animation over and over again to help define strong poses and dynamic forms - is the pyramid. Look at these samples, and see where the triangular shapes can be found everywhere, and how they can create dynamic forms and intersecting lines to show power, weight, balance, stability, or elegance, while adding angles and contrast to any opposing forces within the image.


The Power of Postures



Dave Gibbons (the artist behind "Watchmen") once said: "I don't use action lines to describe what is happening in the frame; I use blood and posture to tell the viewer what is happening".

Posture is a powerful tool for artists, especially here when we're talking about static, sequential art. Posture can tell you all you need to know about what a figure is about to do, what it has just done or what has just happened to it (which obviously is more of a challenge in still drawings than, say, in animation).

The "language of posture" is a universal one - when an artist gets the pose just right, we all know exactly what the figure is doing. So it's clearly hard-wired into our brains. Why, then, is it so hard to learn how to draw figures so that their poses and posture impart their meanings clearly? Perhaps it is the endless combinations of expressions and body postures that make it such a challenging puzzle.

Chuck Jones poses:



These are just tiny examples of how posture can illustrate what is happening within a static drawing and how a character might be feeling... here are some more examples of the excellent use "posture"

"Hellboy" by Mike Mignola



The other part of it (the "blood" part of Dave Gibbons quote), isn't quite as important, any other kind of fluid or solid objects can be used to indicate movement within a static drawing (as well as to help tell the story). Just like posture, it can tell us what just happened, or what is happening right in the moment of the image.

The possibilities are limitless: if a character is smoking, the smoke from their cigarette could show us the path they traveled within the frame. If a character is bleeding, the trail of blood he leaves can show us the path he took. Clothes and hair can also help show us what direction the figure came from and how fast they are moving. These and many other examples can be experimented with to help your posture and other secondary factors to help the action of the shot when storyboarding.

Space & Form



Having a form lay flat against the ground plane (or come into contact with it) can definitely describe the space of your drawing without much else being necessary. A figure laying against the flat ground will tell you a lot about the space by the way the parts of the body overlap one another and move away from the viewer in perspective. Here, the way the body hits the flat ground and the way it squashes against the flat form of the floor gives a solid feeling to the space and feels like there's definitely some depth to the scene. Plus, having the Dad overlap Dennis is helpful to sell what's in front of what (see the last post to read more about overlapping objects to create space).

Similarly to this, you can achieve a nice feeling of space by simply having your character's feet planted firmly in perspective. This can convey a very convincing sense of space when it is done right.




Obviously the same thing applies to anything which is firmly planted on the ground plane and is drawn with perspective that looks convincing. Or even an object that's up in the air.







Just planting different areas in your picture at different heights can be effective. Putting the planes that are further away higher up in the frame is the simplest way to get a sense of space in your drawing.




We all think of having forms shrink as they head off towards the horizon, but don't forget you can give your drawing perspective that recedes in the vertical plane, instead of the horizontal, when appropriate.



The blank areas don't always have to be white; they can be black silhouettes instead, of course. They could even be areas of grey tone as well.




Obviously this is a useful design principle: to balance complex areas against empty areas. It would be meaningless to put one complicated pattern next to another, or to put an empty space next to another. The two types of areas only mean something when balanced by each other for contrast.

Return of the Jedi:


Samples of art by Nicholas Kole, see how the shapes, forms, colors and lighting create appealing compositions.


How and When to Cut

Motivating the camera is a simple technique of using visual cues to set up a cut or camera-move and in doing so, ease the audience into a new shot or new information.

Use a character's eye line to motivate a cut. It helps ease the audience through the cut and into new information. (While also putting us directly in the character's shoes.)

The idea is to create as much continuity within the sequence as possible, making everything clear and easy to follow.







So as per the above sequence, ways to motivate the camera;
- Using a Character's eyeline/P.O.V.
- Having a character move on screen and adjusting the camera accordingly.
- Having a character exit frame.

There are many other ways, for instance; --- Having a character enter frame.

Ultimately what it comes down to, specifically for 'cutting', is the fact that a 'cut' is not natural, it doesn't happen in real life (unless you take really long blinks). Obviously we have seen enough film/television that we are accustomed to 'cutting', nevertheless, anything you can do to smooth out the transition will only help create and maintain the continuity of your sequence.

These examples revolve around motivating the camera, and explores more "what they are saying visually".



These examples are all slight variations of the same scene, each exploring a different approach in regards to the progression of information that is revealed to the audience, and consequently the effect it has on them. Ultimately, it all depend on what the script calls for or what is necessary of the scene to determine which of the following (if any) would be suitable.





The most important thing to take away from this concept of 'motivating the camera', is just to try and be conscious of the decisions you are making in your storyboards. Try to understand what you are actually saying visually, what information you are revealing to the audience, when is this information os being revealed, and what effect it will have on them. Thinking about these things as you board can really help enhance a sequence and 'sell' an idea in the storyboard stage.


Below is a step-by-step progression of a draw-over from an old storyboard assignment.

1. Original Panel From Student Sequence:

Conceptually it is good.
-She has clearly established a screen relationship between the two characters (left and right).
-Indicated an environment (the mountain range in the background).
My main note is to push it even further! Take the concept of this shot and push it to find a more interesting and compelling composition.

2. Draw Your Grids:

I started my redraw with a horizon line and laying down a grid.
Laying down your grids (on the ground, walls and sky) will help clarify the depth of your shot, and can also be used as a guide for incorporating mid/foreground elements (illustrated in step 5).

3. Push The Depth:

In the original panel there is a lot of empty space around the characters, not particularly interesting or dynamic visually. I drew over the characters, using my grid as a guide, and tried to push the depth.

By pushing the depth, bringing one character closer and pushing one further away, you can create a much more engaging composition as well as utilizing the real estate of the panel more effectively.

4. Use The Background To Enhance The Composition:

You can use background elements to enhance a composition and help direct the eye.

The important information in the panel is the characters, so everything else in the composition should support that. Keeping that in mind, we can use mountain ranges in the distance to help lead the eye to our character.

5. Populate The Mid-Ground

Put some junk in the mid-ground.

Populating the mid-ground can help in a few ways:
-Further help define the environment.
-Help push the depth by incorporating visual depth cues such as over-lapping objects and size relativity (objects get smaller as they recede).

6. A Little Shading Goes A Long Way

In the original panel the shading wasn't particularly adding anything to the composition. A simple way to approach shading is by thinking about it in terms of foreground, mid-ground and background.

I did a quick shade pass over the panel using each object's relative position in the composition (how closer/far away it is from us) and shaded accordingly. We can also use shadows to help direct the eye, much like background elements, by having them point towards important information.

Below is an animated gif of the progression so you can see how being conscious of these principles while you are boarding can really help enhance your work. You may need to click on it to see it animate.



With storyboarding it is just a matter of getting sequences under your belt. The more you board, the better you get, plain and simple. It takes time for these principles to become second nature, don't get discouraged if you don't see them immediately taking effect. The important thing with these concepts is to be aware of them, how they work, and how they can affect your boards. Over time everything will fall into place.

Staging & Posing Review

























Push your poses, express the body language, create clear silouettes.












Composition is all about leading the viewers eyes to where you want then to look.
Visual clarity in storyboarding begins the process of creating a layout on which to build what will be the final moving images on screen.



Conveying light and shading in your boards can be very important to amplify the mood of the scene, creating strong compositions, and allows you to direct the viewers attention in dramatic ways.



The light and dark patterns don't always have to make absolute sense, when it comes to giving form and depth to objects, you can fake them (to a certain extent) to get the results you want.

Observe the effects of lighting in these Scooby-Doo Digital Storyboards by Anson Jew:


Study these rough layouts from The Iron Giant, notice the lighting guides with 3D arrows and how the shapes of shadows and highlights are blocked in to form the focal points with tones and contrast:





Storyboards for Live-Action Commercials by Antonio Santamaria:





2D Animated Short Film Storyboards by Sandro Cleuzo:


















Visual Vocabulary by Marcos Mateu-Mestre
























Remember:
Composition in the art of film is never static; it is a process of continuous change created by the control of its three basic elements:

1. Placement of people and objects within the frame:

-Large foreground objects can attract or divert attention depending on how they are used.

-A full-face CU in sharp focus in the foreground will divert attention from a soft focus full figure in the background.

-A figure in soft focus in the foreground can occupy more than half the frame and yet attract less attention than a smaller figure in the background.

-The extended image; the overlapping of person and objects with the margin of the frame, can also be used to enlarge the audiences perception.

2. Movement of people and objects within a fixed frame:

-Whenever there is movement within a frame, the composition changes. The motion picture is a constant flow of ever changing images. The composition of the cinematic image must be considered in a different way to photography.

3. Movement of the frame itself:

-Perhaps the most important basic element of cinematic composition is the ability of the frame itself to move.

-The mobility of the camera enables the filmmaker to change his vantage point in an instant. It allows action. Even more importantly, it enables the filmmaker to change the character of the image as the action evolves by simply moving the camera in, out and around the players.

-Few filmmakers have ever used composition to its full potential. The concept of the ever-changing image seems difficult to execute because it involves the three basic elements of composition, all of which must be controlled simultaneously. The filmmaker, unlike the photographer and the theater director, creates his visual compositions in a flexible, ever changing arena.

-It is through the arrangement and control of all visual elements that the filmmaker can control the thoughts and emotions of the audience. A scene comprised of elements that are just there, permits the audiences' attention to wander and lapse.

The important factor is 'relationship'. The relationship of all elements on screen, their scale and proximity and placement relative to each other within the frame, all effect the composition.

Observe this study of shot compositions from the first Indiana Jones movie:


Here' a look back at the work of cinematographer Douglas Slocombe, who shot the first three Indiana Jones films.
By the time of "Raiders of the Lost Ark," (1981), Slocombe was a veteran cinematographer, with a rich and varied filmmography in both the United States and in England, and both in black and white and color, and was nominated for three Academy Awards (including "Raiders").
His photography gave "Raiders" a classic feel, visually paying homage to the matinee thrillers of the 1930's, while also raising the level of quality and aesthetics of 1980's blockbuster filmmaking. The collaboration between director Steven Spielberg and Slocombe is the reason why "Raiders" remains, to this day, one of the best looking action movies of all time.
Director Steven Spielberg and Douglas Slocombe, on location for "Raiders of the Lost Ark."


Shadows & Silhouettes -

Eyes -

Here are a sample of images from "Raiders" where Slocombe and Spielberg focus on characters' eyes.

Foregrounds and Backgrounds -

Here is a sampling of images from "Raiders," where Spielberg and Slocombe frame objects of varying depths in the frame. In these shots, the filmmakers are telling a story from multiple depths, as well as filling the screen from left to right.
Here's a few more shots - notice the angles, perspectives, spacing between characters & objects and overlapping elements -