2011

กองบรการสารสนเทศ

ส านกเทคโนโลยสารสนเทศ

การประปาสวนภมภาค

21/06/2011

คมอโปรแกรมตกแตงรปภาพ PhotoScape v.3.4 Open Source Software

2

สารบญหนา

เรอง หนา ตอนท 1 : การดาวนโหลด และรจกโปรแกรม 3 ตอนท 2 : รจกสวนตางๆ ของหนาตางแกไขภาพ 7 ตอนท 3 : ยอ-ขยาย ท ากรอบ และใสตวอกษรใหกบภาพ 21 ตอนท 4 : การลบต าหนและท าหนาเนยน 27 ตอนท 5 : การท ากระดาษ Paper Print งาย ๆเพยงไมกคลก 33 ภาคผนวก 41

3

ตอนท 1: การดาวนโหลด และรจกโปรแกรม

PhotoScape เปนโปรแกรม Freeware สามารถดาวนโหลดฟรไดจากเวบไชต photoscape.org เปน

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

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

ภาพเคลอนไหว การแบงภาพ การ Capture ภาพหนาจอมาใชงาน การแปลงไฟล RAW เปน JPEG การปรบแตง

แกไขรปภาพ เชนการปรบแสง ส ความคมชดของรป และการยอ ขยายขนาดของรป โปรแกรมเดยวท าได

หลากหลาย และใชงานไดงายๆ เวอรชน ณ ปจจบนคอ v3.5 ดาวโหลดไดทเวบไซต photoscape.org คลกดาวน

โหลดจากลงคในหนาเวบ

ไฟลดาวนโหลดจะเปนไฟล .exe เลอก Save File ไวทใดทหนงกอน และท าการตดตง

4

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

เมอเปดโปรแกรม หนาตาโปรแกรมสวนของหนาแรก จะเปนดงภาพหลกๆ ของหนานกจะมอย 3 สวนคอ

เมนดานบน และเมนสวนทเปนวงกลมและการแสดงรปภาพ

แถบเมนดานบนจะคลายกบแถบเมนในวงกลม แตแถบเมนบนจะอยในทกหนาของการท างาน

แถบเมนสวนรปภาพดานลาง

ไดแก เมนตวชวยเหลอ | ตวเลอกการตงคา | ตวเลอกภาษา | และคนหาภาพเหมอนจากเวบไซต

5

รปวงกลม แถบเมนสวนตรงกลาง

สวนการเปลยนภาษาไทยและภาษาองกฤษใน version 3.4 จะตางจากเวอรชนเกาเลกนอยตรง icon 4 ตว

ดานลางทเพมเขามา

สวนตอมาเปนปมตวเลอก การตงคา

เปลยนภาษาตรงน

6

เมอคลกทปมจะปรากฏดงภาพ ตงคาตามตองการ แลวกดตกลง

สวนขอความชวยเหลอ

เมอคลกขอความชวยเหลอ กจะปรากฏหนาตางจะเปนการสอนใชโปรแกรมดวยภาพ VDO

ภาพดานซายจะปรากฎภาพจากเวบไซต flikr.com โดยภาพจะถกดงจากเวบวนมาแสดงเรอยๆ

7

สวนของการเปด-ปดภาพทแสดงอยในสวนของหนาหลก

ตอนท 2 : รจกสวนตาง ๆของหนาตางแกไขภาพ

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

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

รปภาพ เปนโทนสตางๆ เชน ภาพซเปย การลบมมภาพใหเปนมมมน การกลบภาพ การตดภาพ การแกไขตาแดง

การท าโมเสกเซนเซอรบางสวนของภาพ การลบต าหน การเพมตวอกษรและค าบรรยายลงในภาพ การเพมวตถ

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

ดานบน หรอเมนวงกลมกได

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

ในโฟลเดอรขณะทเราแกไขเปนแบบ Slide Show

8

ดานซายมอจะเปนสวนทแสดง Directory และแสดงภาพในโฟลเดอรทเราก าลงเลอกอย สามารถปรบขนาดของ

ภาพได

การยอขยายขนาดของรปภาพ คลกทปมยอ / ขยาย

9

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

ขนาดเดม ใหคลกเครองหมายถกในชอง คงอตราสวนเดม เมอพมพขนาดในชองใดชองหนงของความกวางหรอ

ความสง ขนาดของอกชองจะเปลยนตามอตราสวนเดม เมอเสรจแลวแลวคลกตกลง

หรออาจจะคลกตรงลกศร เพอเลอกเพม/ลด ขนาดตามดานกวาง ดานยาว หรอดานสง ซงเมอเลอกปรบดานใด

ดานหนงแลว อกดานจะปรบตามโดยอตโนมต

10

