matching visual elements - nus computing - homecs4340/lecture/matching.pdf · visual elements...

31
Matching Visual Elements CS4340 Digital Special Effects Leow Wee Kheng & Terence Sim Department of Computer Science School of Computing National University of Singapore Terence Sim (CS4340) Matching Visual Elements 1 / 31

Upload: others

Post on 22-Jul-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Matching Visual Elements - NUS Computing - Homecs4340/lecture/matching.pdf · Visual elements should be illuminated by the same light. Visual elements should cast similar shadows

Matching Visual Elements

CS4340 Digital Special Effects

Leow Wee Kheng & Terence Sim

Department of Computer ScienceSchool of Computing

National University of Singapore

Terence Sim (CS4340) Matching Visual Elements 1 / 31

Page 2: Matching Visual Elements - NUS Computing - Homecs4340/lecture/matching.pdf · Visual elements should be illuminated by the same light. Visual elements should cast similar shadows

Introduction

Introduction

What’s wrong with this special effect?

Terence Sim (CS4340) Matching Visual Elements 2 / 31

Page 3: Matching Visual Elements - NUS Computing - Homecs4340/lecture/matching.pdf · Visual elements should be illuminated by the same light. Visual elements should cast similar shadows

Introduction

To blend real/CG visual elements seamlessly, need to match these:

Scale

Visual elements should have the same scale.Apparent size is related to scale and distance from camera.Can be handled during live shooting and compositing.

Camera View

Visual elements should be viewed from the same angle.Match camera’s internal parameters, position, orientation.If camera moves, then need to perform matchmoving.

Object Motion

Visual elements should interact seamlessly.Need to match objects’ motion.Need to perform object tracking of real objects.Poor example: Looney Tune 2Good example: The Lord of the Ring: The Two Towers

Terence Sim (CS4340) Matching Visual Elements 3 / 31

Page 4: Matching Visual Elements - NUS Computing - Homecs4340/lecture/matching.pdf · Visual elements should be illuminated by the same light. Visual elements should cast similar shadows

Introduction

Illumination

Visual elements should be illuminated by the same light.Visual elements should cast similar shadows.Match light source’s type, intensity, position, orientation.If light moves (e.g., car’s head light), need to match light’s motion.

Color

Visual elements should have matching color tone.Can be handled as part of illumination matching.Can also be handled by color grading.

Terence Sim (CS4340) Matching Visual Elements 4 / 31

Page 5: Matching Visual Elements - NUS Computing - Homecs4340/lecture/matching.pdf · Visual elements should be illuminated by the same light. Visual elements should cast similar shadows

Matching Scale

Matching Scale

Scale matching is used

to match size of CG and real objects,

to give the illusion of difference in size.

Example: Jurassic Park (1993): T-rex is larger than cars.

Terence Sim (CS4340) Matching Visual Elements 5 / 31

Page 6: Matching Visual Elements - NUS Computing - Homecs4340/lecture/matching.pdf · Visual elements should be illuminated by the same light. Visual elements should cast similar shadows

Matching Scale

King Kong (2005): King Kong is much larger than human.

Terence Sim (CS4340) Matching Visual Elements 6 / 31

Page 7: Matching Visual Elements - NUS Computing - Homecs4340/lecture/matching.pdf · Visual elements should be illuminated by the same light. Visual elements should cast similar shadows

Matching Scale

The Lord of the Rings: Different races have difference sizes.

Terence Sim (CS4340) Matching Visual Elements 7 / 31

Page 8: Matching Visual Elements - NUS Computing - Homecs4340/lecture/matching.pdf · Visual elements should be illuminated by the same light. Visual elements should cast similar shadows

Matching Scale

Many techniques are available:

big rigs

scale double

scale compositing

forced perspective

Terence Sim (CS4340) Matching Visual Elements 8 / 31

Page 9: Matching Visual Elements - NUS Computing - Homecs4340/lecture/matching.pdf · Visual elements should be illuminated by the same light. Visual elements should cast similar shadows

Matching Scale

Big Rigs

Put stunt person on stilts.Dress them up with over-sized costume, false hands, etc.Good for interacting with real actors of different size.

