15
16/03/55 1 Lecture III Still Image Still Image สิ่งต่างที่มอง เห็นล้วนเรียกว่าภาพ ทั ้งนั ้น อาจจะเป็นภาพขาวดําหรือมีสีสัน มี กษณะรูปร่างต่างกออกดยทภาพทไม่มีการเคลื่อนไหวจะเรียกว่า ภาพนิ่ง 2 Still Image Still Image ภาพนิ่งไม่มีการเคลื่อนไหว เกิดจากการ วางสี เส้น และรูปทรงต่างๆ ในตําแหน่ง เหมาะสม จจบนนยมใช ภาพนทเหมาะสม ปจจบนนยมใชภาพนง ประกอบการนําเสนอข่าวสารหรือ เชื่อมโยงเรื่องราวเข้าด้วยกันในรูปแบบ ของมัลติมีเดีย 3 ภาพนิ่งที่ใช้งานบนคอมฯ เกิดจาการรวมกันของจุดสี หรือเรียกว่า พิกเซล” (Pixel) มีลักษณะเป็ นรูป สี่เหลี่ยมเล็ก ภาพนิ่ง จุดสอยู่คนละจุดนตําแหน่งทเหมาะสมจะเกิดเป นภาพ Pixel จะเป็นตัวกําหนดความชัดเจนของภาพ คุณภาพของการแสดงผลภาพนิ่งใดๆ นั ้น จะขึ ้ นอยู่กับ ความละเอียดของภาพ ประสิทธิภาพของอุปกรณ์ ฮาร์ดแวร์ เช่น จอภาพ การ์ดจอ (Video Card) และ คุณภาพของเครื่องพิมพ์ ประเภทของภาพนิ่ง ประเภทของภาพนิ่ง 1. ภาพ 2 มิติ (2D Image) Vector Graphic Bitmap Image 2. ภาพ 3 มิติ(3D Image)

Lecture III - dusithost.dusit.ac.thdusithost.dusit.ac.th/~msportfolio/public/adviser/95/6... · หลายวิธี ... 3d Studio Max และ Extreme 3d ... รูปแบบของไฟล

Embed Size (px)

Citation preview

Page 1: Lecture III - dusithost.dusit.ac.thdusithost.dusit.ac.th/~msportfolio/public/adviser/95/6... · หลายวิธี ... 3d Studio Max และ Extreme 3d ... รูปแบบของไฟล

16/03/55

1

Lecture III

Still ImageStill Image

สงตางทมอง ๆ เหนลวนเรยกวาภาพ

ทงนน อาจจะเปนภาพขาวดาหรอมสสน ม

ไ โ ลกษณะรปรางตางกนออกไป โดยทภาพทไมมการเคลอนไหวจะเรยกวา ภาพนง”

2

Still ImageStill Image

ภาพนงไมมการเคลอนไหว เกดจากการวางส เสน และรปทรงตางๆ ในตาแหนง

ทเหมาะสม ปจจบนนยมใชภาพนงทเหมาะสม ปจจบนนยมใชภาพนง

ประกอบการนาเสนอขาวสารหรอ

เชอมโยงเรองราวเขาดวยกนในรปแบบ

ของมลตมเดย

3

ภาพนงทใชงานบนคอมฯ เกดจาการรวมกนของจดส

หรอเรยกวา “พกเซล” (Pixel) มลกษณะเปนรป

สเหลยมเลก ๆ

ภาพนง

จดสอยคนละจดในตาแหนงทเหมาะสมจะเกดเปนภาพ

Pixel จะเปนตวกาหนดความชดเจนของภาพ

คณภาพของการแสดงผลภาพนงใดๆ นน จะขนอยกบ

ความละเอยดของภาพ ประสทธภาพของอปกรณ

ฮารดแวร เชน จอภาพ การดจอ (Video Card) และคณภาพของเครองพมพ

ประเภทของภาพนงประเภทของภาพนง

1. ภาพ 2 มต (2D Image)

Vector Graphic

Bitmap Image

2. ภาพ 3 มต(3D Image)

Page 2: Lecture III - dusithost.dusit.ac.thdusithost.dusit.ac.th/~msportfolio/public/adviser/95/6... · หลายวิธี ... 3d Studio Max และ Extreme 3d ... รูปแบบของไฟล

16/03/55

2

11. . ภาพ ภาพ 2 2 มต มต ((22D ImageD Image))

ทสรางและนามาใชงานกบคอมพวเตอรแบงได 2 ประเภท

7

ภาพเวกเตอร (Vector Graphic)

ภาพบตแมป (Bitmapped Image)

ภาพเวกเตอร ภาพเวกเตอร ((Vector Graphic)Vector Graphic)

ภาพเวกเตอรแสดงถง

ภาพลกษณทมโครงสรางภาพลกษณทมโครงสราง

ทางเรขาคณต และสราง

ดวยหลกทางคณตศาสตร

จงตองจดเกบขอมลใน