การปรบความสวาง ส คลกทปม ความสวาง, ส จะขนมาดงภาพ สามารถปรบไดตามตองการ

การปรบความสวาง ส หากคลกทลกศร กจะมค าสงขนมาใหเลอกใช

11

การลบมมของภาพ คลกทปมลบมม สามารถเลอก สของมม ความโคง และเสนขอบได

การใสเสนขอบใหรป คลกทปมเสนขอบ สามารถเลอกส และขนาดของเสนขอบได

ปมใสกรอบรป จะเปนการใสกรอบรปแบบเสน สามารถเลอกส ชนด ความหนา ความโคงได

12

การเพมแสงฉากหลงของภาพ

หรอคลกทลกศร จะมการเพมแสงฉากหลงใหเลอกเปนเปอรเซนต

13

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

ดานขวามอของการเพมแสงวตถ จะเปนการก าหนดพนททตองการเพมความสวาง เปนการเพมความสวางเฉพาะ

จดทเราตองการ

14

ปมฟลเตอร จะเปนการเตมฟลเตอรใหกบภาพ ในแบบตางๆ ซงมอยหลายแบบมาก

15

การปรบความคมชด คลกทปมความคมชด จะปรากฏดงภาพ

สามารถปรบตงคาไดตามตองการ

หรอจะคลกทลกศรเพอเลอกปรบระดบความคมชด

16

ความเปรยบตาง มใหเลอก ต า สง ปานกลาง

ปรบระดบความเขมของรปภาพ มใหเลอก ต า สง ปานกลาง

สวน บนทก ยกเลก ท าซ า ซงหากท าเสรจกดบนทก หรอกดยกเลกเพอยกเลกการกระท าครงหลงสด หรอยกเลก

ทงหมดเพอกลบสคาเรมตนของรปนน ท าซ าคอการยอนกลบมาค าสงลาสดทยกเลกไป

17

ปรบสภาพเปนซเปย

ปรบสภาพเปนขาวด า

18

ปรบสภาพเปนสองส ขาวและ... สามารถเลอกสได

คลกทลกศรเพอเลอกส

จะไดสตามทเราเลอก

19

ปรบสใหเปนสตรงกนขาม

การใสกรอบรปสวยๆ ใหกบภาพ มแบบใหเลอกมากมาย

ไดกรอบรปทเราเลอก

20

ปมกลบรปภาพ ในกรณทตองการกลบรปภาพซาย/ขวา 90 องศา การกลบซายขวา การกลบบนลาง และการหมน

ภาพตามองศาทตองการ

การหมนภาพตามองศาทตองการ

การหมนภาพตามองศาทตองการ

21

ตอนท 3 : ยอ-ขยาย ท ากรอบ และใสตวอกษรใหกบภาพ

นาจะเปนประโยชนส าหรบการยอรปเพอน าไปใชโพสในอนเตอรเนต รวมถงการเพมความสวยงาม ดวยการใส

กรอบและขอความใหกบรปภาพ

จากภาพตวอยางเรามาเรมท ากนเลยคะ กอนอนอยาลมวาชอโฟลเดอรตองเปนภาษาองกฤษนะคะ ไมเชนนนภาพ

จะไมแสดง ดงตวอยางในภาพ

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

รายละเอยดของภาพ ไดแกขนาดของรปภาพ ขนาดไฟล และชอไฟล

22

คลกทปม ยอ/ขยาย และพมพขนาดทตองการลงไป คลกเครองหมายถกในชอง คงอตราสวนเดมหากไมตองการให

รปมอตราสวนความกวาง ความยาวผดไปจากขนาดเดม

23

จากนนท าการใสกรอบใหรปภาพ โดยคลกเลอกรปแบบของกรอบ

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

จากนนคลกทตว T ดงภาพ เพอเพมการพมพตวอกษรลงบนภาพ

24

เมอคลกทตว T ตามภาพดานบน จะขนไดอะลอกบลอก พมพขอความ สามารถเลอกแบบอกษร ขนาด ความทบ

(การโปรงแสง) เสนรอบตวอกษร ความหนาของเสนรอบ สของเสนรอบ เงา สของเงา ขนาดและทศทางของเงา

หากไมตองการใชเสนรอบและเงา ใหคลกเครองหมายถก ทค าวาใช ออก

25

เมอท าเสรจเรยบรอยแลวคลกทตกลง กจะไดตวอกษรตามทตงคา สามารถจบเลอนไปวาง

ในททตองการ หมน หรอยอขยายได

เมอท าเสรจเรยบรอยแลว คลกทบนทกดานลางขวา สามารถเลอกบนทก บนทกในโฟลเดอร หรอบนทกเปน ความ

แตกตางของ 3 ปมคอ

