Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web...
Transcript of Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web...
![Page 1: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/1.jpg)
Introduction To Web
Graphics
Skm 1383
3/14/2016 1
Dr-qais.com Dr.-Prince ShahZadah
![Page 2: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/2.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 2
![Page 3: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/3.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 3
Line, Shapes Text, Image
Colour, Texture Format and layout
All these elements create graphic as a whole
![Page 4: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/4.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 4
![Page 5: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/5.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 5
![Page 6: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/6.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 6
Shapes
![Page 7: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/7.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 7
Text
![Page 8: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/8.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 8
![Page 9: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/9.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 9
The word image comes from the
Latin word
Used in Roman Empire
Long history
Image exists in the history
Before computing
![Page 10: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/10.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 10
Advanced technology
Now handles image
Creates and edit it
User is more comfortable
Efficient and beautiful
![Page 11: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/11.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 11
Types of images
1. Still images
2. Animation images
![Page 12: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/12.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 12
Still images
We all know still
images, we take picture
of our friends
Picture of mountain.
Painting, Drawing,
Icons
![Page 13: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/13.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 13
Most our images are made
up by still image
Why?
Small size, quality
No special software
Can be opened by any
computer
![Page 14: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/14.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 14
![Page 15: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/15.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 15
File format indicates the way
a particular information is
encoded for storage.
Without relevant format the
computer
can not display data
![Page 16: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/16.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 16
File format:
Is a Specific structure or
arrangement of data that can be
recognized by computer programs.
File format instructs the computer
how to display, print, and process
and finally how to save back the
data.
![Page 17: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/17.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 17
File format is a standard way of
matching file with the program
Example:
Microsoft: (.DOC)
Microsoft Office Excel
Worksheet (.xlsx)
Flash: .fla
PowerPoint: .pptx
![Page 18: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/18.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 18
Some File Formats
JPEG, PNG,
TIFF
BMP, PSD, GIF,PICT
GRAYSCALE
![Page 19: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/19.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 19
JPEG JPEG means Joint Photographic Experts Group.
It is about compressing photographic images.
PNG Portable Network Graphics
TIFF Means Tagged Image File Format
is a file format.
![Page 20: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/20.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 20
GIF Graphics Interchange Format
PSD Adobe Photoshop Document
GRAY SCALE Changing color to grayscale
![Page 21: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/21.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 21
![Page 22: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/22.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 22
Grayscale cat
Color cat
![Page 23: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/23.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 23
Animation
Images
![Page 24: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/24.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 24
It introduced to computer
after still images
It is made of still images
with
fast movements
Animated GIF files
It is a short files
![Page 25: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/25.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 25
![Page 26: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/26.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 26
![Page 27: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/27.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 27
Computer
Programming Languages
Software
Flash
Macromedia director
Authorware
![Page 28: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/28.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 28
![Page 29: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/29.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 29
3-D:
Images have three
dimensional look
and exterior.
It has width, height and depth
We can see
The world in 3D
![Page 30: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/30.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 30
![Page 31: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/31.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 31
If we have a 3D house
We are able to see:
1. Front
2. Back
3. Side
![Page 32: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/32.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 32
Top
Side
Front
Side
![Page 33: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/33.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 33
![Page 34: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/34.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 34
![Page 35: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/35.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 35
![Page 36: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/36.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 36
![Page 37: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/37.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 37
![Page 38: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/38.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 38
![Page 39: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/39.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 39
![Page 40: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/40.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 40
![Page 41: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/41.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 41
![Page 42: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/42.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 42
![Page 43: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/43.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 43
![Page 44: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/44.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 44
![Page 45: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/45.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 45
![Page 46: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/46.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 46
![Page 47: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/47.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 47
![Page 48: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/48.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 48
![Page 49: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/49.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 49
![Page 50: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/50.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 50
![Page 51: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/51.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 51
![Page 52: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/52.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 52
![Page 53: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/53.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 53
![Page 54: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/54.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 54
![Page 55: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/55.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 55
![Page 56: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/56.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 56
![Page 57: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/57.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 57
![Page 58: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/58.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 58
![Page 59: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/59.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 59
![Page 60: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/60.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 60
![Page 61: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/61.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 61
![Page 62: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/62.jpg)
3/14/2016 © Dr. Qais Faryadi 2016: SKM1383 62
![Page 63: Introduction To Web Graphics Skm 1383 - Dr. Qais › Graphics Lecture 3.pdf · Introduction To Web Graphics Skm 1383 3/14/2016 1 Dr-qais.com Dr.-Prince ShahZadah](https://reader036.fdocuments.in/reader036/viewer/2022081406/5f0fad2c7e708231d445568c/html5/thumbnails/63.jpg)
3/14/2016 63 © Dr. Qais Faryadi 2016: SKM1383