รปแบบของคาสง

• เกดจากเสนตรง เสนโคง และสตาง ๆ ถกบรรจไวในลกษณะ

ของสมการทางคณตศาสตร ประกอบกนจนเกดขนเปนภาพ

• ปรบปรงโครงสรางไดแมเปนเสนบางๆ

• ภาพทไดจงมความคมชดสง

ลกษณะเฉพาะของภาพ Vector

• ภาพทไดจงมความคมชดสง

• ทาการยอ – ขยายภาพกยงคมชดอย

• ไฟลมขนาดเลก

•ไฟลภาพเวกเตอรหลายรปแบบ ซงมนามสกลแตกตางกนออกไป

เชน Al, Cdr, Cgm, Cmx, Drw, Eps,Pdf, Pct, Pic, Plt และ Wmf เปนตน

รปภาพแบบเวคเตอร (Vector Graphic)

เมอขยายภาพแบบเวคเตอร

เปนภาพทประกอบรวมกนของจดส(Pixel) หลายจดประกอบรวมกนเปนภาพ

มลกษณะเหมอนจรง เชน ภาพถายจาก กลองดจตอล

ไฟ

ลกษณะของภาพบตแมป

ขนาดของไฟลขนอยกบการบบอดและความละเอยดของ

ภาพ

รองรบการแสดงสไดมากกวา

16.7 ลานส(24 bit)

เปลองเนอทมากกวา Vector

ยอ - ขยายภาพ ความคมชดจะลดลง ภาพบตแมปถาภาพมความละเอยดนอย เมอทาการขยายจะทาใหสญเสยรายละเอยดของภาพทาใหเกดเปนรอยหยก เรยกวา อะไลแอส (Alias)

มใหเลอกใชงานหลายชนด เชน

ลกษณะของภาพบตแมป

มใหเลอกใชงานหลายชนด เชน ไฟลทมนามสกล Bmp, Cgm, Gif, Hgl, Jpeg, Pbm, Pcx Pgm, Pnm, Ppm, Psd, Rle, Tga, Tiff และ Wpg เปนตน

Page 3: Lecture III - dusithost.dusit.ac.thdusithost.dusit.ac.th/~msportfolio/public/adviser/95/6... · หลายวิธี ... 3d Studio Max และ Extreme 3d ... รูปแบบของไฟล

16/03/55

3

วธการสรางภาพแบบบตแมปทนยมกนสามารถทาได

หลายวธ ดงน

การนาเขาภาพจากแหลงขอมลตางๆ

ภาพบตแมป (Bitmapped Image)

13

การคดลอก (Copy) ภาพทแสดงบนจอภาพ

นาเขาภาพถายผานทางเครองสแกนเนอร

(Scanner) นาเขารปภาพจากกลองถายภาพดจตอลหรอกลองวดโอดจตอล

Bitmap ImageBitmap Image

เมอขยายภาพบางสวน จะเหนสเปนกรอบสเหลยมอยางชดเจน

เมอขยายภาพแบบ Bitmap

เมอขยายภาพบางสวน จะเหนสเปนกรอบสเหลยมอยางชดเจน

เปนภาพ Vector ประเภทหนง เปนภาพทมลกษณะมมมองเหมอนจรงใน

y

x 2D

ภาพ 3 มต (3D Image)

มมมองเหมอนจรงในรปทรง 3 มต มพนฐานจากภาพ 2 มต(x,y) แตเพมความลกในการสรางภาพ(z)

y

x3D

z

ภาพ 3 มต (3D Image)

Page 4: Lecture III - dusithost.dusit.ac.thdusithost.dusit.ac.th/~msportfolio/public/adviser/95/6... · หลายวิธี ... 3d Studio Max และ Extreme 3d ... รูปแบบของไฟล

16/03/55

4

ภาพโครงรางพนฐานของภาพ 2 มตและภาพ 3 มต

19

ภาพ 2 มต ภาพ 3 มต

เชน AutoCad, 3d Studio Max และ Extreme 3d เปนตน

ซอฟตแวรทใชในการสรางงาน 3 มต

20โปรแกรมออโตแคด สาหรบการสราง

มาตรฐานรปแบบการนาเสนอมาตรฐานรปแบบการนาเสนอภาพภาพการนาเสนอภาพ มหลากหลายลกษณะ รปแบบของภาพทเหมาะสมจะชวยใหภาพนาเสนอเหมาะสมจะชวยใหภาพนาเสนอไดอยางรวดเรว และประหยดพนทของสอบนทก

ภาพ 1 ภาพจะประกอบดวย1.Format (รปแบบของภาพ)2 Resolution(ความละเอยด)

มาตรฐานรปแบบการนาเสนอมาตรฐานรปแบบการนาเสนอภาพภาพ

2.Resolution(ความละเอยด)3.Size (Size)4.Color Mode (โหมดส)