บนทก จะบนทกในโฟลเดอรเดม ชอไฟลเดม แตภาพตนฉบบจะถกเกบไวในโฟลเดอร ทชอวา Originals ซง

โปรแกรมสรางขนใหโดยอตโนมต

บนทกในโฟลเดอร คอบนทกในโฟลเดอรทเราก าหนดขนเอง ชอไฟลเดม เราสามารถสรางโฟลเดอรใหมมา

เกบรปภาพทท าขน หากเราไมสรางใหม รปนจะถกบนทกไวในโฟลเดอร output ทไดรฟ C

บนทกเปน สามารถตงชอไฟลใหม และเลอกโฟลเดอรทเกบภาพได

จะเลอกแบบไหนกแลวแตความสะดวกและความตองการ

26

กอนบนทกจะมใหเลอกระดบคณภาพของภาพ จะม % บอกคณภาพ และขนาดของภาพ หากตองการภาพทม

ขนาดไฟลไมใหญนก สามารถลดระดบคณภาพลงมาได ขนาดของไฟลกจะเลกลง อาจจะใชในกรณทตองการโพ

สภาพในอนเตอรเนต แลวในเวบนนก าหนดขนาดของภาพวาไมเกนก KB ในสวนนสามารถชวยได

งาย ๆ เพยงเทานกมภาพสวยๆ ไปใชในอนเตอรเนตแลว

27

ตอนท 4 : การลบต าหนและท าหนาเนยน

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

ใบหนา การปรบผวใหเนยนและขาวขน ซงสวนใหญจะใชโปรแกรม Photoshop เขามาชวยในการปรบซงตอง

อาศยทกษะและความช านาญในการปรบแตงใน PhotoScape การปรบแตงภาพ ไดแก การลบรอยต าหนและการ

ปรบความเนยนสามารถท าได ผลอาจจะไดไมดเทา Photoshop แตวธการท าไมยาก เปนารลบรอยต าหนและการ

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

เราพอใจ ^_^ กอนทจะท า มาดภาพตวอยางกอนและหลงปรบคะ จะเปนการลบรอยต าหนบนใบหนาออก

ภาพตนฉบบ

ต าหนทตองการลบ เปนรอยด าตางๆ บนใบหนารวมถงจดและไฝตางๆ ภาพยอแลวเลยเหนไมชด

28

เปดโปรแกรม PhotoScape ขนมา เลอกแกไขภาพเปดรปทตองการแกไขขนมา

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

ต าหนนนจะเลอนไป ถาไมไดในทเดยวใหท าซ า ขอควรระวงคอไมควรเลอกคลมพนทกวางไป ไมเชนนนจะเปนรอย

ไมเนยน

29

หลงจากลบรอยด าหมดแลว จะเลอกลบรอยต าหนผวอตโนมตอกรอบเพอเพมความเนยน โดยไปคลกท

ฟลเตอร > ลบรอยต าหนผวอตโนมต

30

จากนนเลอนปรบ radius ตามตองการ จะมคาตงแต 0.1 - 0.8 เสรจแลวคลกตกลง

ภาพทไดจากการปรบทงสองอยางดานบน หากพอใจแลวก Save

หรอหากตองการปรบแสงใหสวางมากขน กใหเลอก ความสวาง,ส > ความสวาง จรงๆ รปนสวางอยแลว

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

31

ภาพหลงจากทปรบความสวางแลว

จากนนหากตองการปรบแสงวตถอกใหคลก เพมแสงวตถ

32

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

พรามวสงๆ

ภาพทไดจากการปรบแสงวตถแลวจะสวางมากขน

33

ตอนท 5 : การท ากระดาษ Paper Print งาย ๆเพยงไมกคลก

Paper Print การพมพลายกระดาษโนตหรอปฏทนส าเรจรปจากโปรแกรม PhotoScape งายๆ เพยงแค

คลกไมกคลก

วธท าเรมจากคลกท Paper Print ในหนาแรก

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

อย 12 แบบ มกระดาษฟลสแกบ ตาราง กระดาษเขยนตวโนต กระดาษบนทกตางๆ และปฏทน สามารถเปลยนส

เสนของกระดาษไดโดยคลกทสดานลาง มสใหเลอก 5 สคอ เทา ด า แดง น าเงน เขยว

34

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

35

ถาเปนปฏทน จะมทใหเลอกป และเดอนทตองการ ซงปมใหเลอกยอนหลง 5 ปและลวงหนา 4 ป

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

36

เลอกเครองพมพทจะพมพออก และตงขนาดตามทตองการ

คลกทพมพกจะไดกระดาษตามทเราตองการ

37

การ Update! เพมเตม

การตกแตงเพมเตมท าไดไมมาก แตกสามารถท าไดคะ แตจะตอง Save ปฏทนออกมาเปนไฟลรปเสยกอน เมอ

