Line. Week 5. as Visual Component

Similar documents
A bouncing ball squashes on its vertical axis and stretches on the horizontal axis as it strikes the ground.

Principles of Architectural and Environmental Design EARC 2417 Lecture 2 Forms

Video Basics. Camera Shots, Camera Angles, and Camera Movement

Introduction to Photography

two using your LensbAby

Practice Exam Sample Solutions

Lecture 4 Form & Space Form Defines Space

Chapter 12-Close-Up and Macro Photography

Midterm Exam! CS 184: Foundations of Computer Graphics! page 1 of 13!

An object in 3D space

What is it? How does it work? How do we use it?

AVT Model Tripod.

Screenplay. Timing and motion. Martin Constable October 23, RMIT Vietnam

lecture 10 - depth from blur, binocular stereo

Cursor Design Considerations For the Pointer-based Television

Stereo CSE 576. Ali Farhadi. Several slides from Larry Zitnick and Steve Seitz

Camera Actions. Shots, Angles & Movements

Visual Perception. Visual contrast

Midterm Exam CS 184: Foundations of Computer Graphics page 1 of 11

4. Refraction. glass, air, Perspex and water.

Great 3D photography starts with the right subject.

YouTube (and other online video-sharing sites) The audience and message. In-the-field uses. The techniques. Camera movements Panning: left, right

Perspective and vanishing points

FrameForge Previz Studio Usage Case Study. David Evans Emmy nominated Director

ACTIVITY 2: Reflection of Light

MITOCW MIT6_172_F10_lec18_300k-mp4

Topics and things to know about them:

Lenses. Digital Cameras. Lenses. Lenses. Light focused by the lens. Lenses. Aperture Shutter Speed Holding a Camera Steady Shooting Modes ISO

2. Plan the Picture: Who is the picture for? Why are you taking this picture? What is it you like

We ll go over a few simple tips for digital photographers.

THE FOURTH SPATIAL DIMENSION

SketchUp. SketchUp. Google SketchUp. Using SketchUp. The Tool Set

2D 3D CHARACTER COMPUTER ANIMATION ANIMATION INFORMATISÉE 2D 3D SECONDARY NIVEAU SECONDAIRE

Chapter 3- Creating & Editing Objects

Linescan System Design for Robust Web Inspection

Lab 4 - The Microscope

Surface Modeling Tutorial

3. Confirm Does the law of reflection apply to rough surfaces? Explain. Diffuse Reflection

Visualizing Flow Fields by Perceptual Motion

Camera Shots. Lesson Plan

Digital Photography - 1

Design Elements. Advanced Higher Graphic Presentation. Professional Graphic Presentations by kind permission of

Homework #1. Displays, Image Processing, Affine Transformations, Hierarchical Modeling

Lecture 3 Form & Space Form Defines Space

Midterm Exam! CS 184: Foundations of Computer Graphics! page 1 of 14!

All forms of EM waves travel at the speed of light in a vacuum = 3.00 x 10 8 m/s This speed is constant in air as well

Shadows in the graphics pipeline

Introduction. Features and Highlights

Part 1 The Elements of Design. Lines

Multimedia Technology CHAPTER 4. Video and Animation

TYPO GRA PHY THE ANATOMY OF TYPE A BRIEF HISTORY OF TYPOGRAPHY WHAT IS YOUR TYPE ACTUALLY SAYING? OPEN FONT DISCUSSION

The Hong Kong Institute of Education Department of English ENG 5219 Introduction to Film Studies (PDES) Week 3 Editing

ZeroView. Raspberry Pi Camera Module Suction Mount User Guide and Information. Product Page: ThePiHut.com/zeroview

Name: Chapter 14 Light. Class: Date: 143 minutes. Time: 143 marks. Marks: Comments: Page 1 of 53

You will elect to be part of one of the following groups for this short assignment only. (Everyone will switch groups later for part 2).

Chapter 32 Light: Reflection and Refraction. Copyright 2009 Pearson Education, Inc.

Homework #1. Displays, Alpha Compositing, Image Processing, Affine Transformations, Hierarchical Modeling

Realtime 3D Computer Graphics Virtual Reality

COMP 558 lecture 16 Nov. 8, 2010

BCC Particle System Generator

The Principles of Animation "When we consider a new project, we really study it... not just the surface idea, but everything about it.

Graphic Design & Digital Photography. Photoshop Basics: Working With Selection.