Page 5: Lecture III - dusithost.dusit.ac.thdusithost.dusit.ac.th/~msportfolio/public/adviser/95/6... · หลายวิธี ... 3d Studio Max และ Extreme 3d ... รูปแบบของไฟล

16/03/55

5

FormatFormat

รปแบบของไฟลภาพทใชในการจดเกบภาพ โดยปกตไฟลภาพจะมขนาดใหญ การเลอกรปแบบทเหมาะสมตอการนาเสนอจะชวยใหภาพมขนาด การนาเสนอจะชวยใหภาพมขนาด (File Size) เลกลง โดยคงความคมชดไวในระดบด อนเปนการประหยดพนทของสอบนทกขอมลไดเปนอยางด

Bitmap(.BMP) สรางโดย Microsoft เหมาะกบการนาไปใชบนทกภาพตนฉบบ ท

Format

ตองการเกบรายละเอยดของภาพทงหมด ใชเทคนค RLE-Encoding ในการบบไฟลได

Bitmap(.BMP) ขอด โปรแกรมบนวนโดวทกตวสามารถเรยกใชไดหมด

Format

Color dept 1-24 bit(16 ลานส) ขอเสย ไฟลมขนาดใหญมาก ไมเหมาะในการนาไปใชในอนเตอรเนต

Togged Image File(.TIF) ใชไดกบหลายระบบปฏบตการ เกบภาพพรอมรายละเอยดตางๆ เชน Layer,

Annotation, โหมดภาพทงระบบ CMYK, RGB, Lab Color ตลอดจนขอมลประกอบอนๆ ตามตนฉบบเดม

Format

ของภาพ เหมาะกบงานคณภาพสง ในงานระดบมออาชพ สามารถตงคาความลกสไดสงสดถง 64 บต ไฟลมขนาดใหญมาก ใชเทคนค LZW-Encoding ในการบบไฟลได

Togged Image File(.TIF) ขอด ใชไดกบทกระบบปฏบตการ ความลกสมากถง 64 บต

Format

ความลกสมากถง 64 บต ขอเสย ไฟลมขนาดใหญมาก ไมเหมาะในการนาไปใชในอนเตอรเนต

Graphics Interchange Format(.GIF) เหมาะกบงานดานรบสงทางอนเตอรเนต

มคาความลกของสแค 8 บต แสดงสไดสงสด 256

(28)ส

Format

ใชเทคนค LZW-Encoding ในการบบไฟล โดยท

คณภาพไมลดลง

ไฟลมขนาดเลกมาก

ไมเหมาะกบงานทบนทกรายละเอยดมากๆ เหมาะกบ

งานทสไมมากนกเชน Icon,ปม,สญลกษณ

Page 6: Lecture III - dusithost.dusit.ac.thdusithost.dusit.ac.th/~msportfolio/public/adviser/95/6... · หลายวิธี ... 3d Studio Max และ Extreme 3d ... รูปแบบของไฟล

16/03/55

6

Joint Photographic Expert Group(JPEG) เปนอกรปแบบทไดรบความนยม มกใชในอนเตอรเนต ระดบความลกของส 24 บต (224 = 16.7 ลานส)

Format

ส) เหมาะกบการนาไปใชบบอดรปถาย ไมมปญหากบ Browser แตถามขนาดไฟลมาก ทาใหใชเวลาในการโหลดคอนขางนาน การบบอดไฟลเกน 75 % จะทาใหคณภาพของภาพลดลง

FormatFormat Portable Network Graphics (PNG) ซงเปนรปแบบลาสดในการนาเสนอภาพผานเครอขายอนเทอรเนต เนองจากสามารถแสดงผลไดในระบบสเตมพกด (True Color) ไฟ ไ มขนาดไฟลเลก และควบคมคณภาพไดตามท

ตองการ มการกาหนดใหพนภาพเปนพนโปรงใสได

(Transparent) การแสดงผลแบบหยาบสละเอยด (Interlaced)

ResolutionResolution

ภาพแบบบตแมป (Bitmap) มความสมพนธกบความละเอยดของภาพ ดงนนการกาหนดความละเอยดของภาพทเหมาะสม จะเปนการชวยประหยดพนทของสอบนทก

ไดเปนอยางด หนวยของความละเอยดเรยกวา จดตอนว (Dot per Inch หรอ Pixel per Inch) ทงนภาพตนฉบบทไดจากเครอง Scan ควรกาหนดความละเอยดไวท 300 dpi ไวกอน แลวคอยทาการเปลยนความละเอยดใหเหมาะสมตอไป

ความละเอยดภาพยงสง ไฟลกยงใหญความละเอยดภาพยงสง ไฟลกยงใหญ

Dpi (Dot per inch) หนวยวดความละเอยดภาพ จานวนจดตอตารางนว

6”File Size

ความละเอยด300 dpi

color=24 bit4”

4x300=1200 pixel

6x300=1800 pixel

=1200x1800x3 byte (24/8)=6.480,000 byte=6.2 MB