เลอกปฏทนไดแลวใหคลกท ตงคาเครองพมพ

เลอก Printer เปน Microsoft Office Document Image Writer ถาในเครองลง MS Office อยแลวจะมใหเลอก

อยใน List คะ เลอกขนาดกระดาษหรอขนาดของรปทตองการ(เราเลอก Japanese Postcard เพราะจะเอาไปอด)

เมอเลอกเสรจคลก OK

จะแสดงเครองพมพและขนาดกระดาษ คลกท OK เพอพมพ

38

เมอคลกพมพแลวจะไดดงภาพ คลกทพมพอกครง

39

จะใหเลอกวาจะเซฟไฟลภาพไวทไหนและตงชอไฟลภาพคะ เสรจแลวคลกท Save

จะไดไฟลภาพมา 1 ไฟลทเปนนามสกล .tif เราสามารถน าไฟลภาพนไปตกแตงเพมเตมใน Photoshop

PhotoScape หรอแทรกภาพลงเอาไปท าใน MS Word กได โปรแกรมไหนแลวแตสะดวก

40

ตวอยางปฏทน

41

ภาคผนวก

กราฟก (Graphic)

กราฟก ค านคงไดยนกนอยางแพรหลาย เนองจากเปนสงทเกยวของกบตวเราอยางมาก หนไปทางไหนกเจอแตกราฟก ไมวาจะเปนสญลกษณ โลโก กระดาษ แผนพบ โฆษณา เปนตน ค าวากราฟกมทมาจากค าในภาษากรก คอ Graphikos ทแปลวา "การวาดเขยน และเขยนภาพ" หรอค าวา "Graphein" ทแปลวา "การเขยน" ซงมผใหนยามไวหลายลกษณะ เชน

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

ศาสตร เขามาชวย เพอใหผดเกดความคด และตความหมายไดตรงตามทผสรางสรรคตองการสอ เชน แผนภม แผนภาพโฆษณา การตน เปนตน

โสตทศนวตถทผลตขนเพอแสดงสญลกษณ หรอความหมายของสงหนงสงใด ท าใหคนไดมองเหนความจรง หรอความคดอนถกตองชดเจนจากวสดกราฟกนนๆ

การพมพ การแกะสลก การถายภาพ และการจดท าหนงสอ

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

คอมพวเตอรกราฟก (Computer Graphic)

กคอ กราฟกทน าคอมพวเตอรมาด าเนนการ ตงแตการเตรยมการ ออกแบบ น าเสนอ ใชงาน

ดงนนงานกราฟก จงมความส าคญ คอ

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

ปรมาณของแสงทเปลงออกมาแตละจด โดยการอาศยการรวมคาทแตกตางกนของ RGB ในการสรางสบน

42

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

ระบบส RGB เปนระบบสทมลกษณะเปนสธรรมชาตมาก ท าใหภาพตางๆ บนจอภาพมความคมชด เสมอนจรง แตกมจดออน คอ ระบบการพมพของเครองพมพดวยคอมพวเตอรใชการผสมสโหมด CMYK ดงนนภาพบนจอภาพ เมอสงพมพ บางต าแหนง บางสของภาพบนจอ จะปรากฏเปนสเพยนบนกระดาษ เพราะจ านวนสมความแตกตางกนนนเอง

ขอบเขตของงานกราฟก

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

การวาดภาพ เขยนภาพ การออกแบบสญลกษณ ปายโฆษณา การประชาสมพนธ งานโทรทศน งานละคร งานหนงสอ สอสงพมพตางๆ งานออกแบบบาน ทพกอาศย และอปกรณทเกยวของ เชน สขภณฑ การแกะสลก การประดษฐดอกไม วตถตางๆ การออกแบบกลอง วตถหบหอ การออกแบบเสอผา ฯลฯ

คณคาของงานกราฟก

เนองจากงานกราฟกเนนในการสอสารดวยศลปะระหวางผสราง กบผรบ (ผด ผเหน) ดงนนคณคาของงานกราฟกกจะเกยวของกบผลระหวางผสรางและผรบดวยเชนกน คอ

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

43

ความส าคญของงานกราฟก

เนองจากงานกราฟกเนนในการสอสารดวยศลปะระหวางผสราง กบผรบ (ผด ผเหน) ดงนนงานกราฟกจงมความส าคญดงน

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

พกเซล (Pixel)

พกเซล (Pixel) เปนค าผสมของค าวา Picture กบค าวา Element หรอหนวยพนฐานของภาพ เทยบไดกบ "จดภาพ" 1 จด แตละพกเซลเปรยบไดกบสเหลยมเลกๆ ทบรรจคาส โดยถกก าหนดต าแหนงไวบนเสนกรด ของแนวแกน x และแกน y หรอในตารางเมตรกซสเหลยม ภาพบตแมปจะประกอบดวยพกเซลหลายๆ พกเซล

