0% found this document useful (0 votes)
28 views

Works With Images and Graphics

The document describes the basics of color science, 2D graphics, and image processing techniques. It defines different types of images like contones and line art, and methods for reproducing images like halftone and CMYK color. It discusses how graphics are implemented in multimedia applications to facilitate navigation, simulate interest, and convey information. It also covers categories of graphics like bitmap and vector images, common file formats like BMP, JPEG, TIFF, PNG, and GIF, and lossless versus lossy compression techniques. Finally, it provides an overview of basics in photography like digital SLR cameras and their lens and shutter parameters.

Uploaded by

Maccc Ng
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
28 views

Works With Images and Graphics

The document describes the basics of color science, 2D graphics, and image processing techniques. It defines different types of images like contones and line art, and methods for reproducing images like halftone and CMYK color. It discusses how graphics are implemented in multimedia applications to facilitate navigation, simulate interest, and convey information. It also covers categories of graphics like bitmap and vector images, common file formats like BMP, JPEG, TIFF, PNG, and GIF, and lossless versus lossy compression techniques. Finally, it provides an overview of basics in photography like digital SLR cameras and their lens and shutter parameters.

Uploaded by

Maccc Ng
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 29

Works with images and

graphics
Assalamuala
ikum
& hello!
Lesson Learning Outcome
✘ Describe the basics of colour science and 2D graphics.
✘ Explain the implementation of graphics in creating multimedia
application.
✘ Identify the category of graphic: bitmap images, vector images
✘ List types of graphics format: .bmp, .jpeg, .tiff, .gif, .png
✘ Explain the different file formats and image compression techniques.
✘ Describe the basics in photography.
✘ Summarize the basic image processing techniques.
1.

the basics
Describe the basics of colour science and 2D graphics.
Image types: contones and line art

Contones
A contones is an image that is
composed of continuously varying
shades of color

In computer graphics it is called


grayscale
Image types: contones and line art

Line art
A combinations of lines are used to
create images.

In computer graphics, the term 1-bit


and bitmap are often used
Image reproduction: halftone and cmyk color

Halftone
Contone images reproduced with dots
of ink.
The images are called halftone because
only half of the original tone is used to
print the image - black/white, no grays
Image reproduction: halftone and cmyk color

CMYK color
Contone images reproduced with dots
of ink, but in this case more than two
colors are used.
Cyan, magenta, yellow, and a key
color usually black.
Common “four-color” printing process
graphics
implementation
The implementation of graphics
in creating multimedia application.
✘ Graphics facilitate navigation - buttons, icons
✘ Simulate interest - animated graphics to attract attention
✘ Convey information - illustration of facts and ideas - pie charts, diagrams,
maps
Computer graphics
Computers create
2-D images (width and height)
3-D images (width, height and depth)
2D image vs 3D image
Types of 2-D computer graphics
Bitmapped Vector
Particularly well suited for images with fine Is used for graphic designs ranging from
detail, such as paintings or photographs. simple drawings and logos to sophisticated
artistic creations
category of graphic

bitmap images vector images


Created as a pattern of where mathematical
elements called pixels formulas are used to draw
(picture elements) lines and shapes such as
rectangles, circles, triangles
types of graphics format

.bmp .jpeg .tiff


Often used for Windows screen grabs JPEG - Joint Photographics Experts The TIFF (Tagged Image File Format)
and screen background images group. A cross platform format format is a versatile cross-platform
(wallpaper). Supported by many PC designed to efficiently compress format that supports all major color
applications bitmapped images such as photographs modes

.gif .png
GIF (Graphics Interchange Format) is a The PNG (Portable Network Graphics)
cross-platform format with lossless is a cross-platform, lossless
compression. compression format created as a free
replacement for GIF
Individual Activity
Conduct a google search for the following graphic format:
.jpg .tiff
.png .ai
.eps .gif
.pdf
file formats and image compression techniques.
✘ Lossy compression methods, especially
✘ Lossless compression is preferred for when used at low bit rates, introduce
archival purposes and often for medical compression artifacts. Lossy methods are
imaging, technical drawings, clip art, or especially suitable for natural images
comics. compression that produces such as photographs in applications
negligible differences may be called where minor (sometimes imperceptible)
visually lossless. loss of fidelity is acceptable to achieve a
substantial reduction in bit rate.
Basic in Photography
Digital SLR
Lens and shutter parameters
Functional parameters
Shooting moving objects
Rule of third
Resolution
Digital shutter, digital zoom Vs optical zoom
Dslr - Digital single-lens reflex
camera
is a digital camera that combines the optics and the
mechanisms of a single-lens reflex camera with a digital
imaging sensor, as opposed to photographic film
http://cargocollective.com/mikemartens/Content/Anatomy-of-an-HDSLR
Let’s try it out
http://www.canonoutsideofauto.ca/play/

https://imaging.nikon.com/lineup/lens/simulator/
thanks!

You might also like