ขนาดของหนวยความจา = ความละเอยดของจอภาพทางดานความสง Xความละเอยดของจอภาพทางความกวาง X จานวนไบตตอจดภาพ

Page 7: Lecture III - dusithost.dusit.ac.thdusithost.dusit.ac.th/~msportfolio/public/adviser/95/6... · หลายวิธี ... 3d Studio Max และ Extreme 3d ... รูปแบบของไฟล

16/03/55

7

SizeSize

หมายถงขนาดของภาพทวดในหนวย Pixelประกอบดวยคาความกวาง (Width) และความยาว (Height) ของภาพ ขนาดของภาพมสวนสมพนธกบการนาภาพไปใชงาน โดยภาพตนฉบบทงจากกลองบนทกภาพระบบดจทล และ

S ใ ใ เครอง Scan ควรกาหนดขนาดภาพใหใหญเปนพเศษ เพอใชเปนภาพตนฉบบ ทงนไมควรตากวา 1024 x 768 pixels และปรบลดลงตามลกษณะการนาไปใช

ขนาดของหนวยความจาขนาดของหนวยความจา

Resolution 16 color

4 bit 256 Color

8 bit

65,000 - color(High color )

or

16 bit

16.7 Million -color

(True Color ) or

24 bit

640 x 480 0.5 MB 0.5 MB 1 MB 2 MB

800 x 600 0.5 MB 1 MB 2 MB 2 MB

1,024 x 768 1 MB 1 MB 2 MB 4 MB

1,280 x 1,024 1 MB 2 MB 4 MB 4 MB

1,600 x 1,200 2 MB 2 MB 4 MB 8 MB

1,800 x 1,440 2 MB 4 MB 8 MB 8 MB

สบนคอมพวเตอร สบนคอมพวเตอร ((Computer ColorComputer Color))

การผสมสบนคอมพวเตอรนนอาศย primary hues 3คอ สแดง (Red) เขยว (Green) และนาเงน (Blue) หรอ RGB colors (Red-Green-Blue)

การทางานของสรวมกบคอมพวเตอร

) ความเหมอนจรงของสคอมพวเตอรนน ขนอยกบในหนงจด (pixel) ของการแสดงผลนนใชระดบของส หรอ color depths

สบนคอมพวเตอร สบนคอมพวเตอร ((Computer ColorComputer Color))

เชน ถาส RGB ม color depths เปน 8 planes นนคอ เราใช 8 บตเกบขอมลหนงส หมายความวา เฉพาะ primary hues เชน สแดง สเดยวกจะมความเปนแดง อยถง 28 = 256 ระดบ คอ สมมตเราจะผสมส ส (RGB) ใชส

การทางานของสรวมกบคอมพวเตอร

ส หนงส จาก แดง-เขยว-นาเงน (RGB) เราจะใชสแดง กสวนใชเขยว กสวน และ สนาเงนกสวน สทเกดขนกจะเกดจากการผสมของสทงสาม ในอตราสวนตางๆ กน ดงนน RGB ทงหมดใช 24 บต (8+8+8) ในการแสดงส RGB ของหนงจด (pixel) ซงสามารถแสดงสไดมากถง 256x256x256 = 16.7 ลานส

สาหรบเครองพมพนอกจากใช 3 สขางตนแลว ตองมการใชสเพมคอ สคราม (Cyan) สมวง (Magenta) สดา และสเหลอง ในทางตรงขามกนจอภาพ

การทางานของสรวมกบคอมพวเตอร

42

เหลอง ในทางตรงขามกนจอภาพคอมพวเตอรจะใชปฏกรยาทางเคมของสารฟอสฟอรสรวมจดสหลก 3 ส (แดง นาเงน เขยว) ผสมเปนแสงสทแตกตางกนบนจอภาพ

Page 8: Lecture III - dusithost.dusit.ac.thdusithost.dusit.ac.th/~msportfolio/public/adviser/95/6... · หลายวิธี ... 3d Studio Max และ Extreme 3d ... รูปแบบของไฟล

16/03/55

8

แสดงตวอยางของการผสมส แดง เขยว นาเงน

ลกษณะการผสมส สทไดบนจอภาพ

แดง แดง

เขยว เขยว

นาเงน นาเงน

43

นาเงน นาเงน

แดง + เขยว เหลอง

แดง + นาเงน มวง

เขยว + นาเงน คราม

แดง + เขยว + นาเงน ขาว

ไมมการผสมแสงสใดเลย ดา

มรปแบบทแตกตางกน แบงไดหลายรปแบบ เชน HSB (Hue, Saturation, Brightness) เปนสทตอบสนองการมองเหนของสายตาของมนษย

รปแบบของสบนคอมพวเตอร Color Mode

44

ตอบสนองการมองเหนของสายตาของมนษย RGB (Red, Green, Blue) เปนสทใชงานกบจอภาพคอมพวเตอร CMYK (Cyan, Magenta, Yellow, Black) เปนสทใชงานกบเครองพมพ Lab เปนมาตรฐานการรองรบสทงสามรปแบบขางตน