พกเซลของภาพเฉดสขาว/ด า

44

Pixel ของภาพส

จ านวนพกเซลของภาพแตละภาพ จะเรยกวา ความละเอยด หรอ Resolution โดยจะเทยบจ านวนพกเซลกบความยาวตอนว ดงนนจะมหนวยเปน พกเซลตอนว (ppi: pixels per inch) หรอจดตอนว (dpi; dot per inch) ภาพขนาดเทานนแตมความละเอยดตางกน แสดงวาจ านวนพกเซลตางกน และขนาดของจดพกเซลกตางกนดวย

ภาพแบบ Bitmap

ภาพแบบ Bitmap หรออาจจะเรยกวาภาพแบบราสเตอร (Raster) เปนภาพทเกดจากจดสทเรยกวา pixels ซงประกอบกนเปนรปรางบนพนททมลกษณะเปนเสนตาราง (กรด) แตละพกเซลจะมคาของต าแหนง และคาสของตวเอง ภาพหนงภาพ จะประกอบดวยพกเซลหลายๆ พกเซลผสมกน แตเนองจากพกเซลมขนาดเลกมาก จงเหนภาพมความละเอยดสวยงาม ไมเหนลกษณะของกรอบสเหลยม จงเปนภาพทเหมาะสมตอการแสดงภาพทมเฉด และสสนจ านวนมาก เชนภาพถาย หรอภาพวาด

45

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

ภาพแบบ Vector

ภาพแบบ Vector เปนภาพทสรางดวยสวนประกอบของเสนลกษณะตางๆ และคณสมบตเกยวกบสของเสนนนๆ ซงสรางจากการค านวณทางคณตศาสตร เชน ภาพของคน กจะถกสรางดวยจดของเสนหลายๆ จด เปนลกษณะของโครงราง (Outline) และสของคนกเกดจากสของเสนโครงรางนนๆ กบพนทผวภายในนนเอง เมอมการแกไขภาพ กจะเปนการแกไขคณสมบตของเสน ท าใหภาพไมสญเสยความละเอยด เมอมการขยายภาพนนเอง

ภาพแบบ Vector ทหลายๆ ทานคนเคยกคอ ภาพ .wmf ซงเปน clipart ของ Microsoft Office นนเอง นอกจากนคณจะสามารถพบภาพฟอรแมตนไดกบภาพในโปรแกรม Adobe Illustrator หรอ Macromedia Freehand จะสงเกตไดงายวาภาพลกษณะน จะมจดจบ (Handle) ชวยใหการแกไข ยอขยายขนาด หมนภาพ ท าไดงาย สะดวก และรวดเรว

46

กราฟกไฟลส าหรบอนเทอรเนต

ไฟลกราฟกทสนบสนนระบบอนเทอรเนต ปจจบนม 3 ไฟลหลก ๆ คอ