A guide to animation effects for the MAC 2000 Performance

Lecture Outline Chapter 26. Physics, 4 th Edition James S. Walker. Copyright 2010 Pearson Education, Inc.

Typography One Project Two

LOCAL AMBASSADOR TRAINING

Introduction to 3D Concepts

1. What is the law of reflection?

CS770/870 Spring 2017 Animation Basics

CS770/870 Spring 2017 Animation Basics

Fundamentals of Photography presented by Keith Bauer.

Setting Up Your Environment - Consider the width of your camera view. Large waves may look good from afar but when zoomed in often look too large.

Unbelievable Visualization Techniques: Letting Your Imagination Soar!

Scene Modeling for a Single View

Lenses & Exposure. Lenses. Exposure. Lens Options Depth of Field Lens Speed Telephotos Wide Angles. Light Control Aperture Shutter ISO Reciprocity

Shutter Speed and Aperture Setting

2 Reflection and Mirrors

Visual Representation from Semiology of Graphics by J. Bertin

Ambient Occlusion Pass

Stevens High School AP Physics II Work for Not-school

(Refer Slide Time 00:17) Welcome to the course on Digital Image Processing. (Refer Slide Time 00:22)

Prof. Feng Liu. Spring /27/2014

Advanced Vision Guided Robotics. David Bruce Engineering Manager FANUC America Corporation

InfoVis: a semiotic perspective

Two distinct points determine a line. Ie through any two points there is one and only one line.

Beginning Paint 3D A Step by Step Tutorial. By Len Nasman

Ray Tracing through Viewing Portals

Title: Using a Compound Light Microscope and Comparing Cells - Bacteria, Plant Cells and Animal Cells

BCC Sphere Transition

Design Principles. Advanced Higher Graphic Presentation. Professional Graphic Presentations by kind permission of

Reading on the Accumulation Buffer: Motion Blur, Anti-Aliasing, and Depth of Field

Photo-realism Fundamentals

How to Use Passive Infrared Sensor Cameras

Turn any wall projection interactive with Integrated Arm

Lab 3: Acceleration of Gravity

A Simple Vision System

How to Shoot Good 3D with The Stereocam 3D Camcorder Adapter

Prezi - online presentation editor

5.5 Right Triangles. 1. For an acute angle A in right triangle ABC, the trigonometric functions are as follow:

ABOUT RESEARCH POSTERS

Transcription:

Week 5 Line as Visual Component Line is a very different application of line than the type of line that we had previously discussed and defined as one of our Primaries of Design. As we discussed last week in class there are specific properties that define line types. Below are some examples of types of line that fall under the description of lines as visual components. Line as a visual component can appear in different forms the first being the graphic representation of a line in nature. Lines (such as our primaries of design) do not exist in nature because they are characteristics of the marks we put down. But the appearance of lines may be perceived in many ways in nature such as distant telephone wires, painted lines at a distance, the edges of thin objects, and contrails from jets etc. As a visual component lines are realized due to tonal contrast or color as things come together. Intersections of planes such as where the wall and ceiling meet could create a line. The edge of a 2D surface would create a line as well as an abrupt tonal contrast such as adjoining, contrasting local values, or a shadow on a lit surface would create a line. Our perception of lines that do not actually exist are often created between dots, focal points, and faces. These implied lines create what we call closure. Shapes that have strong directional forces can initiate implied lines called axis lines, center lines would be these types of lines. Lines created by following an action that leaves a trail or path we would call a track. In Class show examples of the different uses of line as a visual component. Physical line, implied line, intersecting planes, contrast edge, eye line, tracking line. Demonstrate different characteristics of line as a visual component. Select images from students reference images to demonstrate on. Class to follow along.

Two intersecting planes determine a line.

Where two values come together or meet creates an edge. We see this at the circumference of the circle as well as the boundary between the outer edge of the white ground and the dark background.

In this image we have both intersecting planes as well as a difference of tonal value creating an edge. This could potentially have a greater visual impact that either interesting planes or the edge alone.

A line that sits on and follows around a form is a contour line.

The appearance of a line is what we perceive here because the wire is too thin to make out its' volume. Contrails created by the motion of jets create lines that we follow or track. These are tracking lines. The relative complexity can create varying degrees of visual complexity or tension.

There are many lines at work in this image. Cinderella has a curved axis line in red eye lines in magenta create closure as well as the yellow dots. The bubbles have circular lines around them and are clustered creating implied lines of an organic nature.