HSB ประกอบขนดวยลกษณะของส 3 ประการ คอ Hue, Saturation และ Brightness Hue เปนการเปลยนแปลงเฉดสทแตกตางจากแสงหลกทงสาม (แดง เขยว นาเงน) ตามมาตรฐานทเรยกวา Standard Color Wheel โดยเปรยบเทยบกบองศาตางๆ

HSB

45

Standard Color Wheel โดยเปรยบเทยบกบองศาตางๆ บนวงกลม ซงเปนการนาองศาของวงกลมใชแบงความแตกตางของสตงแต 0-360 องศา ตามการผสมแสงสมาตรฐานหลก 3 ส คอ แดง เหลอง และนาเงน ซงแตละสจะมคาองศาทแตกตางกน ดงน สแดงมคาเปน 0 และ 360 สเหลองมคาเปน 120 และสนาเงนมคาเปน 240

HSB

46

แสงสหลกๆ ทเปลยนแปลง ณ ตาแหนงองศามาตรฐาน

Saturation เปนคาความเขมของสทอยในชวงสจางจนถงสเขม จะเปนสดสวนของส Hue ใ โ โ ป

HSB

47

ทมอยในโทนสเทา โดยวดคาเปนเปอรเซนต ตงแต 0% (สเทา) จนถง100% (คาความเขมของสมากทสด) เชน การปรบ Saturation ของสนาเงน จะสามารถปรบไดจากสนาเงนเทา (0%) จนถงสนาเงนเทาเขม (100%)

HSB

48

saturation ของสนาเงน

Page 9: Lecture III - dusithost.dusit.ac.thdusithost.dusit.ac.th/~msportfolio/public/adviser/95/6... · หลายวิธี ... 3d Studio Max และ Extreme 3d ... รูปแบบของไฟล

16/03/55

9

Brightness คาความสวางของส คอคาของสดาไลระดบสวางขนเรอยๆ จนถงสขาว

HSB

49

ๆซงวดคาเปนเปอรเซนตจาก 0% (สดา) จนถง 100% (สขาว)

HSB

50การไลระดบของ brightness

HSB

51

แสงสตางๆ ของ HSB

เกดจากการรวมของสหลกคอ สแดง (Red) เขยว (Green) และนาเงน(Blue) ซงจะไดสแตกตางกนตาม RGB

RGB

52

สดสวนความเขมของส RGB ทมาผสมกน โดยสหลกทง 3 จะมคาตงแต 0 ถง 255 เมอขอมลส RGB เปลยนไป ความเขมของสแดง เขยว และนาเงน บนจอภาพจะปรบเปลยนตามไปดวย

RGB

53

การแสดงสชนด RGB

ของสดา การแสดงสชนด RGB

ของสดา

เกดจากการซมซบหมกพมพลงบนกระดาษ โดยมสพนฐาน คอ สนาเงนเขยว (Cyan) สแดงมวง (Magenta) และสเหลอง (Yellow) แตอยางไรกตาม มบางสท CMYK ไม

CMYK

54

แตอยางไรกตาม มบางสท CMYK ไมสามารถผสมใหเกดสได เชน สนาตาล เปนตน จงไดมการเพมสดา (Black) ลงไปดวย เปนผลใหเครองพมพสามารถพมพสไดครอบคลมทกสทเกดจากการผสมสของ CMYK

Page 10: Lecture III - dusithost.dusit.ac.thdusithost.dusit.ac.th/~msportfolio/public/adviser/95/6... · หลายวิธี ... 3d Studio Max และ Extreme 3d ... รูปแบบของไฟล

16/03/55

10

CMYK

55

พฒนาขนโดย Cie (Commission International De I’eclairage) ขอมลแสงสของ Lab ประกอบดวยคาตางๆ ไดแก คาระดบความเขมของ

Lab

56

แสงสวาง (Luminance Model (L)) คาแสดงการไลสจากสเขยวไปยงสแดง (แทนดวยตวอกษร A) และคา

แสดงการไลสจากสนาเงนไปยงสเหลอง (แทนดวยตวอกษร

B) สาหรบสนบสนนการใชงานกบจอภาพ พรนเตอร และ

สแกนเนอร

จากการพฒนาสงผลให Lab กลายเปนมาตรฐานทสามารถใชงานครอบคลมสทกสในรปแบบ RGB และ CMYK อกท งยงใชไดกบสทเกดจากอปกรณใดๆ เชน

Lab

57

เครองพมพ เครองสแกน และรปภาพบนจอภาพ

คอมพวเตอรและโปรแกรมซอฟตแวรทแสดงใหเหนได

ชดกคอ โปรแกรม Photoshop ซงผใชสามารถเลอกใชสในรปแบบอนๆ ใหเหมาะกบงานทตองการสราง

Lab

58

โหมดส โหมดส (Color Mode)(Color Mode)