ไฟลสกล GIF (Graphics Interlace File) ไฟลสกล JPG (Joint Photographer's Experts Group) ไฟลสกล PNG (Portable Network Graphics)

ไฟลสกล JPG (Joint Photographer’s Experts Group)

เปนอกไฟลหนงทนยมใชบน Internet มกใชกรณ

1. ภาพทตองการน าเสนอมความละเอยดสง และใชสจ านวนมาก (สนบสนนถง 24 bit color) 2. ตองการบบไฟลตามความตองการของผใช 3. ไฟลชนดนมกจะใชกบภาพถายทน ามาสแกน และตองการน าไปใชบนอนเทอรเนต เพราะใหความคมชด

และความละเอยดของภาพสง

จดเดน สนบสนนสไดถง 24 bit สามารถก าหนดคาการบบไฟลไดตามทตองการ มระบบแสดงผลแบบหยาบและคอยๆ ขยายไปสละเอยดในระบบ Progressive มโปรแกรมสนบสนนการสรางจ านวนมาก เรยกดไดกบ Graphics Browser ทกตว ตงคาการบบไฟลได (compress files)

จดดอย ท าใหพนของรปโปรงใสไมได

ขอเสยของการบบไฟล (Compress File)

ก าหนดคาการบบไฟลไวสง (1 - 10) แมวาจะชวยใหขนาดของไฟลมขนาดต า แตกมขอเสย คอ เมอมการสงภาพจาก Server ไปแสดงผลท Client จะท าใหการแสดงผลชามาก เพราะตองเสยเวลาในการคลายไฟล ดงนนการเลอกคาการบบไฟล ควรก าหนดใหเหมาะสมกบภาพแตละภาพ

ไฟลสกล PNG (Portable Network Graphics)

ไฟลสกลลาสดทน าจดเดนของไฟล GIF และ JPEG มาพฒนารวมกน ท าใหภาพในสกลนแสดงผลสไดมากกวา 256 ส และยงสามารถท าพนภาพใหโปรงใสได จงเปนไฟลภาพทไดรบความนยมมากในปจจบนดวยอกสกลหนง คณสมบตของภาพคอ

47

สามารถใชงานขามระบบ (Cross Platform) หมายความวา ระบบคอมพวเตอรทกระบบ ไมวาจะใช Windows, Unix กสามารถเรยกใชไฟลภาพสกลนได

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

ตามทควรจะเปน

จดเดน

สนบสนนสไดถงตามคา True color (16 bit, 32 bit หรอ 64 bit) สามารถก าหนดคาการบบไฟลไดตามทตองการ มระบบแสดงผลแบบหยาบและคอยๆ ขยายไปสละเอยด (Interlace) สามารถท าพนโปรงใสได

จดดอย

หากก าหนดคาการบบไฟลไวสง จะใชเวลาในการคลายไฟลสงตามไปดวย แตขนาดของไฟลจะมขนาดต า ไมสนบสนนกบ Graphic Browser รนเกา สนบสนนเฉพาะ IE 4 และ Netscape 4 ความละเอยดของภาพและจ านวนสขนอยกบ Video Card โปรแกรมสนบสนนในการสรางมนอย

ไฟลสกล GIF (Graphics Interlace File)

ภาพกราฟกสกล GIF พฒนาโดยบรษท CompuServe จดเปนไฟลภาพส าหรบการเผยแพรผานอนเทอรเนตตงแตยคแรก เนองจากมลกษณะเดน คอ

สามารถใชงานขามระบบ (Cross Platform) หมายความวา คอมพวเตอรทกระบบ ไมวาจะใช Windows, Unix กสามารถเรยกใชไฟลภาพสกลนได

มขนาดไฟลต า จากเทคโนโลยการบบอดภาพ ท าใหสามารถสงไฟลภาพไดรวดเรว สามารถท าพนของภาพใหเปนพนแบบโปรงใสได (Transparent) มระบบแสดงผลแบบหยาบและคอยๆ ขยายไปสละเอยดในระบบ Interlace มโปรแกรมสนบสนนการสรางจ านวนมาก เรยกดไดกบ Graphics Browser ทกตว ความสามารถดานการน าเสนอแบบภาพเคลอนไหว (GIF Animation)

48

จดดอย

ไฟลชนดนกมจดดอยในเรองของการแสดงส ซงแสดงไดเพยง 256 ส ท าให การน าเสนอภาพถาย หรอภาพทตองการความคมชดหรอภาพสดใส จะตองอาศยฟอรแมตอน

ไฟล .GIF ม 2 สกล ไดแก

GIF87 พฒนาขนในป ค.ศ. 1987

เปนไฟลกราฟกรนแรกทสนบสนนการน าเสนอบนอนเทอรเนต เปนไฟลทมขนาดเลกและแสดงผลสไดเพยง 256 ส และก าหนดใหแสดงผลแบบโครงรางได (Interlace)

GIF89A พฒนาขนในป ค.ศ. 1989

เปนไฟลกราฟกทพฒนาตอจาก GIF87 โดยเพมความสามารถการแสดงผลแบบพนโปรงใส (Transparent) และการสรางภาพเคลอนไหว (GIF Animation) ซงเปนไฟลกราฟกทมความสามารถพเศษโดยน าเอาไฟลภาพหลายๆ ไฟลมารวมกนและน าเสนอภาพเหลานนโดยอาศยการหนวงเวลา มการใสรปแบบการน าเสนอลกษณะตางๆ (Effects) ในลกษณะภาพเคลอนไหว

การบบอดภาพ

เทคนคการบบอดภาพสกล GIF เปนเทคนคการบบอดคงสญญาณ LZW (Lempel-Ziv-Welch) Lossless compression โดยขอมลเดมจะถกสรางขนใหมดวยวธสราง Index สจากสทซ าๆ และใกลเคยงกน โดยจะ Scan แนวตงของภาพทงหมด และ Scan แนวนอนของภาพทงหมด และเปรยบเทยบวาแนวใดไดขอมลทจะบนทกเปนไฟลนอยกวากน

LZW เปนชอยอของนกวจยชาวอสราเอล Abraham Lempel และ Jacob Zif ซงไดเผยแพรผลงานไวในเอกสารของ IEEE ภายใตชอเรยก LZ 77 และ LZ 78

การเลอกใชภาพฟอรแมต GIF

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

Transparent Feature

หมายถงคณลกษณะของภาพ ทมการดรอป (Drop) การแสดงสทตองการ มกจะเปนสพน (จรงๆ เลอกสไดมากกวา 1 ส) เพอใหสทเลอกโปรงใส และแสดงผลตามสพนของ Browser

49

ภาพ Gif Transparent บนพน Background ขาว

ภาพ Gif Transparent บนพน Background เขยว

การน าภาพจากอนเทอรเนตมาใชงาน

หลายๆ คนคงชอบเลนเกม หรอเลนอนเทอรเนต โดยเฉพาะการเขาไปยงเวบไซตตางๆ สงหนงทคดเหมอนกน กคอ รปภาพจากเกม หรออนเทอรเนตสวยมาก อยากน ามาเกบไวในเครองตวเอง เพอวาตอไปสามารถน าไปใชงานตางๆ ได เชน น าไปประกอบเมอตองท ารายงาน พมพ ส.ค.ส. สวยๆ หรอใชในงานน าเสนอจาก PowerPoint และบางทานอาจจะตองรบผดชอบผลตสงพมพใหกบหนวยงาน โดยน ารปภาพจากหนาจอโปรแกรมตางๆ มาใชประกอบในเอกสาร วธการพมพงานโดยเวนทวาง แลวน ารปภาพ หรอรปถายมาแปะ คณคงจะเคยท ามาแลวใชไหมครบ วธลาสมยแลวครบ ในยคคอมพวเตอรระบบ Windows ไมวาคณจะใช Windows 3.1 หรอ Windows 95 มวธทสะดวก รวดเรว และสวยงามกวาครบ ซงรจกกนโดยวธ การจบจอภาพ (Screen Capture)

ดวยความสามารถจบจอภาพ (Screen Capture) ไมวาคณอยากไดรปอะไร ภาพไหน บนจอภาพโปรแกรมแบบไหน เพยงแตขอใหแสดงผลบนจอภาพผานระบบ Windows ได คณกสามารถน าภาพนนมาใชงานไดสะดวก รวดเรว จะน ามาใชทนท หรอเกบเปนไฟลรปภาพกได ตามแตคณตองการ ส าหรบเทคนควธในการจบจอภาพมหลากหลายวธ หลายรปแบบ แตสามารถแบงเปนประเภทใหญๆ ได 2 ลกษณะ คอ

50

การจบจอภาพโดยใชความสามารถ Clipboard ของโปรแกรม Windows การจบจอภาพโดยใชโปรแกรมจบจอภาพเฉพาะ

การจบจอภาพโดยใชความสามารถ Clipboard

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

เรามาเรมทการจบจอภาพจากหนาจอโปรแกรมทท างานบน Windows กนกอนนะครบ มวธการคราวๆ ดงน

เปดโปรแกรมทคณตองการจบจอภาพ เชน เกม, อนเทอรเนต, Microsoft Word เรยกหนาจอทคณตองการ

กดปม <PrintScreen> การกดปมนจะเปนการคดลอกจอภาพไปเกบไวใน Clipboard เรยกโปรแกรม Paint จากค าสง Start, Program, Accessories, Paint ขยายหนาตางการท างานใหเตมจอ น าภาพทเกบไวใน Clipboard มาวางบนหนาตางโปรแกรม Paint ดวยค าสง Edit, Paste

เมอน าภาพทจบไววางในหนาตางโปรแกรม Paint แลว ขนตอนตอไปกใหคณเลอนจอภาพ เพอแสดงภาพ

ทคณตองการน าไปใชงาน

51

เมอปรากฏภาพทตองการ ใหคลกทปมเครองมอเลอกภาพ (Select tools) ซงเปนปมเครองมอสเหลยมเสนประปรากฏในชดเครองมอของโปรแกรม Paint

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

หากตองการน าภาพไปใชตอนน ใหเลอกค าสง Edit, Copy หรอหากตองการจดเกบภาพไวเปนไฟล เพอ

น าไปใชงานตอไป ใหเลอกค าสง Edit, Copy to ซงมหลกการคลายค าสง File, Save เพยงแตเปนการจดเกบภาพเฉพาะสวนพนททระบเทานน ไมจดเกบทงจอ

กรณทเลอกค าสง Edit, Copy การน าไปใช เพยงแตเลอกค าสง Edit, Paste ณ จอภาพโปรแกรม

ปลายทางทตองการ เชน หนาจอ Mail ของ Lotus Notes, หนาจอเอกสารของ Word เปนตน

กรณทเลอกค าสง Edit, Copy to โปรแกรมจะจดเกบภาพในนามสกล .bmp ซงเปนนามสกลภาพกราฟก

มาตรฐาน ทสามารถน าไปใชงานในโปรแกรมไดหลากโปรแกรม เชน น าไปใชใน MS-Office ดวยค าสง

52

Insert, Picture เปนตน

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

การเซฟภาพ (Save) จากหนาเวบเพจ

รปภาพทปรากฏในหนาจอเวบไมวาจะผาน FireFox หรอ IE ม 2 ลกษณะคอ

รปภาพทเปนภาพชนๆ ทเรยกวา Clipart รปภาพทน ามาใชแสดงผลเปนพนของเวบ ทเรยกวา Background

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

รปภาพทเปนภาพชนๆ ทเรยกวา Clipart

เขาสเวบทตองการ น าเมาสไปช ณ รปภาพทตองการ คลกปมขวาของเมาส แลวเลอกค าสง Save image as ก าหนดไดรฟและโฟลเดอรทตองการจดเกบภาพ จากกรอบโตตอบ Save as:

53

รปภาพทน ามาใชแสดงผลเปนพนของเวบ ทเรยกวา Background

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

จดสงเกตทค าสง Save background as :

เลอกค าสง Save background as : ก าหนดไดรฟและโฟลเดอรทตองการจดเกบภาพ จากกรอบโตตอบ Save as:

54

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

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

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

Format JPEG, TIFF TIFF JPEG JPEG

Resolution Up to 350 dpi Up to 350 dpi 72-150 dpi 72 dpi

Size Up to 1840 x 1232

pixels Up to 1840 x 1232

pixels Up to 1024 x 768

pixels Up to 1024 x 768

pixels

From Digital Camera,

Scanner Image Editor

Folder original dtp archive present

ภาพตนฉบบ Database Website Preview

Format JPEG, TIFF JPEG JPEG, GIF, PNG GIF, PNG

Resolution Up to 350 dpi 72 dpi 72 dpi 72 dpi

Size Up to 1840 x 1232 pixels 300 x 250 pixels 300 x 250 pixels 100 x 100 pixels

From Digital Camera, Scanner Image Editor

Folder original database web preview

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

o JPEG รปแบบของการจดเกบภาพแบบ Joint Photographer's Experts Group ทเหมาะสมกบการน าเสนอทงระบบสอมลตมเดย และเวบไซต เนองจากเปนรปแบบทสามารถก าหนดขนาดของไฟลไดตามความเหมาะสม (File Compression) เชน ภาพทตองการน าเสนอบนเวบไซต แตไมเนนความละเอยด อาจจะก าหนดใหคณภาพของภาพลดลงเหลอ 50% ของภาพตนฉบบ หรอภาพทตองการน าเสนอดวยความชด กอาจจะลงลงเหลอ 80% กได นอกจากนหากไฟลภาพม

55

ขนาดโตมาก กอาจจะก าหนดคณสมบตการแสดงผลแบบหยาบ แลวคอยๆ ละเอยดเมอเวลาผานไป ทเรยกวาคณสมบต Progressive สวนขยายของไฟลรปแบบนคอ .jpg หรอ .jpeg

o TIFF รปแบบของการจดเกบภาพแบบ Tagged-Image File Format ซงเปนรปแบบทใชเกบภาพพรอมรายละเอยดตางๆ เชน เลเยอร (Layer), Annotation, โหมดภาพทงระบบ CMYK, RGB, Lab Color ตลอดจนขอมลประกอบอนๆ ตามตนฉบบเดมของภาพ จงเปนรปแบบทเหมาะสมตอการเกบบนทกภาพตนฉบบ และภาพส าหรบใชประกอบการสรางสอสงพมพ สวนขยายของไฟลรปแบบนคอ .tif

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

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

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

From หมายถงการไดมาของภาพ อนประกอบดวยภาพจากกลองบนทกภาพดจทล และภาพจากเครองกราดภาพ

o ในกรณทใชกลองบนทกภาพดจทล ควรก าหนด Image Size ของภาพใหมากกวา 1024 ? 768 pixels แบบ Fine Image

o ภาพจากเครองกราดภาพ ควรก าหนด Image Size ของภาพใหมากกวา 1024 ? 768 pixels หรอก าหนด % ของการสแกนภาพไวประมาณ 150 – 250% ของภาพถายตนฉบบ และก าหนดความละเอยด (Resolution) ของภาพไวท 300 dpi

56

Folder การตงชอโฟลเดอรส าหรบแยกประเภทของภาพตามรปแบบการใชงาน

การวางต าแหนงถายภาพ การถายภาพดวยกลองถายภาพ ไมวาจะเปนกลองดจทล หรอกลองธรรมดา การวางต าแหนงภาพ ควร

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

ภาพทวางต าแหนงกงกลาง ดแลวมา

พจารณาภาพนสครบ เปนยงไงบาง

รวมทงพจารณาภาพนดวยนะครบ