The strong axis of each figure, the eye lines, the tonal contrast creating edges and stripes in the background all make the viewers eye moving around and contained in this image. The closure created by these three characters put Superman in the middle and slightly above the others even though this is a very low moment in the story.

Here are some examples of the use or impact of lines (Courtesy of internet images). Notice in this image from Top Hat Fred Astaire has a strong Axis line, the vertical and horizontal lines in magenta are drawn on the background as are the red lines but these lines have various degrees of curves. The clouds create lines by the tonal contrast between the light gradient clouds and the darker BG. The lamps on the BG serve as dots that create an implied line and closure.

To see the video Fred Astaire Top Hat Choreography: https://www.youtube.com/watch?v=wc77vlb-yae

The axis lines of all these SR-71 pilots are all vertical playing against the jet that is horizontal. The line created by the edge of the shadow merges with the second pilots shadow creating one long diagonal line, also a strong force in this image. Less dominant but still present are the lines in the concrete. The heads serve as dots that imply closure horizontally. The various sizes of the pilots deliver Rhythm across the image and spatial dept. The line of the right and the shape of the left vertical stabilizer as well as the edge of the front of the cockpit supply directional information that helps lead our eyes around this image.

In this image form Touch of Evil these characters eye lines create an implied line called closure. As the three hoodlums triangulate within the scene, the victims eye line is directed to the one hood that is talking. This creates a secondary line which creates a greater sense of separation between all four characters. Three are in and one is out.

In the image below (as well as above) the wide angle lens creates more severe diagonals making these lines more dynamic. In the image below I have lessened the severity of the wide angle effect. The car is still on the road but the longer lens effect creates more of a parallel effect and the lines are felt as a little bit more passive. Or you might say displaying less visual tension.

The obvious rain creates parallel diagonal lines in this shot, as well as his cape. In contrast his axis is straight and center, while his eye line is skewed slightly from nearly the same angle as the rain. If his eye line was the same as the parallel lines of the rain, he would be one with the rain and you could see that if he is defiant of the elements his eye line should not be parallel with the rain.