Example: From [3]

Terence Sim (CS4340) Matching Visual Elements 9 / 31

Page 10: Matching Visual Elements - NUS Computing - Homecs4340/lecture/matching.pdf · Visual elements should be illuminated by the same light. Visual elements should cast similar shadows

Matching Scale

From [3]

Terence Sim (CS4340) Matching Visual Elements 10 / 31

Page 11: Matching Visual Elements - NUS Computing - Homecs4340/lecture/matching.pdf · Visual elements should be illuminated by the same light. Visual elements should cast similar shadows

Matching Scale

Scale Doubles

Get very short or tall actors as doubles.

Dress them up with face masks and wigs.

Good when facial features are not clearly seen.

Example: From [3]

Terence Sim (CS4340) Matching Visual Elements 11 / 31

Page 12: Matching Visual Elements - NUS Computing - Homecs4340/lecture/matching.pdf · Visual elements should be illuminated by the same light. Visual elements should cast similar shadows

Matching Scale

Scale Compositing

Shoot two actors at different scales.

Then, composite them into one footage.

Good when there is no intricate interations between actors.

Example: From [3]

Terence Sim (CS4340) Matching Visual Elements 12 / 31

Page 13: Matching Visual Elements - NUS Computing - Homecs4340/lecture/matching.pdf · Visual elements should be illuminated by the same light. Visual elements should cast similar shadows

Matching Scale

Example: From [3]

Terence Sim (CS4340) Matching Visual Elements 13 / 31

Page 14: Matching Visual Elements - NUS Computing - Homecs4340/lecture/matching.pdf · Visual elements should be illuminated by the same light. Visual elements should cast similar shadows

Matching Scale

Forced Perspective

Terence Sim (CS4340) Matching Visual Elements 14 / 31

Page 15: Matching Visual Elements - NUS Computing - Homecs4340/lecture/matching.pdf · Visual elements should be illuminated by the same light. Visual elements should cast similar shadows

Matching Scale

Forced Perspective

Put actor of smaller height further from camera.

Good when there is no intricate interations between actors.

Example: From [3]

Past students’s work: Bunny Ears, Ricola

Terence Sim (CS4340) Matching Visual Elements 15 / 31

Page 16: Matching Visual Elements - NUS Computing - Homecs4340/lecture/matching.pdf · Visual elements should be illuminated by the same light. Visual elements should cast similar shadows

Matching Scale

Forced Perspective with Moving Camera

Forced perspective is easy with stationary camera.

With moving camera, need to move camera and set to get consistentperspective.

Demo: Forced perspective [3]Terence Sim (CS4340) Matching Visual Elements 16 / 31

Page 17: Matching Visual Elements - NUS Computing - Homecs4340/lecture/matching.pdf · Visual elements should be illuminated by the same light. Visual elements should cast similar shadows

Matching Illumination

Matching Illumination

Illumination matching

Match virtual light source to real light source.

Match light source’s type, intensity, position, orientation.

Illuminate CG objects in the same way as real objects.

Produce virtual shadows consistent with real shadows.

If light moves (e.g., car’s head light), need to match light’s motion.

If camera moves, need to match camera’s motion.

Terence Sim (CS4340) Matching Visual Elements 17 / 31

Page 18: Matching Visual Elements - NUS Computing - Homecs4340/lecture/matching.pdf · Visual elements should be illuminated by the same light. Visual elements should cast similar shadows

Matching Illumination

Basic ideas:

Place reference object in scene.

Shoot live footage with reference object.

Use images of reference object as guide to configure virtual lights.

Terence Sim (CS4340) Matching Visual Elements 18 / 31

Page 19: Matching Visual Elements - NUS Computing - Homecs4340/lecture/matching.pdf · Visual elements should be illuminated by the same light. Visual elements should cast similar shadows

Matching Illumination

Demo: Matching illumination [3]

Terence Sim (CS4340) Matching Visual Elements 19 / 31

Page 20: Matching Visual Elements - NUS Computing - Homecs4340/lecture/matching.pdf · Visual elements should be illuminated by the same light. Visual elements should cast similar shadows

Color Grading

Color Grading