Indexed Color - โหมดสทใชตารางในการเทยบส โดยใชขอมลจานวน 8 บตตอพกเซล ทาใหแสดงสได 256 ส ตอพกเซล ขอเสยคอมเลเยอรภาพ

รปแบบของสบนคอมพวเตอร Color Mode (ตอ)

ส ตอพกเซล ขอเสยคอมเลเยอรภาพเพยงเลเยอรเดยว ทาใหภาพขาดรายละเอยดไป Grayscale - โหมดสภาพขาวดา ทสามารถไลโทนได 256 ระดบ

Duotone - โหมดสสาหรบภาพแบบ Monotone, Duotone, Tritone, Quotone โดยรปภาพจะแสดงแบบ

รปแบบของสบนคอมพวเตอร Color Mode (ตอ)

Grayscale เพยง Channel เดยว มคา 8 บตตอพกเซล Multichannel - โหมดสทมการเกบขอมลส 8 บตตอพเซล แสดงสได 256 ส ใชในงานพมพบางอยาง

Page 11: Lecture III - dusithost.dusit.ac.thdusithost.dusit.ac.th/~msportfolio/public/adviser/95/6... · หลายวิธี ... 3d Studio Max และ Extreme 3d ... รูปแบบของไฟล

16/03/55

11

มาตรฐานรปแบบการนาเสนอภาพมาตรฐานรปแบบการนาเสนอภาพ

ภาพตนฉบบ สอส งพมพ Website Presentation

Format JPEG, TIFF TIFF JPEG, GIF, PNG

JPEG, GIF, PNG

Resolution Up to 350 dpi

Up to 350 dpi 72 dpi 72 dpi

Size Up to 1840 x 1232 pixels

Up to 1840 x 1232 pixels

300 x 250 pixels

Up to 1024 x 768 pixels

FromDigital

Camera, Scanner

Image Editor Image Editor Image Editor

Color deptColor dept : : ระดบความลกสระดบความลกส

จดส(Pixel) แตละจดจะแสดงดวยจานวนบต

จานวนหนงเรยกวา ความลกส (Color dept)”

1 2 0 1 ไ 2 1 บตม 2 คา คอ 0,1 จงได 2 สเชน ขาว

ดา

2 บตม 4 คา คอ 00,01,10,11 จงได 4 ส

ดงนนการเพมขนอกบตทาใหสเพมขน 2 เทา

จานวนสทเปนไปได ซงข นกบจานวนบต ทใชกาหนดจานวนสทเปนไปได ซงข นกบจานวนบต ทใชกาหนดระดบของสระดบของส

จานวนบตทใชเกบสตอหนงจด

Color Mode Name จานวนสทแสดงได

1 Black and White 2

4 16-Color (EGA) 24 = 16

8 Pseudo Color 28 = 256

16 Hi-color 216 = 65,536

24 True Color 224 = 16,777,216

สกบการแสดงผลสกบการแสดงผล

ในสมยเรมตน เรามสวนแสดงผล Graphics Display ทแสดงสไดเพยง 2 สเทานน คอ มด กบ สวาง ซงเรา เรยก Graphics Display แบบนวา Monochrome Graphics ซงใน 1 จด ใชขอมลเพยง 1 บต เทานน

ตอมาเรมมจอภาพ EGA ซงใชขอมล 4 บตตอจด ทาใหสรางสไดทงหมด 16 ส

ในปจจบนนน ใชขอมล 24 บตตอจดหนงจด ซงสามารถผลตสไดถง 16.7 ลานส มากพอทจะทาใหตาของเราไมสามารถแยกแยะ ความไมตอเนองของสได เราจงเรยกสแบบนวา สจรง (True Color)

ภาพทมการแสดงผลของสทตางกนภาพทมการแสดงผลของสทตางกน

True Color VGA256 EGA Monochrome

Page 12: Lecture III - dusithost.dusit.ac.thdusithost.dusit.ac.th/~msportfolio/public/adviser/95/6... · หลายวิธี ... 3d Studio Max และ Extreme 3d ... รูปแบบของไฟล

16/03/55

12

การบบอดขนาดของรปภาพ การบบอดขนาดของรปภาพ Image Image compressioncompressionมความจาเปนมากขน เนองจากรปภาพมความละเอยดเพมขน สงผลใหตองใชพนทในการจดเกบไฟลรปภาพเพมขน จงไดมการนาเอาวธการบบอดขนาดของรปภาพมาใชในการจดเกบรปภาพ แบงเปน 2 แบบใหญ ๆ ดงน1.RLE (Run Length Encoding)2.LZW

เปนวธทงายทสด Software จะสรางไฟลขนมาจากการอานคาในแตละพกเซลของภาพแลวบนทกไว ถาพกเซลทอานไดมความ

การบบอดภาพแบบ การบบอดภาพแบบ RLE (Run Length RLE (Run Length Encoding)Encoding)

68