In this image from Touch of Evil Orson Wells creates complex tension through the use of various lines. Dynamic lines in the background (in yellow) through intersecting planes, blinds creating edges, contrast of tone in the curtain within the door, on the far left wall, and the shadow cast on the characters (blue line) closes off the bottom of the frame. The closure (in green) created by the three characters on the right represents the the dialogue (the man second from the left is being falsely framed by the man on the left (Orson Wells) while the man on the far right (Charlton Heston) knows that the man on the far left is doing the framing. His eye line in red is directed towards Wells The man being framed is just a pawn in a larger scheme concocted by (Orson Wells) whose eye line in magenta is directed away from any contact with (Charlton Heston) suspects it. This is a great example blocking that graphically spells out the subtext of the scene.

Here is an illustration by Robert Fawcett with strong eye lines across the double page spread.

It would be hard to say the images below were taken randomly or id they were designed. Regardless, the effect of line within the compositions are very obvious.

The axis of Kevin Spacey is center and vertical while his crystal of Kryptonite is perfectly horizontal creating a cross in center frame while the diagonals in the back create chaos.

Below, I have included another image where I suggest increasing the intensity by making the diagonals less parallel but more random in the BG. The styling of Cinderella was based on long vertical lines in contrast to curly C and S curves. These are created by edges, intersecting planes

and tonal contrast of overlapping shapes. The curves vary from slow on the metal hinges on the door to the fast curves on the chair, tea cup handle and door ring mount.

From Fast and Furious, this is a flat space composition with lines painted on the street down the center of fame, along with outer lines and forms of the K rail (in green) are both slightly curved and more dynamic than the cars and safe (in magenta) which are flat to the picture plane.

Superman's' axis in yellow is opposing the diagonals of his environment in blue. The folds in his cape all aim toward his head and yet his eye line (in green) goes off in another direction from his motion. In this image the strong right tilting axis of the characters complements Orson Wells strong eye line to create a dramatic composition.

In the Aviator Robert Richardson composed these series of shots to visually show the disturbed mental state of Howard Hughes' germ phobia.

The visual tension is increased through the low camera angle, creating the vertical lines near the outside edges of the frame to taper inward at the top of the image. His angle outward and eye line inward. A golden section is a proportion that is supposed to deliver visual balance to an image. But a near golden section or something that teases that proportion actually creates more tension. This has to do with leveling and sharpening. When shapes or axis align with the golden mean they are leveled and a balance is perceived. On the other hand when it is clear that a proportion is emphasized, and yet shapes, or featured object are clearly set off the axis, a degree of visual tension is created.

This image is clearly divided into thirds, all flat except the edge or intersection of left wall to ceiling. Because the image is so passive the small spatial difference (the edge created) seems more important within the image.

Not only his eye line leads to the door knob but the perspective of the side wall converges at the doorknob. This adds to the intensity and focus on the knob. In contrast to the convergences all coming from the left of Howard the rest of the frame is very flat, parallel to the picture plane. This large flat area (2/3rds) that is graphically simple creates a passive environment which allows the simple convergence to be more impactful. This is an interesting situation where the light in the composition is purposely not lighting Hughes/DiCaprio's face. It is beautifully placed so that his face is transitioning into shadow.

Here are some variations of camera angles on the same airplane each one displays a different mood that we can discuss in class. This image is the most spatially flat of the three below but the diagonals provide dynamic shapes that are stronger than the other two. Though we do not see the horizon we do have some convergence of the runway and the plane. That makes this image more spatially deep than the one above. The tail being tangent to the bottom of the frame creates a flatness that contradicts depth. Visual contradictions as these can be designed to deliver subtext. Like tangents, such contradictions as

these may be viewed as something to avoid yet I think it is important to note such blanket rules may be too exclusive. If you are in control of your visual elements you look to manage your imagery carefully to convey the image message as clear as you can. Clearly this image contains the deepest visual space, a clear one point perspective. These images provide an example how you can increase the visual intensity of similar imagery. To manage the level of visual intensity and deliver an articulate image message is at the core of visual storytelling.

Look at the difference of the image message above and below. The skewed eye lines and Cathy Bates being off to the left creates more tension. At the same time the parallels at the left and right sides of the frame and the light in the center creates a static environment that enhances the dynamic eyeliner and position of the actress.

The chair facing inward and it's shadow in the foreground closes the frame along the bottom and the door frames on the right and left creates a frame within the frame making the space closed.

The choice to include the door jam close to the edge of the frame on the right is not a casual choice. It frames her in and she becomes less important in the image message. This could be the result of the filmmaker trying to deliver some subtext of how she is feeling at the time, possibly boxed in. When we consider the eye line, the bit of perspective of the sink and the shape of the shadows dynamically framing Kate Whinslett we realize that there is a lot more in the composition to move our eye around the frame than just block the right side of the frame. I have cropped the image below to exclude the door jam framing her in and closing the composition. Notice how she appears more important or their

conversation seems to appear more intimate within this image below. This is not only because along with the shadows and sink that I mentioned above, but here she anchors the eye line and the space to the right feels open forcing her to appear less framed in.

Robert Fawcett In these illustration comps Fawcett was experimenting with staging. I have pointed out the eye line in blue and axis lines (which also can offer rhythmic movement) in red. Each version tells the story a bit differently based mostly on scale, positions in space, axis, and eye lines, as well as implied lines created by elements or shapes converging in perspective.

The man on the right pouring serves as an anchor or vertical stabilizer while closing off the right side of the frame. All action in the other figures is subtly compared to his rigid axis. Also the axis of the two left figures counter each other. The woman is strong because of her size and position in the frame but the man in the middle is more dynamic because of he's strong Zig, Zag axis.

In this version the man on the rights' axis is less of an anchor and his eye line and his horizontal forearm follow the same eye line. All three have parallel eye lines but each of them is at a different level (not overlapping). Notice the vertical spacing of the eye lines is all at different levels. If they were all at the same level they would not be as powerful and the vertical spacing is not even, again creating interest. The axis of the two middle figures is going in a similar direction adding to a more rhythmic

movement in the direction or their gaze. In this final sketch the man on the right with his vertical axis is most stable because he is so vertical and in the foreground. His forearm and eye line are parallel. The dresser and elements on the wall add to the composition serving as a balance to the man on the right, by converging toward the same point as all three eye lines. The two other figures have different axis like the first image both leaning into the eye line and notice even though the two men s eye lines are parallel Fawcett used length to the point of convergence

to offer variation on their lines. Week 5 Line Homework Homework: Create an illustration that contain three uses of line and orchestrate the importance of each. One use of line should be the most dominant within your composition, another secondary, and another use of line third.