Color is a powerful tool for conveying mood [1, 2]:

hot, unbearable calm, peaceful

Terence Sim (CS4340) Matching Visual Elements 20 / 31

Page 21: Matching Visual Elements - NUS Computing - Homecs4340/lecture/matching.pdf · Visual elements should be illuminated by the same light. Visual elements should cast similar shadows

Color Grading

bright, lively dark, gloomy

Terence Sim (CS4340) Matching Visual Elements 21 / 31

Page 22: Matching Visual Elements - NUS Computing - Homecs4340/lecture/matching.pdf · Visual elements should be illuminated by the same light. Visual elements should cast similar shadows

Color Grading

Can depict different mood by changing color/tone of image:

bright sunny day dark gloomy day

So, color manipulation is very important.

Terence Sim (CS4340) Matching Visual Elements 22 / 31

Page 23: Matching Visual Elements - NUS Computing - Homecs4340/lecture/matching.pdf · Visual elements should be illuminated by the same light. Visual elements should cast similar shadows

Color Grading

Digital color grading

Use digital hardware/software tool to enhance images.

Can change intensity, color, contrast.

Can change highlight part of image, change shadow.

Digital color grading is used to

provide consistency across multiple live footages,

match intensity and color of live footages and CG elements,

depict emotional mood.

Terence Sim (CS4340) Matching Visual Elements 23 / 31

Page 24: Matching Visual Elements - NUS Computing - Homecs4340/lecture/matching.pdf · Visual elements should be illuminated by the same light. Visual elements should cast similar shadows

Color Grading

Example: From [3]: Enhance color saturation.

Terence Sim (CS4340) Matching Visual Elements 24 / 31

Page 25: Matching Visual Elements - NUS Computing - Homecs4340/lecture/matching.pdf · Visual elements should be illuminated by the same light. Visual elements should cast similar shadows

Color Grading

Example: From [3]: Depict fairy-like quality.

Terence Sim (CS4340) Matching Visual Elements 25 / 31

Page 26: Matching Visual Elements - NUS Computing - Homecs4340/lecture/matching.pdf · Visual elements should be illuminated by the same light. Visual elements should cast similar shadows

Color Grading

Example: From [3]: Depict ancient/historical look.

Terence Sim (CS4340) Matching Visual Elements 26 / 31

Page 27: Matching Visual Elements - NUS Computing - Homecs4340/lecture/matching.pdf · Visual elements should be illuminated by the same light. Visual elements should cast similar shadows

Color Grading

Example: From [3]: Depict warm feeling.

Terence Sim (CS4340) Matching Visual Elements 27 / 31

Page 28: Matching Visual Elements - NUS Computing - Homecs4340/lecture/matching.pdf · Visual elements should be illuminated by the same light. Visual elements should cast similar shadows

Color Grading

Example: From Hunter Hunted (2007): Depict eerie look of Matrix.

Terence Sim (CS4340) Matching Visual Elements 28 / 31

Page 29: Matching Visual Elements - NUS Computing - Homecs4340/lecture/matching.pdf · Visual elements should be illuminated by the same light. Visual elements should cast similar shadows

Color Grading

Example: From [3]: Highlight local region.

Demo [3]Terence Sim (CS4340) Matching Visual Elements 29 / 31

Page 30: Matching Visual Elements - NUS Computing - Homecs4340/lecture/matching.pdf · Visual elements should be illuminated by the same light. Visual elements should cast similar shadows

Summary

Summary

To blend real and CG visual elements seamlessly, need to

match scale

matchmove (match camera motion)

track object motion

match illumination

match color

Terence Sim (CS4340) Matching Visual Elements 30 / 31

Page 31: Matching Visual Elements - NUS Computing - Homecs4340/lecture/matching.pdf · Visual elements should be illuminated by the same light. Visual elements should cast similar shadows

References

References

Colors and Moods, iit.bloomu.edu/vthc/design/psychology.htm.

Color 101, www.keidel.com/resource/wellness/color101.htm.

The Lord of the Rings DVD, The Appendices, Part 2: From Vision toReality.

Terence Sim (CS4340) Matching Visual Elements 31 / 31