ถาพกเซลทอานไดมความตอเนองกนจะทาการบนทกเพยงจานวนพกเซลทมความตอเนองกนเทานน

การบบอดภาพแบบ การบบอดภาพแบบ RLE (Run Length RLE (Run Length Encoding)Encoding)

บต =

69

3 2 1 3 4 1 3 3

มความยงยากกวาแบบ RLE โดยการใสรหสของ LZW นนจะขนอยกบการคนหา และการบนทกแพตเทรนในโครงสรางของภาพ LZW โดยจะอานคาพกเซลสาหรบภาพบตแมป

การบบอดภาพแบบ การบบอดภาพแบบ LZWLZW

70

และสรางตารางรหสซงแทนคาแพตเทรนทซาๆ กนของพกเซลทพบ ภาพทถกสแกนมาหรอภาพทไมคอยมแพตเทรนทเหมอนกนจะไมคอยไดประโยชนมากนนสาหรบวธการบบอดแบบน

c1 c2 c2c1 c2

การบบอดภาพแบบ การบบอดภาพแบบ LZWLZW

c1 c2c2c2 c1

การบบอดขอมลภาพดจตอลนนแบงการบบอดออกไดเปนสองประเภทใหญๆ ดวยกน คอการบบอดแบบไมสญเสยขอมล

การบบอดภาพแบบ การบบอดภาพแบบ LZWLZW

72

การบบอดแบบไมสญเสยขอมล (Lossless) การบบอดแบบสญเสยขอมล

(Lossy)

Page 13: Lecture III - dusithost.dusit.ac.thdusithost.dusit.ac.th/~msportfolio/public/adviser/95/6... · หลายวิธี ... 3d Studio Max และ Extreme 3d ... รูปแบบของไฟล

16/03/55

13

เปนการบบขนาดทขอมลเดมไมมการสญเสยเลย โดยภาพจะถกบบขนาดและถกขยายกลบคนแบบพกเซลตอพกเซลเหมอนกบภาพดงเดม ไฟลภาพทไดจะม

การบบอดแบบไมสญเสยขอมล หรอ Lossless

73

เหมอนกบภาพดงเดม ไฟลภาพทไดจ มความละเอยดสง แตจะมขนาดใหญทาใหเปลองพนทของหนวยเกบขอมล การบบอดแบบ Lossless ทนยมใชในกลองดจตอลคอการบนทกเปนไฟล .TIFF

เปนการบบอดขอมลภาพในลกษณะทมการตดทอนขอมลภาพออกไปบางสวน เพอใหไฟลภาพมขนาดเลกลง แตกทาใหสญเสยขอมลบางอยางไป และไมสามารถเรยกกลบคนมาได การบนทก

การบบอดแบบสญเสยขอมล หรอ Lossy

74

สามารถเรยกกลบคนมาได การบนทกแบบ Lossy ทนยมใชในกลองดจตอลคอการบนทกแบบ JPEG

แหลงทมาของรปภาพ Original Art คอภาพทเกดจากการวาดโดยจตรกร อาจวาดโดยใชดนสอ หรอสชนดตางๆ หากตองการนาภาพนน

76

หากตองการนาภาพนนมาแสดงผลในคอมพวเตอรสามารถทาไดโดยการสแกนภาพดวยเครองสแกนเนอร หรออาจใชวธถายภาพดวยกลองดจตอล

การวาดภาพโดยใชดนสอหรอจากสชนดตางๆ

Clip ArtClip Art

เปรยบเสมอน Library สาหรบเกบงานทางดาน Graphic ทสามารถนามาแทรกไวในเอกสาร ถกจดเกบไวเปนหมวดหมในรปของ Cd-Rom หรอในเวบไซตตางๆ เชน ภาพ Drawing ภาพ Photograph แผนท ไดอะแกรม แผนภม และภาพลายเสนตางๆ เปนตน

สวนมากมการนา Clip Art มาใชในงาน Graphic

77

สวนมากมการนา Clip Art มาใชในงาน Graphic Program การใชภาพจาก Clip Art จะตองคานงถงลขสทธ

กฤตศลปจาก Microsoft Clip Gallery

กฤตศลปจากอนเทอรเนต

Photo Photo CdCd Stock ImageStock Image

เนองจากในระยะหลงเครอง Cd-Rom มราคาถกลง รวมทงในปจจบนผคนมความตองการรปภาพแบบดจตอลเพมขน จงทาใหเกดธรกจทมการรวมรปภาพแบบดจตอล โดยสามารถหาไดในรปแบบ Cd Rom อก

78

โดยสามารถหาไดในรปแบบ Cd-Rom อกทง ยงมใหเลอกหลายประเภท ซงรปภาพแบบดจตอลจะถกเกบในรปแบบ Photo Cd ของ Kodak เปนไฟลประเภท Tiff ซงสามารถเปดใชงานไดบน Pc, Mac หรอแมแต Unix

