Works With Images and Graphics
Works With Images and Graphics
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
Line art
A combinations of lines are used to
create images.
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
.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!