Computer Graphics & Imaging

CDS 214

Introduction (1)
Dr. Ahmed Attia
2018
 Definition - Computer Graphic

  involve technology to accept, process,

transform and present information in a visual
form that also concerns with producing
images (or animations) using a computer.
 Why Study Computer Graphics?

 Visualization

– I like to see what I’m doing

– I like to show people what I’m doing
 Graphics is interesting
– Involves simulation, algorithms, architecture…
How many people actually want to interact with
their computer, cell phone, DVD player, ATM, or
car by entering text?
History Of Study Computer
Graphics?
 History

  The term “computer graphics” was coined in 1960 by

William Fetter to describe new design methods that he
was developing at Boeing.
  He created a series of widely reproduced images on a
plotter exploring cockpit design using a 3D model of a
human body
First bump-mapped images (Blinn 1978)
First ray traced image (Whitted 1980)
Early texture-mapped image
(Catmull 1974)
Graphics Applications
 Graphics Applications

  User Interfaces.

  Layout and Design.

  Scientific Visualization and Analysis.

  Art and Design.

  Medicine and Virtual Surgery.

  Layout Design & Architectural Simulations.

  History and cultural heritage.

  Entertainment.

  Simulations.

  Games.
User Interfaces - 3D Studio MAX
User Interfaces

Apple I Pad
User Interfaces

Console Controller
User Interfaces - CAVE: Immersive and
Interactive 3D environment
Layout and Design
Scientific Visualization and Analysis
Scientific Visualization and Analysis
ART AND DESIGN
Computer  Aided  Design
Medicine and Virtual Surgery
Medicine and Virtual Surgery
Surgical Simulation

Davinci surgical robot Intuitive Surgical

Scien3fic  Visualisa3on
Room Layout Design and Architectural
Simulations
Room Layout Design and Architectural
Simulations
Layout Design & Architectural
Simulations
Layout Design & Architectural
Simulations
Layout Design & Architectural
Simulations
Layout Design & Architectural
Simulations
Layout Design
History and cultural heritage
History and cultural heritage
Movies - Tron (1980)

First time computer graphics were used

for live action sequences.
Movies - Tron (1980)

First time computer graphics were used

for live action sequences.
Movies - Tron (1980)

First time computer graphics were used

for live action sequences.
Movies
Movies
Movies - Special Effects
Movies - Special Effects
Movies - Special Effects
Games
Games
Games
 Related Disciplines

Data
Processing

DATA
Computer Computer
Vision Graphics

IMAGES

Image
Processing
 Interdisciplinary

  Science
  Physics: light,
color, appearance, behavior.
  Mathematics: Curves and Surfaces, Geometry
and Perspective.

  Engineering

  Hardware: graphics media and processors, input

and output devices
  Software: graphics libraries, windows systems.

  Art,Perception and Aesthetics

  Color, Composition, Lighting, Realism.
 Course Outline

  Introduction to digital processing workflow.

  Digital Graphics Kinds.(Raster– Vector).

  Main specifications for Raster Images and Quality Factors such as

Resolution – color mode – color depth – saving formats.

  Main specifications for Vector Images and Quality Factors.

  Devices used to digitize images. (Scanners – Digital Camera).

  Basic Software used for digital processing. (2D – 3D).

  Color Correction for Raster Images.

  Retouching for Raster Images.

  Coloring for Raster Images.

  Converting raster images to vector images and vice versa

Digital Image Processing Workflow

Digital Image
Processing
Workflow

Inputs Processing Outputs

Scanners Manipulation Printers

Color
Digital Camera
Correction Cutter Plotter

Stylus Pen Retouching Monitors

Coloring Mobiles

Design.

Rendering
 References

  Introduction to Computer Graphics - using Open GL -

2nd Edition - by Donald Hearn and M. Pauline Baker -
published by Prentice Hall.