Page 14: Lecture III - dusithost.dusit.ac.thdusithost.dusit.ac.th/~msportfolio/public/adviser/95/6... · หลายวิธี ... 3d Studio Max และ Extreme 3d ... รูปแบบของไฟล

16/03/55

14

79

ชดซดภาพถาย

ซอฟตแวรสาหรบภาพกราฟก (Graphic Software)

Photoshop พฒนาโดย บรษท Adobe ในปจจบนมการพฒนาตอเนองจนถงเวอรชน CS3สามารถทาการแกไขภาพทมตาหน ตดตอ

81

ภาพ ตกแตงภาพ สรางองคประกอบทใชกบเวบเพจ การดดแปลงภาพ หรอแมแตการสรางภาพกราฟกทผสมผสารระหวางขอความและภาพวตถตางๆ ไดอยางสะดวกและรวดเรว

การใชโปรแกรมอะโดบโฟโตชอปในการตกแตงภาพ

Freehand พฒนาโดย Macromedia โปรแกรม Freehand นอกจากสรางภาพเวกเตอรไดอยางมประสทธภาพแลว ยงรองรบการทางานและ

ซอฟตแวรสาหรบภาพกราฟก (Graphic Software)

82

รองรบการทางานและแสดงผลบนเวบไดสะดวกและรวดเรวอกดวย ตวอยางเชน การสรางจดเชอมโยง (Link) เพอให ผใชงานสามารถคลกเลอกไปยงขอมลปลายทางผานทางบราวเซอรได

โปรแกรมฟรแฮนด

CAD ยอมาจากคาวา

Computer Aided Design โปรแกรม Autocad เปน การใชโปรแกรมออโตแคดชวยในการเขยนแบบ

ซอฟตแวรสาหรบภาพกราฟก (Graphic Software)

83

Autocad เปนโปรแกรมทชวยในการเขยนแบบ ซงมไดจากดอยเพยงแวดวงวศวกรและสถาปนกเทานน แตยงรวมไปถงผเกยวของคนอนๆ

Illustrator เปนผลตภณฑของบรษท Adobe จดไดวาเปนเครองมอสาหรบสรางภาพเวกเตอรทมคนนยมใชงานกนมากทสด

ซอฟตแวรสาหรบภาพกราฟก (Graphic Software)

84

ใชงานกนมากทสด นอกจากสามารถทางานรวมกบโปรแกรมอนในคายเดยวกนไดอยางสมบรณแลว (Pagemaker และ Photoshop) อกทงยงรองรบและส ส

โปรแกรมอลลสเตรเตอร

Page 15: Lecture III - dusithost.dusit.ac.thdusithost.dusit.ac.th/~msportfolio/public/adviser/95/6... · หลายวิธี ... 3d Studio Max และ Extreme 3d ... รูปแบบของไฟล

16/03/55

15

33D Modeling ProgramD Modeling Program

โปรแกรมประเภทสรางแบบภ าพ จ า ล อ ง แ บ บ 3 ม ต เหมาะสาหรบนกวจยหรอนกวทยาศาสตรทตองการน า เ ส น อ ช น ง า น ใ น ร ปแบบจาลอง ทงน เนองจาก

85

แบบจาลอง ทงน เนองจากภ าพ แ บ บ จ า ล อ ง 3 ม ต สามารถแสดงรายละเอยดทสลบซบซอนไดทกมมมองนนเอง ดวยคณสมบตและขดความสามารถทโดดเดนในการสรางและปรบแตงวตถ (Object) ไมวาจะเปนการสรางพนผว การปรบความลก หรอแมแตการใหแสงตก

โปรแกรม Chem3D สาหรบใชสรางแบบจาลอง 3 มตของโครงสรางทางโมเลกล

เปนขนตอนการปรบแตงการเรยงตวของจดส

Anti-Aliasing

AntiAnti--AliasingAliasing

87

ของจดสภายในภาพทมลกษณะเปนรอยหยก (Aliasing) ใหเรยบกวาเดม กอนการขจด

รอยหยก

หลงการขจดรอยหยก

เปนการแปลงรปรางของภาพใหมลกษณะแตกตางจากเดม เชน ยอภาพใหเลกลง หมนภาพใหอยในแนวทตองการ และบดภาพใหเอยง

TransformationTransformation

88

ในองศาทเหมาะสม

ภาพเดมกอนการแปลง ภาพใหมหลงจากการแปลง (พลกภาพ)

เปนการปรบขอมลสของแตละพกเซลใหมความใกลเคยง และกลมกลนกบขอมลสทตองการ ดวยการคานวณหาคาเฉลยของขอมลสภายในภาพแลวปรบเปลยนใหไดตามความตองการ

DitheringDithering

89การปรบขอมลสดวยวธ Dithering

เปนการเพมพนผวใกลกบภาพซงสวนใหญจะใชกบภาพ 3 มต เนองจากการสรางภาพ 3 มตทาไดเพยงโครงรางของภาพ

RenderingRendering

90การ Rendering ดวยโปรแกรม 3D Studio Max