คํานํา เอกสารนี ้ มี ว ั ต ถุ ป ระสงคในการจั ด ทํ า เพื ่ อประกอบการพั ฒ นาครู ในการวิ จ ั ย และพั ฒ นา เรื ่ อ ง “โปรแกรมพัฒนาครูด'วยการบูรณาการ ICT เพื่อการจัดการเรียนการสอน ในโรงเรียนประถมศึกษา” ตาม หลักสูตรปรัชญาดุษฎีบัณฑิต สาขาวิชาการบริหารการศึกษา คณะศึกษาศาสตร มหาวิทยาลัยขอนแก6น โดยใช'พัฒนาครูตามโครงการที่ 2 ของโปรแกรม “โครงการอบรมครูเชิงปฏิบัติการเพื่อเสริมสร'างทักษะ การบูรณาการ ICT ในการจัดการเรียนการสอน” ขอขอบคุณอาจารยที่ปรึกษา ผศ.ดร.ทวีชัย บุญเติม อาจารยที่ปรึกษาร6วม รศ.ดร.กนกอร สมปราชญ และอาจารยผู'สอน ดร.ประยุทธ ชูสอน ที่กรุณาให'ความช6วยเหลือแนะนําเสมอมา ขอขอบคุณคณะครู โรงเรียนบ'านหนองสระพังโนนสะอาด ผู'อํานวยการโรงเรียนและครูในศูนยพัฒนาคุณภาพการศึกษาเขวาไร6 ผู'อํานวยการโรงเรียนและครูโรงเรียนบ'านแก'งขิงแคง โรงเรียนบ'านเขวาสะดืออีสาน และโรงเรียนบ'าน ยางสินไชยหนองหาด ศูนยพัฒนาคุณภาพการศึกษาสะดืออีสาน สํานักงานเขตพื้นที่การศึกษาประถมศึกษา มหาสารคาม เขต 3 ที ่ ให' ความร6 ว มมื อในการตรวจสอบและปรั บ ปรุ งโปรแกรมและเอกสารประกอบ การพัฒนาครูให'บรรลุเป?าหมายของโปรแกรมนี้มา ณ โอกาสนี้ ทองไส เทียบดอกไม'
สารบัญ หัวขอ
หนา
การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot .............................. Tux Paint คืออะไร .................................................................................................................... โปรแกรม Tux Paint บนระบบปฏิบัติการ WinDows ............................................................ การดาวนโหลดและติดตั้งโปรแกรม Tux Paint ........................................................................ การจัดการภาพด'วยโปรแกรม Tux Paint ................................................................................ Inkscape คืออะไร .................................................................................................................... การดาวนโหลดและติดตั้งโปรแกรม Inkscape ......................................................................... การจัดการภาพด'วยโปรแกรม Inkscape .................................................................................. Gimp คืออะไร .......................................................................................................................... การดาวนโหลดและติดตั้งโปรแกรม Gimp ............................................................................... การจัดการภาพด'วยโปรแกรม Gimp ........................................................................................ Greenshot คืออะไร ................................................................................................................. การดาวนโหลดและติดตั้งโปรแกรม Greenshot ...................................................................... เริ่มใช'งานโปรแกรม Greenshot .............................................................................................. การจัดการภาพด'วยโปรแกรม Greenshot ............................................................................... แบบทดสอบวัดผลการเรียนรู'ของครูกลุ6มเป?าหมาย ............................................................... แบบบันทึกถอดบทเรียนสะท'อนผลการเรียนรู'ของครูกลุ6มเป?าหมาย ................................... แบบประเมินคุณภาพการเรียนรู'จากเอกสารของครูกลุ6มเป?าหมาย ......................................
1 2 2 2 14 22 22 22 38 38 38 56 56 57 57 63 65 66
บรรณานุกรม .................................................................................................................................
69
การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot ทองไส เทียบดอกไม' กราฟ\ก (Graphic) มักเขียนผิดเป_น กราฟ\กส กราฟฟ\กส และกราฟฟ\ก คําว6า “กราฟ\ก” มาจาก ภาษากรีก ซึ่งหมายถึง การวาดเขียน (Graphikos) และการเขียน (Graphein) คอมพิวเตอรกราฟ\ก หมายถึง การสร'าง การตกแต6งแก'ไข หรือการจัดการเกี่ยวกับรูปภาพโดยใช'เครื่องคอมพิวเตอร ยกตัวอย6าง เช6น การทํา Image Retouching ภาพคนแก6ให'มีวัยเด็กขึ้น การสร'างภาพตามจินตนาการและการใช' ภาพกราฟ\กในการนําเสนอข'อมูลต6างๆ เพื่อให'สามารถสื่อความหมายได'ตรงตามที่ผู'สื่อสารต'องการและ น6าสนใจยิ่งขึ้นด'วยกราฟ แผนภูมิแผนภาพ เป_นต'น (อัญชลี ทะวงศอารี, 2555) คอมพิวเตอรกราฟ\กตาม ความหมายข'างต'นนี้นํามาสู6การใช'โปรแกรมกราฟ\ก 4 โปรแกรมที่จะกล6าวถึงต6อไป ศูนยบริการความรู'ทางวิทยาศาสตรและเทคโนโลยี (Science and Technology Knowledge Services: STKS) สํานักงานพัฒนาวิทยาศาสตรและเทคโนโลยีแห6งชาติ(สวทช.) ได'แนะนําโปรแกรมในกลุ6ม Open Source Software และ Freeware ด'าน Graphic เพื่อการเรียนรู' เพื่อใช'งานสําหรับคอมพิวเตอร ส6วนบุคคล ได'แก6 Notebook/Netbook Computer ที่ทํางานบนระบบปฏิบัติการ Microsoft Windows เป_นจํานวนมาก ได'แก6 GIMP ออกแบบ ตกแต6งภาพกราฟ\ก, GIMPshop ออกแบบ ตกแต6งภาพกราฟ\ก, Art Weaver ออกแบบ ตกแต6งภาพกราฟ\ก, ingIMP ออกแบบ ตกแต6งภาพกราฟ\ก, MyPaint วาดภาพ, Project Dogs waffle สร'างสรรคงานกราฟ\กสุดสวย, Inkscape โปรแกรมสร'างสรรคภาพแบบ Vector, IrfanView แสดงและจัดการรูปภาพ, XnView แสดงและจัดการรูปภาพ, IMGV แสดงและจัดการรูปภาพ, Faststone Image Viewer แสดงและจัดการรูปภาพ, Picture-shark ประกาศความเป_นเจ'าของรูปภาพ ด'วย Watermark, Tux Paint ฝzกทักษะการวาดภาพสําหรับเด็กอายุ 3 - 12 ขวบ, ScreenHunter จับ ภาพใส6 จอ จั บจอใส6กระดาษ, Greenshot จับ ภาพใส6จ อ จับ จอใส6 กระดาษ, Dia สร'า งผั งงานได' ง6 ายๆ, Blender ออกแบบผลงาน 3D, Google Sketchup ออกแบบผลงาน 3D, Pivot Stickfigure Animator ออกแบบสื่อ 2D Animation, และ Pencel animation สร'างสรรคการตูน animation (บุญเลิศ อรุณ พิบูลย, 2554) ในจํานวนของ โปรแกรมในกลุ6ม Open Source Software และ Freeware ด'าน Graphic เพื่อการเรียนรู' ดังกล6าว มีโปรแกรมที่มีความเหมาะสมกับการปรับใช'ในการจัดการเรียนการสอน ตาม แนวทางการป?องกันการละเมิดลิขสิทธิ์การใช'เทคโนโลยีสารสนเทศและการสื่อสาร ในการจัดการเรียน การสอน ตามสภาพของสถานศึกษาโดยเฉพาะสถานศึกษาขั้นพื้นฐาน ดังนี้ 1. Tux Paint โปรแกรมฝzกทักษะการวาดภาพสําหรับเด็กอายุ 3 - 12 ขวบ 2. Inkscape โปรแกรมสร'างสรรคภาพแบบ Vector 3. GIMP โปรแกมออกแบบ และตกแต6งภาพกราฟ\ก 4. Greenshot โปรแกรมจับภาพใส6จอ และจับจอใส6กระดาษ
2 Tux Paint คืออะไร Tux Paint คือโปรแกรมที่ผู'ใช'วัยเยาวสามารถนํามาวาดรูปในแบบง6ายๆ ายๆ และเหมาะมากๆ สําหรับ เด็กตั้งแต6 3 ขวบขึ้นไป ตัวโปรแกรมเน' โปรแกรมเนนการใช'งานที่ง6าย พร'อมเครื อมเครื่องมือมากมายเหมาะสําหรับการส6 การสงเสริม ความคิดสร'างสรรคให'กักับเด็กๆ โปรแกรมนี้ทํางานคล' งานคลายกับโปรแกรม Paint บนวินโดวสนั โดวส ่นเอง (สํานักงาน ส6งเสริมอุตสาหกรรมซอฟตแวรแห6งชาติ งชาติ(องคการมหาชน), 2550) โปรแกรม Tux Paint บนระบบปฏิบัติการ WinDows การใช'งานโปรแกรม Tux Paint สําหรับ Windows ต'องติดตั้งโปรแกรมลงในคอมพิวเตอรของเรา ก6อนจากไฟลติดตั้งนามสกุล .exe ซึ่งต'องดาวนโหลดมาเก็บไว'ในเครื่องคอมพิ งคอมพิงเตอร แล'วดับเบิ้ลคลิกที่ไฟล ติดตั้งนั้นเพื่อเริ่มกระบวนการติดตั้ง ระบบปฏิบัติการ Windows รุ6นที่รองรับการใช'งานโปรแกรม Tux Paint ได'แก6 Windows XP, Windows 2000, Windows Vista และ Windows 7 หากเรากําลังใช' Windows รุ6นเก6า ได'แก6 Windows95, Windows98 และ WindowsME เราคุณสามารถดาวนโหลดรุ6น ของ Tux Paint สําหรับ Windows เก6า เก6าได'ที่ http://www.tuxpaint.org/download/windows9x/ http://www.tuxpaint.org/download/windows โปรแกรม Tux Paint สําหรับ Windows มีส6วนประกอบการใช'งาน 2 ส6วน ได'แก6 โปรแกรมหลัก Tux Paint และโปรแกรมเสริม Stamps (Tux Paint, 2012) การดาวน8โหลดและติดตั้งโปรแกรม Tux Paint เป\ดเว็บไซตของ Tux Paint (2012) ที่ http://www.tuxpaint.org/download/windows/ เพื่อ ดาวนโหลดโปรแกรม Tux Paint โดยดาวนโหลดโปรแกรมที่พัฒนาโดย John Popplewell และ Bill Kendrick (2011) ที่ tuxpaint-0.9.21c 0.9.21c-win32-installer-opencandy.exe และดาวนโหลดตราประทับ ที่พัฒนาโดย TOYAMA Shin-Ichi Ichi (2009) ที tuxpaint-stamps-2009.06.28-win32-installer.exe installer.exe เลือก ดาวนโหลดทีละอย6างจะได' จะได'ไฟลติดตตั้งลงมาที่โฟลเดอร Download ในเครื่องคอมพิวเตอรของเรา กรณีติดตั้งโปรแกรม ให'เป\ดโฟลเดอร Download ในเครื่องคอมพิวเตอรของเรา จะพบไฟลติดตั้ง โปรแกรม Tux Paint เมื่อดับเบิ้ลคลิกที่ ไฟลติดตั้ง จะแสงหน'าต6างเตือนความปลอดภัย ดังภาพ
การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
3 คลิกที่
จะขึนกล6องโต'ตอบให'เลือกภาษาในการติดตั้ง ดังภาพ
คลิกที่
จะแสดงกล6องโต'ตอบตัวช6วยติดตั้งโปรแกรม ดังภาพ
คลิกที่
จะแสดงกล6องโต'ตอบให'ศึกษาข'อตกลงการใช'งาน ดังภาพ
ทองไส เทียบดอกไม
4 คลิกที่
จะแสดงกล6องโต'ตอบให'เลือกผู'ใช'งาน ดังภาพ
คลิกที่
จะแสดงกล6องโต'ตอบให' อบให'เลือกโฟลเดอรปลายทางที่เก็บโปรแกรม ดังภาพ
คลิกที่
จะแสดงกล6องโต'ตอบให'เลือกโฟลเดอรปลายทางที่เริ่มใช'งาน ดังภาพ การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
5
คลิกที่
จะแสดงกล6องโต'ตอบให'เลือกสร'าง Desktop Icon ดังภาพ
คลิกที่
จะแสดงกล6องโต'ตอบให'เลือกติดตั้ง Grooveshark ดังภาพ ทองไส เทียบดอกไม
6
คลิกที่
คลิกที่
จะแสดงกล6องโต'ตอบถามความพร'อมก6อนติดตั้ง ดังภาพ
จะแสดงผลการติดตั้ง ดังภาพ การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
7
คลิกที่ โปรแกรม ดังภาพ
เพื่อเสร็จการติดตั้ง จะแสดงหน'าต6าง Tux Paint Config v0.0.1.12 เพื่อการตั้งค6า
จากหน'าต6างการตั้งค6า กรณีต'องการปรั งการ บแต6งเมนูภาษาไทย ให'เลือกแท็ป Languages เลือก Thai และเลือกเครื่องหมายถูกหน'า Load System Font เพื่อโหลดฟอนตทั้งหมดที่มีอยู6ในเครื่องเราจากนั้นก็กด Apply ทองไส เทียบดอกไม
8
จากหน'าต6างการตั้งค6า กรณีต'องการจั งการ ดเก็บรูปที่วาด ให'เลือกแท็ป Saving และเลื เลือกเครื ก ่องหมายถูก หน'า Use Alternative เลือก Browse ที่ต'องจัดเก็บในภาพตัวอย6างระบุให'บันทึกภาพไว'ที่ไดร C โฟลเดอร Program File > TuxPaint จากนั้นกด Apply ดังภาพ
เมื่อเป\ดใช'งานโปรแกรม Tux Paint จาก Start Menu และ All Program จะพบหน'าแรกการเริ่มใช' งานโปรแกรม ดังภาพ การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
9
ต6อเนื่องไปเลยเมื่อเสร็จสิ้นการติดตั้งโปรแกรม Tux Paint จะแสดงการติดตั้งโปรแกรม Groove shark ดังภาพ จนติดตั้งเสร็จ
ดังได'กล6าวแล'วว6า การดาวนโหลดโปรแกรม ดาวนโหลดโปรแกรม Tux Paint ต'องดาวนโหลดทั้งโปรแกรม และดาวน โหลดตราประทับ จึงกลั บไปที่ เว็บไซตดาวนโหลดโปรแกรม Tux Paint สําหรั บ Windows ที่ http://tuxpaint.org/download/windows/ ทองไส เทียบดอกไม
10 กรณีติดตั้งตราประทับ ให'เป\ดโฟลเดอร Download ในเครื่องคอมพิวเตอรของเรา จะพบไฟลติดตั้ง ตราประทับ เมื่อดับเบิ้ลคลิกที่ไฟลติดตั้ง จะแสงหน'าต6างเตือนความปลอดภัย ดังภาพ
คลิกที่
คลิกที่
จะขึ้นกล6 นกล6องโต'ตอบแสดงตั อบ วช6วยติดตั้ง Tux Paint Stamps ดังภาพ
จะแสดงกล6องโต'ตอบให'ศึกษาข'อตกลงการใช'งาน ดังภาพ การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
11
คลิกที่
จะแสดงกล6องโต'ตอบให'เลือกผู'ใช'งาน ดังภาพ
คลิกที่
จะแสดงกล6องโต'ตอบให'เลือกโฟลเดอรปลายทางที่เก็บโปรแกรม ดังภาพ ทองไส เทียบดอกไม
12
คลิกที่
จะแสดงกล6องโต'ตอบให'เลือก Components ดังภาพ
คลิกที่
จะแสดงกล6องโต'ตอบให'เลือกการเริ่มใช'งานที่ Start Menu ดังภาพ การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
13
คลิกที่
คลิกที่
จะแสดงหน'าต6างถามความพร'อมติดตั้ง ดังภาพ
จะแสดงหน'าต6างยืนยันเสร็จการติดตั้ง ดังภาพ ทองไส เทียบดอกไม
14
คลิกที่
เพื่อเสร็จการติดตั้ง
การจัดการภาพดวยโปรแกรม Tux Paint สํานักงานส6งเสริ งเสริมอุตสาหกรรมซอฟตแวรแห6 สาหกรรมซอฟต งชาติ (องคการมหาชน)(2550) จัดทําคู6มือการใช'งาน Open Source ฉบับคุ'มค6า Chantra 53.05 Handbook ซึ่งได'ใส6รายละเอียดเกี่ยวกับการจัดการ โปรแกรม Tux Paint ดังนี้ 1. การเรียกใช'งาน Tux Paint 2. ลงมือวาดภาพ 3. สร'างตราประทั างตราประทับลงบนภาพ 4. การวาดลายเส'น 5. การวาดรูปทรงต6างๆ 6. การแทรกข'อความลงบนภาพ อความลงบนภาพ 7. การตกแต6งภาพให'สวยงาม สวยงาม 8. การลบส6วนที่ไม6ต'องการ องการ 9. การสร'างชิ้นงานใหม6 11. ลองระบายสีภาพ 12. การเป\ดภาพที ดภาพที่บันทึก 13. Tux Paint : เปรียบเทียบฟˆ บฟเจอรกับโปรแกรมดัง การเรียกใชงาน Tux Paint 1. คลิกปุ‡ม Start หากเจอโปรแกรม Tux Paint ให'คลิกเลือกได'เลย 2. เลือก All Programs จะแสดงกลุ6มโปรแกรม Tux Paint เลือก Tux Paint การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
15
3. จากนั้นจะแสดงหน'า' ต66างโปรแกรม Tux Paint ลงมือวาดภาพ ถ'าต'องการจะวาดภาพ องการจะวาดภาพ ลงไปบนโปรแกรม Tux Paint ก็สามารถทําได'งายๆ า6 ยๆ ดังนี้... 1. เมื่อเป\ดหน'าต6างโปรแกรม างโปรแกรม Tux Paint ขึ้นมา ให'คลิกปุ‡ม วาดรูป เพื่อวาดรูป 2. จากนั้น คลิกเลือกสีที่ต'องการวาด 3. คลิกเลือกรูปแบบลายเส' แบบลายเสน 4. กดปุ‡มเมาสซ'ายค'างเอาไว' างเอาไว แล'ววาดไปตามรูปแบบที่ต'องการ
ทองไส เทียบดอกไม
16 สรางตราประทั างตราประทับลงบนภาพ ในโปรแกรมมีเครื่องมือที่เรียกว6 กวา ตราประทับ เพื่อให'ผู'ใช'งานแทรกตราประทั งานแทรกตราประทับลงบนภาพได' ลงบนภาพไดอย6 างง6ายดาย ายดาย ซึ่งเราสามารถติดตั้งตราประทับเพิ่มเติมได' ได โดยการดาวนโหลดจากเว็บไซตของ ของ Tux Paint 1. ให'คลิกปุม‡ ตราประทับ 2. จะแสดงรูปแบบตราประทับทางด' ทางดานขวามือ 3. คลิกเลือกตราประทั าประทับที่ต'องการนํามาใช'งาน 4. แล'วคลิกเมาสซ'ายลงยั ายลงยังตําแหน6 แหนงที่ต'องการแทรกตราประทับ
การวาดลายเสน โปรแกรมสามารถวาดลายเสนได' โดยใช'เมาสเป_นตั โปรแกรมสามารถวาดลายเส' นตัวกําหนดทิศทางในการวาดภา 1. คลิกปุ‡ม ลายเส'น 2. แล'วไปคลิ วไปคลิกเลือกสีของเส' องเสน 3. เลือกขนาดของลายเส'น 4. คลิกเมาสซ'ายลงยั ายลงยังตําแหน6 แหนงเริ่มต'นแล'วลากไปยังทิศทางที่ต'องการ
การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
17 การวาดรูปทรงตOางๆ การวาดรูปทรงลงไปในภาพนั้น ก็สามารถทําได' ไดง6ายเหมือนกับส6วนอื่นๆ 1. คลิกปุม‡ รูปทรง เพื่อให' ใหแสดงรูปทรงต6างๆ 2. คลิกเลือกสีของรูปทรง 3. ทางด'านขวามื านขวามือจะมีรูปทรงให' ทรงใหคลิกเลือกมากมาย 4. คลิกเมาสซ'าย แล'วลากลงไปบนรู วลากลงไปบนรูปภาพ
การแทรกขอความลงบนภาพ อความลงบนภาพ ในบางครั้งเราอาจจะมีการแทรกข' ารแทรกขอความลงบนภาพบ'าง ซึ่งสามารถทําได'โดย โดย 1. เมื่อต'องการแทรกข' องการแทรกขอความลงไปบนภาพ ให'คลิกปุ‡ม ข'อความ 2. คลิกเลือกสีของตัวอักษร 3. ทางด'านขวามือเป_นการเลื นการเลือกรูปแบบข' แบบขอความ 4. คลิกเมาสซ'ายลงยั ายลงยังตําแหน6 แหน งที่ให'แสดงข'อความ แล'วพิมพข'อความลงไป อความลงไป หากเราต' หากเราต องการ เปลี่ยนตําแหน6งแสดงข'อความ อความ ให' ใหคลิกเมาสซ'ายยังตําแหน6งที่ต'องการข'อความจะย'ายตามไปด' ายตามไปดวย 5. หากต'องการย6อ/ขยายขนาดของข ขยายขนาดของข'อความ ให'คลิกที่ปุ‡มลูกศรขึ้น-ลงที ลงที่มุมขวาล6 ขวาลาง ทองไส เทียบดอกไม
18
การตกแตOงภาพใหสวยงาม Tux Paint มีเครื่องมือให'เราตกแต6งภาพมากมาย ที่ผูใ' ช'งานเห็นแล'วต'องประทั องประทับใจ 1. ให'คลิกเลือกที่ปุม‡ เวทมนตร 2. จะแสดงปุ‡มให'คลิ คลิกเลือกใช' กใชงานมากมายทางด'านขวามือ ให'คลิกเลือกปุ‡มที่ต'องกา 3. แล'วคลิกเมาสซ'ายลากไปบนส6 ายลากไปบนสวนที่ต'องการตกแต6ง 4. ในกรณีที่ทํางานผิดพลาด เราสามารถย' เราสามารถยอนกลับไปได'โดย คลิกที่ปุม‡ เรียกคืน
การลบสOวนที่ไมOตองการ การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
19 เมื่อใดที่เราวาดหรือพิมพข' พ อความผิดไป และต'องการลบทิ้งโดยไม6ขอแก'ไข ไข ก็สามารถใช' ามารถใชยางลบ เพื่อลบสิ่งที่ไม6ต'องการได' โดยคลิกปุ‡ม ยางลบ แล'วเลื วเลือกขนาดของยางลบทางด' กขนาดของยางลบทางดานขวามือ จากนั้น นําเมาสไปวางส6วนที่ตองการลบ อ' งการลบ แล' แลวคลิกเมาสซ'ายหนึ่งครั้ง การสรางชิ้นงานใหมO เมื่อวาดภาพไปแล'วต'องการจะสร' องการจะสรางชิ้นงานอันใหม6ขึ้นมา ก็สามารถทําได'โดย โดย 1. ให'คลิกปุ‡ม ใหม6 จะแสดงข' จะแสดงขอความว6า ถ'าเริ่มรูปใหม6ตอนนี ตอนนี้ มันจะลบรูปเดิม หากไม6 หากไมต'องการใช' งานแล'วให'คลิกเลือกไม6 แต6หากต' หากตองการให'คลิกเลือกใช6 โปรแกรมจะให'เราบั เราบันทึกภาพไว' ภาพไว 2. โปรแกรมจะให'เราเลื เราเลือกพื้นหลัง 3. เราสามารถไปดูพื้นหลังแบบอื่นๆ ได' ไดโดยการคลิกปุ‡มลูกศรด'านล6าง 4. หรือเลือกรูปวาด เพื่อนํามาระบายสีก็ได'ด 5. จากนั้น คลิกที่ปุม‡ เป\ เปด
ลองระบายสีภาพ ทองไส เทียบดอกไม
20 1. เลือกที่ปุ‡ม เวทมนตร ทางด' ทางดานซ'ายมือ 2. เลือกที่ปุม‡ เติมสี ทางด' ทางดานขวามือ 3. เลือกสีที่ตองการทางด' อ' งการทางด'านล6าง 4. นําเมาสไปคลิกซ'าย 1 ครั้ง ในบริเวณที่ต'องการเติมสี 5. ลองใส6เครื่องมือทางด'านขวาเพิ านขวาเพิ่มเติม เช6 เชน หญ'า ดอกไม' ปรับความสว6างของสี างของสี 6. เมื่อวาดภาพไปซักพัก เราก็ควรทําการบันทึกเก็บเอาไว' เอาไว โดยการคลิกปุ‡ม บันทึก หากเราต'อง การให'บันทึกทับรูปเดิมให'คลิกปุม‡ ใช6 ใช หากไม6ต'องการให'คลิกปุ‡ม ไม6 7. หากต'องการพิมพรูรูปภาพดังกล6 กลาว ให'คลิกที่ปุ‡ม พิมพ 8. หากต'องการออกจากโปรแกรม องการออกจากโปรแกรม ให' ใหคลิกที่ปุ‡ม ออก
การเปดภาพที่บันทึก เรามาลองทดสอบดูว6า การบันทึกไฟลภาพที ไฟล ่เราวาดไว'นั้น สมบูรณหรือไม6 โดย 1. ให'คลิกปุ‡ม เป\ด 2. จะแสดงรูปภาพที่ได'บับนั ทึกไว' ไวก6อนหน'านี้ ให'คลิกเลือกภาพที่ต'องการเป\ด 3. จากนั้น คลิกปุ‡ม เป\ด
การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
21
เปรียบเทียบฟSเจอร8กักับโปรแกรมดัง
ทองไส เทียบดอกไม
22 Inkscape คืออะไร Inkscape คือโปรแกรมวาดภาพในแบบเวกเตอร 2 มิติ โดยใช'ฟอรแมตมาตรฐานเป\ดของ W3C ที่ ชื่อว6า Scalable Vector Graphics (หรือ SVG) ในตัวโปรแกรมยังมีเครื่องมือในแบบเวกเตอรต6างๆ และ ไฟล SVG ยังสามารถแลกเปลี่ยนกับโปรแกรมอื่นๆ ได'อีกด'วย (สํานักงานส6งเสริมอุตสาหกรรมซอฟตแวร แห6งชาติ(องคการมหาชน), 2550) การดาวน8โหลดและติดตั้งโปรแกรม Inkscape การดาวนโหลดไฟลติดตั้งโปรแกรม Inkscape ควรเลือกแหล6งดาวนโหลดที่มีการอัพเดทเวอรชั่น ล6าสุดของโปรแกรม แนะนําที่เว็บไซตที่ได'รับความนิยม ได'แก6 ที่ http://inkscape.software.informer.com/ (software.informer, 2555) จากการดาวนโหลดจะได'ไฟลติดตั้งโปรแกรมที่เราเลือกบันทึกในโฟลเดอรปลายทางในคอมพิวเตอร ของเรา ชื่อไฟลติดตั้งได'แก6 Inkscape-0.48.2-1-win32.exe จากนั้นก็ดับเบิ้ลคลิกที่ไฟลติดตั้งโปรแกรม และทําการติดตั้งตามคําแนะนําของระบบจนเสร็จสิ้นการติดตั้งเพื่อเริ่มใช'งานต6อไป การจัดการภาพดวยโปรแกรม Inkscape สํานักงานส6งเสริมอุตสาหกรรมซอฟตแวรแห6งชาติ (องคการมหาชน)(2550) จัดทําคู6มือการใช'งาน Open Source ฉบับคุ'มค6า Chantra 53.05 Handbook ซึ่งได'ใส6รายละเอียดเกี่ยวกับการจัดการ โปรแกรม Inkscape ดังนี้ 1. การเรียกใช'งาน Inkscape 2. การสร'างรูปทรงและลายเส'น 3. ขั้นตอนการสร'างรูปทรง 4. ขั้นตอนการสร'างเส'นต6างๆ 5. การสร'างและแก'ไขข'อความ 6. การซูมและย6อเอกสาร 7. การเคลื่อนย'ายวัตถุ 8. การหมุนวัตถุ 9. การลบรูปทรงหรือข'อความ 10. การจัดหน'าเอกสาร 11. การปรับแต6งข'อความ 12. แทรกรูปภาพจากภายนอก การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
23 13. การซ'อนวัตถุ 14. แก'ไขภาพจาก Open Clip Art 15. นําไปใช'งาน เจอร บโปรแกรมดัง 16. เปรียบเทียบฟˆเจอรกั 17. ฟˆเจอรเด็ดการสร' สร'างข'อความ Drop Shadow การเรียกใชงาน Inkscape 1. คลิกปุ‡ม Start 2. ถ'าเจอโปรแกรม Inkscape ก็สามารถเลือกได'ทันที 3. หากไม6เจอให'เลื เลือก All Programs คลิกเลือก Inkscape
ทองไส เทียบดอกไม
24 4. จะแสดงหน'าต6างโปรแกรม างโปรแกรม Inkscape
การสรางรูปทรงและลายเสนน รูปภาพส6วนใหญ6จะเกิ จะเกิดจากการรวมตัวของรูปทรงต6 ทรงตางๆ างๆ หลายแบบ อาทิ สี่เหลี่ยม สามเหลี่ยม วงกลม รวมทั้งลายเส'น ซึ่งเราสามารถใช' เราสามารถใชเครื่องมือวาดภาพ ดังนี้
1. คลิกที่วัตถุใดๆ เพื่อปรับเปลี่ยน แก' แกไข เคลื่อนย'าย ฯลฯ 2. คลิกเลือก เมื่อต'องการวาดรู องการวาดรูปทรงสี่เหลี่ยม 3. คลิกเลือก เมื่อต'องการวาดรู องการวาดรูปทรงสี่เหลี่ยมมีมิติ 4. คลิกเลือก เมื่อต'องการวาดรู องการวาดรูปวงกลม วงรี 5. คลิกเลือก เมื่อต'องการวาดรู องการวาดรูปดาว 6. คลิกเลือก เมื่อต'องการวาดรู องการวาดรูปเส' เสนแบบก'นหอย 7. คลิกเลือก เมื่อต'องการวาดรู องการวาดรูปเส' เสนอิสระ 8. คลิกเลือก เมื่อต'องการวาดรู องการวาดรูปเส' เสนต6อเนื่อง 9. คลิกเลือก เมื่อต'องการวาดรู องการวาดรูปเส' เสนอิสระ (กราฟ\ก) การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
25 ขั้นตอนการสรางรู างรูปทรง 1. คลิกปุมรู ม‡ รูปทรงที่เราต' ราตองการ 2. คลิกเลือกสีของรูปทรงที่แถบสีด'านล6าง 3. ลากเมาสลงไปบนพื ลงไปบนพื้นที่ทํางาน ก็จะได' ะไดรูปทรงในแบบที่ต'องการ
ขั้นตอนการสรางเสนตOางๆ างๆ 1. คลิกปุ‡มรูปแบบเส'นที นที่เราต' ราตองการ 2. คลิกเลือกสีของรูปแบบเส' แบบเสนที่แถบสีด'านล6าง 3. ลากเมาสลงไปบนพื ลงไปบนพื้นที่ทํางาน - รูปแบบเส'นแบบก' นแบบกนหอย วาดให'ได'ขนาดที่ต'องการ - รูปแบบเส'นอิ นอิสระ วาดให' วาดใหได'เส'นตามต'องการ - รูปแบบเส'นต6อเนื อเนื่อง วาดเส' วาดเสนแรกเสร็จให'คลิก 1 ครั้ง จะเกิดเส'นต6อเนื อเนื่อง ให'เราวาดเส'นที่ 2 ต6อ ทําอย6างนี้ไปเรื่อยๆ หากต'องการสิ องการสิ้นสุดให' ใหกดปุ‡ม Enter ที่คียบอรด - รูปแบบเส'นอิ นอิสระ (กราฟ\ก) วาดให'ได'เส'นตามต'องการ ทองไส เทียบดอกไม
26
การสรางและแกไขขอความ อความ เป_นการสร'างเท็กซลงไปในชิ ลงไปในชิ้นงานและการแก' งานและการแกไขรูปแบบของเท็กซข'อความที อความที่ปรากฏ 1. คลิกปุ‡มสร'างตัวอักษร 2. คลิ้กเลือกสีให'กับข'อความ อความ 3. ใช'เมาสคลิ คลิกลงยังพื้นที่ทํางานแล' งานแลวพิมพข'อความ 4. ผูใ' ช'งานสามารถกํ งานสามารถกําหนดฟอนต และขนาดฟอนตได'จากเมนูบารด'านบน 5. หากต'องการย'ายตํ ายตําแหน6 แหนงข'อความ ให'คลิกปุ‡ม Select แล'วใช'เมาสคลิ คลิกและลากข' และลากขอความไปยัง ตําแหน6งที่ต'องการ
6. ในการขยายขนาดข'อความ อความ สามารถคลิกเมาสแล' เมาส วลากเพื วลากเพื่อเพิ่มหรือลดขนาดได' ลดขนาดได การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
27 การซูม-ยOอเอกสาร ถ'าเราสร'างชิ างชิ้นงานแล'วมองไม6ชัด ต'องการขยายยังบริเวณที่ต'องการ หรือต'ตองการย6อเพื่อดูภาพ ทั้งหมดโดยรวมก็สามารถทําได'โดย โดย 1. ให'คลิกเมนู View -> - Zoom จะแสดงเมนูเกี่ยวกับการซูมให'เลือกใช'งานหลายคํ งานหลายคําสั่ง หรือแก' แกไข ตัวเลขในช6อง Zoom ค6าตั าตัวเลขมากคือการซูมอิน แต6 แตถ'าตัวเลขน'อยค6าการซูมเอาต
การเคลื่อนยายวัตถุ ภาพรูปทรงที งที่เราวาดลงไปนั้นอาจไม6 อาจไมลงตัวกับภาพที่สร'างขึ างขึ้นก็สามารถปรับเปลี่ยน โยกย' โยกย ายตํา แหน6งได'ตามต'องการ 1. คลิกปุ‡ม Select 2. แล'วคลิ วคลิกเลือกวัตถุที่ต'องการย'ายตําแหน6ง
ลากไปยังตําแหน6 แหนงปลายทางตามต'องการ 3. แล'วใช'เมาสลากไปยั ทองไส เทียบดอกไม
28
การหมุนวัตถุ เมื่อนําวัตถุไปวางโดยการวาดหรือการย' การย าย บางมุมอาจไม6ได'ตามต'องการ องการ จึงต'ต องมีการแก'ไข ทิศทางของรูปทรงบ''าง าง โดยมีวิธีการดังนี้ 1. คลิกปุ‡ม Select 2. แล'วไปคลิ วไปคลิกเลือกรูปทรงที่ต'องการหมุน 3. จากนั้นคลิกปุ‡มเครื มเครื่องมือเพื่อทําการหมุนในรูปแบบต6 แบบตางๆ วัตถุก็ถูกเปลี กเปลี่ยนทิศทางไปตามปุ‡ม คําสั่งที่เลือก
การลบรูปทรงหรือขอความ การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
29 ถ'าเรามี าเรามีการแทรกรูปทรงและพิมพข' พ อความลงไปในชิ้นงาน แล'วต'องการลบวั องการลบวัตถุนั้นทิ้งไปก็สามารถ ทําได' โดย 1. คลิ้กเลือกปุมเครื ม‡ เครื่องมือ Select 2. นําเมาสไปคลิ ไปคลิ้กเลือกวัตถุที่ต'องการลบ 3. คลิกปุ‡ม Cut รูปกรรไกร หรือกดแป? กดแปน Delete บนคียบอรดก็ได'
การจัดหนาเอกสาร ในกรณีที่เราพิมพข'อความลงไป อความลงไป และต' และตองการจั องการจัดรูปแบบเอกสารก็สามารถทําได' ไดโดย 1. พิมพข'อความที อความที่เราต' ราตองการลงไปให'ครบตามจํานวน 2. หากต'องการแก'ไขข' ไขขอความให'ดับเบิ้ลคลิกข'อความที่จะแก'ไข 3. หากต'องการเลื องการเลื่อนข' นขอความชุดที่เพิ่งพิมพลงไป ให'คลิกปุ‡ม Select
อความไปยังส6สวนที่ต'องการ 4. แล'วคลิกลากชุดข'อความไปยั ทองไส เทียบดอกไม
30
ปรับแตOงขอความ องการเพิ่มความโดดเด6 ความโดดเดนให'กับข'อความ ก็สามารถทําได'ดังนี้... หากเราต'องการเพิ 1. นําเมาสดัดับเบิ้ลคลิกเลือกข' กขอความ พร'อมคลุมข'อความที่จะแก'ไข 2. แล'วคลิกปุ‡ม Bold เพื่อสร' สรางตัวหนา 3. หรือคลิกปุ‡ม Italic เพื่อสร' สรางตัวเอียง
แทรกรูปภาพจากภายนอก การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
31 ในเอกสารบางครั้งอาจต' อาจตองมีการแทรกรูปภาพบ'าง ก็สามารถทําได'โดย 1. คลิกที่เมนู File แล'วเลือกรายการ Import...
2. ในไดอะล็อกบ็อกซ Select fi le to import เพื่อให'คลิกเลือกโฟลเดอร 3. คลิกเลือกไฟลรูรูปภาพ 4. แล'วคลิกปุ‡ม Open
5. แสดงรูปภาพในชิ้นงาน ให' ใหคลิกปุ‡ม Select 6. แล'วเลื วเลื่อนรูปภาพไปยังตําแหน6 แหนงที่ต'องการ 7. ทําการย6อภาพ อภาพ โดยนําเมาสไปลากตรงมุ เมาส มของภาพ
ทองไส เทียบดอกไม
32
การซอนวัตถุ ในบางรูปภาพอาจเกิดจากการนําเอาวัตถุหลายๆชิ้น มาวางซ' มาวางซอนกันเพื่อสร'างภาพ างภาพ ก็สามารถทําได' ได 1. คลิกปุ‡มสร'างรู างรูปสี่เหลี่ยม 2. คลิกเลือกสีของรูปทรง 3. แล'วลากเมาสลงไปบนพื ลงไปบนพื้นที่ทํางาน 4. คลิกปุ‡มสร'างรู างรูปวงกลม 5. คลิกเลือกสีให'กักบั วงกลม 6. ใช'เมาสวาดรู วาดรูปวงกลมขึ้นมา 7. หากต'องการเปลี่ยนย'ายตํ ายตําแหน6 แหนงให'คลิกปุ‡ม Select
การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
33 แกไขภาพจาก Open Clip Art หากเราจะทําการแก'ไขรู ไขรูปภาพที่มาจาก Open Clip Art ก็สามารถทําได'เช6 เช6นกัน 1. ไปอิมพอรตรู ตรูปภาพเข' ภาพเขามาในโปรแกรม โดยการคลิกที่เมนู File แล'วเลื วเลือกรายการ Import...
2. คลิกเลือกตําแหน6งเก็ งเก็บไฟล Open Clip Art 3. คลิกเลือกไฟลรูรูปภาพ 4. จะแสดงหน'าต6างพรี างพรีวิวรูปภาพ 5. แล'วให'คลิกปุ‡ม Open 6. จะปรากฎรูปภาพจาก Open Clip Art ที่เราเลือกเข'ามาในโปรแกรม
ทองไส เทียบดอกไม
34 7. คลิกปุ‡มรูปทรงต6างๆ างๆ ที่ต'องการวาด เลือกสีสัน 8. แล'ววาดรูปทรงเหล6านั านั้นลงบนรูปภาพ
การนําไปใชงาน งาน หรือแจกจ6 แจกจายให' เมื่อแก'ไขรูปภาพจาก Open Clip Art แล'วก็ทําการเอ็กพอรตเพื่อนําไปใช'งาน กับผู'อื่นได' โดย 1. คลิกที่เมนู File ->> Export Bitmap…
การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
35 2. จะแสดงหน'าต6าง Export Bitmap 3. ให'เลื เลือกสถานที่เก็บไฟล โดยคลิกที่ปุ‡ม Browse 4. กดปุ‡ม Export
5. เลือกสถานที่เก็บไฟล 6. ตั้งชื่อไฟล 7. กดปุ‡ม Save
ทองไส เทียบดอกไม
36 8. ลองเป\ดด'วยโปรแกรม วยโปรแกรม Windows Photo Viewer
เปรียบเทียบฟSเจอร8กักับโปรแกรมดัง
ฟSเจอร8เด็ด...สรางขอความ อความ Drop Shadow เป_นการสร'างข'อความโดยให' อความโดยใหตัวอักษรมีเงา 1. คลิกปุ‡มสร'างตัวอักษร 2. กําหนดสีที่ตองการ อ' งการ กําหนดฟอนตและขนาด หนดฟอนต 3. กําหนดฟอนตและขนาด และขนาด 4. พิมพข'อความที่ต'องการ องการ
การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
37 5. คลิกเลือกข'อความที อความที่ต'องการ 6. แล'วคลิกปุ‡ม Cone ที่แถบเมนูบารด'านบน 7. ใช'เมาสเลื่อนข'อความให' อความใหเป_นลักษณะเงา หรือใช'ปุ‡มลูกศรที่คียบ 8. จากนั้น คลิกปุ‡ม CutClone ที่แถบเมนูบารด'านบน 9. คลิกเลือกสีที่ต'องการ องการ จะทําให' ใหสีของข'อความเปลี่ยนไปทันที
10. เราสามารถเคลื่อนย' นยายตัวอักษรนี้ไปวางยังตําแหน6งที่ต'องการได'
ทองไส เทียบดอกไม
38 Gimp คืออะไร Gimp คือโปรแกรมแต6งภาพในดวงใจของใครหลายๆ คน เพราะไม6เพียงแค6คนใช'จะได'เพลิดเพลินกับ การนําภาพของเราที่มีเข'าไปตกแต6งให'สวยงาม เพื่อพิมพกันสนุกๆ ภายในบ'านเท6านั้น ผู'ที่ต'องทํางานด'านก ราฟ\กไม6ว6าจะเป_นบริษัท ห'างร'านต6างๆ ยังสามารถนําซอฟตแวร GIMP ไปตกแต6งเพื่อใช'ในงานด'านกราฟ\กด' วยลูกเล6นมากมายที่มีให'อีกด'วย GIMP (GNU Image Manipulation Program) จึงเป_นโปรแกรมจัดการทา งด'านรูปภาพที่มีความสามารถไม6แพ'โปรแกรมใด ใช'โปรแกรมนี้เพื่อตกแต6งรูปภาพดิจิตอล การออกแบบ กราฟ\ก สําหรับสร'างงานเว็บเพจ การแปลงไฟล และการสร'างภาพความละเอียดสูง เพื่อใช'สําหรับงานพิมพ ทําได'มากมายหลากหลายจริงๆ แถมยังฟรีอีกด'วย (สํานักงานส6งเสริมอุตสาหกรรมซอฟตแวรแห6งชาติ(องค การมหาชน), 2550) การดาวน8โหลดและติดตั้งโปรแกรม Gimp การดาวนโหลดไฟลติดตั้งโปรแกรม Gimp ควรเลือกแหล6งดาวนโหลดที่มีการอัพเดทเวอรชั่นล6าสุด ของโปรแกรม แนะนําที่เว็บไซตที่ได'รับความนิยม ได'แก6 ที่ http://gimp.software.informer.com/ (software.informer, 2555) จากการดาวนโหลดจะได'ไฟลติดตั้งโปรแกรมที่เราเลือกบันทึกในโฟลเดอรปลายทางในคอมพิวเตอร ของเรา ชื ่ อไฟลติ ดตั ้งได' แก6 gimp-2.8.2-setup-1.exe จากนั ้ นก็ ดับ เบิ ้ ล คลิ กที ่ไฟลติ ดตั ้ งโปรแกรม และทําการติดตั้งตามคําแนะนําของระบบจนเสร็จสิ้นการติดตั้งเพื่อเริ่มใช'งานต6อไป การจัดการภาพดวยโปรแกรม Gimp สํานักงานส6งเสริมอุตสาหกรรมซอฟตแวรแห6งชาติ (องคการมหาชน)(2550) จัดทําคู6มือการใช'งาน Open Source ฉบับคุ'มค6า Chantra 53.05 Handbook ซึ่งได'ใส6รายละเอียดเกี่ยวกับการจัดการ โปรแกรม Gimp ดังนี้ 1. การเรียกใช'งาน Gimp 2. เป\ดรูปภาพขึ้นมาแก'ไข 3. เลือก Crop ภาพเฉพาะส6วนที่ต'องการ 4. การย6อขนาดรูปภาพ 5. การหมุนภาพ 6. ปรับแต6งความสว6างให'กับรูปภาพ 7. การเอียงรูปภาพ 8. การใช'งานฟ\ลเตอร 9. การบันทึกไฟล การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
39 10. ฟˆเจอรเด็ดการใส6ข'ขอความบนรูปภาพ 11. เปรียบเทียบฟˆเจอรกั เจอร บโปรแกรม Photoshop แนะนําคู6มือการใช'งานโปรแกรม Gimp จากเว็บไซตอื่นๆดังนี้ 1. “แต6 แต6งภาพให'สวยด'วย Gimp” ที่ http://www.ninetechno.com/a/gimp.html 2. “Gimp” ที่ http://it.benchama.ac.th/gimp/home.html //it.benchama.ac.th/gimp/home.html 3. “สร' สร'างงานกราฟ\กและตกแต6งภาพอย6างไร'ขึดจํากัด ด'วย Gimp” ที่ http://it.benchama.ac. http://it.benchama.ac th/gimp/fscommand/Gimp_CompleteBook.pdf การเรียกใชงาน Gimp 1. คลิกปุ‡ม Start 2. ถ'าเจอโปรแกรม Gimp ก็สามารถเลือกได'ทันที 3. หากไม6เจอให'เลื เลือก All Programs คลิกเลือก GIMP แล'วเลือก GIMP 2 4. หรือดับเบิลคลิกชอรตคั ชอร ทโปรแกรม GIMP ที่หน'า Desktop
ทองไส เทียบดอกไม
40 5. จะแสดงหน'าต6างโปรแกรมและหน' างโปรแกรมและหนาต6างส6วน Layers, Channels, Paths และอื่นๆ
เปดรูปภาพขึ้นมาแกไข ดรูปภาพที่บันทึกเอาไว' เอาไว ในเครื่องคอมพิวเตอร หรือรูปภาพที่ถ6ายจากกล' ายจากกล องดิจิตอล ไปดูการเป\ดรู ขึ้นมา เพื่อทําการแก'ไข ( ม -> ใหม6) 1. คลิกเมนู File ->> Open... (แฟ?
การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
41 2. จะแสดงหน'าต6าง Open Image ให'คลิกเลือกโฟลเดอรทีที่จัดเก็บรูปภาพ 3. คลิกเลือกรูปภาพที่ต'องการ 4. จะแสดงตัวอย6างรู างรูปภาพในส6 ภาพในสวน Preview 5. แล'วคลิกปุ‡ม Open (เป\ ( ด)
ภาพในหนาต6างโปรแกรม พร'อมชื่อไฟล และขนาดไฟลรูรูปภาพ 6. จะแสดงรูปภาพในหน'
ทองไส เทียบดอกไม
42 เลือก Crop ภาพ...เฉพาะสO เฉพาะสOวนที่ตองการ ภาพถ6ายที ายที่มีอาจมีขนาดใหญ6 นาดใหญ แต6เราต'องการเฉพาะบางส6วนในรู วนในรูปภาพก็สามารถตัดเลือกเอา เฉพาะส6วนนั้นๆ ได'โดยการใช'การ Crop ภาพ 1. คลิกปุ‡ม Crop ทางเมนูด'านซ'ายมือ 2. นําเมาสมาคลิ มาคลิกเลือกบริเวณที่ต'องการ Crop
3. จากนั้น ไปที่เมนู Image -> Crop to Selection (ภาพ ->> Crop to Selection)
การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
43 4. รูปภาพจะถูก Crop ตามที่เรากําหนดไว'
การยOอขนาดรูปภาพ ายภาพมานั้น อาจมีการตั้งค6คาความละเอียดของภาพสูง ทําให'รูรูปภาพมีขนาดใหญ6 นาดใหญ ถ'า เวลาที่เราถ6ายภาพมานั นําไปใช'งานก็ต'องมีการแก'ไขขนาดให' ไขขนาดใหเล็กลง โดยการปรับขนาดรูปภาพดังนี้ 1. เป\ดรูปภาพที่ตองการย6 อ' งการยอขนาดให'เล็กลง 2. จากนั้น คลิกที่เมนู Image -> Scale Image… (ภาพ -> ปรับสัดส6วนภาพ...) วนภาพ
ทองไส เทียบดอกไม
44 3. ให'กํกาํ หนดขนาดความกว' หนดขนาดความกวางและสูงของภาพ โดยกําหนดที่ความกว'างอย6างเดี างเดียว 4. คลิกที่ปุ‡มลูกโซ6ข'างๆ จะคํานวณส6 นวณสวนสูงของภาพให'สมดุลโดยอัตโนมัติ 5. จากนั้น คลิกปุ‡ม Scale
6. สัดส6วนของรู วนของรูปภาพจะถูกย6ยอขนาดลง โดยสังเกตจากเปอรเซ็นตของภาพด'านล6 านลาง
การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
45 การหมุนภาพ ภาพที่เราได'มาจากกล' มาจากกล'องดิจิตอลอาจถ6ายตามแนวตั้ง หรือตามแนวนอน แต6 แตเราอยากให'รูปภาพ ไปอยูใ6 นอีกมุมหนึ่งที่เราต'องการ องการ ก็สามารถทําได' ไดเช6นกัน มีวิธีการดังนี้ 1. เป\ดรูปภาพที่ตองการหมุ อ' งการหมุนทิศทางขึ้นมา 2. คลิกเมนู Image -> Transform -> เลือกทิศทางของภาพที่เราต'องการ องการ (ภาพ ->แปลง ลักษณะภาพ -> เลือกทิศทางของภาพที่เราต' ราตองการ)
3. รูปภาพจะถูกปรับไปตามทิศทางที่เราเลือกไว' กไว
ทองไส เทียบดอกไม
46 ปรับแตOงความสวOางใหกักับรูปภาพ มาลองปรับเพิ่มความสว6 ความสว างหรือลดความสว6างให'กับรูปภาพกัน เพื่อให'รูรูปภาพที่ได'ด ออกมาตาม ความต'องการ อ' งการปรับแต6 แตงความสว6าง 1. เป\ดรูปภาพที่ตองการปรั 2. คลิกที่เมนู Tools ->> Color Tools -> Levels... (เครื่องมือ -> เครื่องมือสี ->Levels...) 3. หรือคลิกที่เมนู Color -> Levels... (สี -> Levels...)
การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
47 4. จะแสดงหน'าต6าง าง Adjust Color Levels ขึ้นมา ให'เราเลื เราเลือกปรับแสงที่กรอบของ Input Levels โดย - เลื่อนลูกศรไปทางด' ศรไปทางดานซ'าย สีของแสงจะสว6างขึ้น - เลื่อนลูกศรไปทางด' ศรไปทางดานขวา สีของแสงจะเข'มขึ้น โดยขณะที่ปรับแต6งภาพ จะมีการแสดงพรีวิวผลลัพธของภาพที่เกิดขึ้น 5. เมื่อปรับเรียบร'อยแล' อยแลว ให'คลิกปุ‡ม OK หรือ ตกลง
6. รูปภาพจะเปลี่ยนแสงไปตามการปรับค6คา การเอียงรูปภาพ เวลาที่เราถ6ายภาพมั ายภาพมักไม6 ไมค6อยได'ถ6ายในแบบเอียงๆ แต6ในบางครั ในบางครั้งก็อาจต'องการได'ภาพแบบมุม เอียงเพื่อนําไปใช'งาน งาน ซึ่งเราสามารถทําได' ไดดังนี้ 1. เป\ดรูปภาพที่ตองการปรั อ' งการปรับแต6 แตงให'มีลักษณะเอียงขึ้นมา 2. คลิกเมนู Tools ->> Transform Tools -> Rotate (เครื่องมือ -> เครื่องมือแปลงลักษณะ-> ษณะ หมุน) ทองไส เทียบดอกไม
48
3. ใช'เมาสคลิกที่ภาพค'างไว' างไว แล'วเลื่อนหมุนให'ภาพเอียงไปตามทิศทางที่ต'องการ องการ 4. หรือใส6ค6าในช6อง Angle
5. เมื่อได'มุมเอียงที่ต'องการแล' องการแลว ให'คลิกปุ‡ม Rotate 6. ก็จะได'รูปเอียงสมใจ
การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
49 การใชงานฟลเตอร8 ถ'าเราต'องการนํ องการนํารูปภาพที่มีมาใส6 าใสฟ\ลเตอรจากโปรแกรมก็สามารถทําได'เช6นกั นกัน 1. เป\ดภาพที่ตองการใส6 อ' งการใสฟ\ลเตอรขึ้นมา 2. ให'คลิกที่เมนู Filters ->Artistic ->Van Gogh (LIC)… (ฟ\ลเตอร ->Artistic >Artistic->Van Gogh (LIC)…)
3. จะแสดงหน'าต6างให' างใหปรับค6าฟ\ลเตอรต6างๆ 4. แล'วคลิกปุ‡ม OK
5. รูปภาพก็จะถูกใส6ฟ\ฟล\ เตอรให'ทันที ทองไส เทียบดอกไม
50
การบันทึกไฟล8 หลังจากที่เราทําการต'องทํ องทําการบันทึกภาพที่ได'ดตามรูปแบบที่ต'องการ 1. คลิกเมนูคําสั่ง File ->> Save as… (แฟ? ( ม -> Save as…)
( นทึกภาพ) 2. แสดงหน'าต6าง Save Image (บั การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
51 3. ให'พิมพชื่อไฟลและเลื และเลือกโฟลเดอรที กโฟลเดอร ่จะจัดเก็บไฟล 4. ถ'าต'องการเลื องการเลือกรูปแบบไฟลอื แบบไฟล ่นให'คลิกที่ Select File Type (เลื เลือกชนิดแฟ? แฟม) 5. คลิกเลือกรูปแบบไฟลที แบบไฟล ่ต'องการ 6. จากนั้น คลิกปุ‡ม Save (บั ( นทึก)
ในเว็บให' ใหเลือก Progressive ด'วย จากนั้น คลิกปุ‡ม Save 7. หากนํารูปไปใช'ในเว็
ฟSเจอร8เด็ด...ใสOขอความบนรูปภาพ ทองไส เทียบดอกไม
52 ในโปรแกรม Gimp ก็สามารถใส6 ามารถใสข'อความลงไปบนรูปภาพได'เช6นกั นกัน ซึ่งเราสามารถนําไปประยุกต ใช'ในการทําใบปลิว หรือหน'าโฆษณาได' าโฆษณาได 1. ถ'าต'องการสร'างเลเยอรใหม6 างเลเยอร ให'คลิกเมนู Layer -> New Layer… (ชิชิ้นงาน ->ชิ้นงานใหม6)
2. จะแสดงหน'าต6างเลเยอรใหม6 างเลเยอร เพื่อให'กําหนดค6า แล'วคลิกปุ‡ม OK
จะแสดงเลเยอร ทันที 3. ในหน'าต6างเลเยอร จะแสดงเลเยอรใหม6 การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
53
4. คลิกปุ‡ม Text รูปตัว A 5. วาดกรอบของข'อความลงไปบนรู อความลงไปบนรูปภาพ 6. จะแสดงหน'าต6างให' างใหเขียนข'อความ อความ กําหนดขนาดตัวอักษร สีตัวอักษร และอื่นๆ 7. เราสามารถเปลี่ยนสีตัวอักษรได' ษรไดโดยการดับเบิ้ลคลิกที่แถบสีดํา ที่เป_นสี นสีปจŽ จุบัน
างของแถบสีขึ้นมา ให' ใหเลือกสีที่ต'องการแล'วคลิกปุ‡ม OK (ตกลง) ( 8. จะปรากฎหน'าต6างของแถบสี ทองไส เทียบดอกไม
54
9. จากนั้นพิมพข'อความที อความที่ต'องการลงไป
อความบนรูปภาพทันที 10. จะแสดงข'อความบนรู การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
55
เปรียบเทียบฟSเจอร8กักับโปรแกรม Photoshop
Greenshot คืออะไร ทองไส เทียบดอกไม
56 เมื่อกล6าวถึงโปรแกรมจับภาพหน'าจอแล'ว ผู'ใช'โดยทั่วไปจะคุ'นเคยกับการใช'โปรแกรม SnagIT ซึ่ง เป_นซอฟตแวรในกลุ6ม Commerial แต6สําหรับผู'ใช'ที่สนใจซอฟตแวรในกลุ6ม OSS จะพบว6าโปรแกรม Greenshot เป_นทางเลือกที่น6าสนใจมาก มีความสามารถไม6แตกต6างจาก SnagIT แต6ใช'งานได'ง6ายกว6า ดาวนโหลดได'ที่ http://getgreenshot.org/ (บุญเลิศ อรุณพิบูลย, 2553) Greenshot เป_นเครื่องมือจับภาพหน'าจอฟรีที่มีประสิทธิภาพมากที่สุด มีนํ้าหนักเบา (Lightweight) ถูกเผยแพร6ภายใต'สัญญาอนุญาตแบบ GPL(General Public License) คือ สามารถดาวนโหลด และใช'งานได'ฟรีแม'ในสภาพแวดล'อมในเชิงพาณิชย เมื่อผู'ใช'พบว6า Greenshot ช6วยประหยัดเวลาและเงิน จะยิ่งยินดีอย6างมากที่จะสนับสนุนการพัฒนาซอฟตแวรจับภาพหน'าจอนี้ Greenshot มีคุณสมบัติที่สําคัญ ดังนี้ (getgreenshot.org, 2011) 1. สร'างภาพหน'าจอที่สมบูรณหรือบางส6วน(complete or partial)ได'อย6างรวดเร็ว 2. ใส6คําอธิบายประกอบได'อย6างง6ายดาย เน'นหรือปรับลดความคมชัด(highlight or obfuscate) บางส6วนของหน'าจอได' 3. ส6งภาพไปยังแฟ?ม คลิปบอรด เครื่องพิมพ หรือไฟลแนบส6ง e-mail ได' ความง6ายต6อการทําความเข'าใจและตั้งค6าทําให' Greenshot เป_นเครื่องมือที่มีประสิทธิภาพสําหรับ ผู'บริหารโครงการ นักพัฒนาซอฟตแวร นักเขียนด'านเทคนิค และผู'ใช'ทั่วไป การดาวน8โหลดและติดตั้งโปรแกรม Greenshot เป\ดอินเทอรเน็ตใช'เว็บไซตที่ http://getgreenshot.org/ เริ่มดาวนโหลดโปรแกรม Greenshot จะได'ไฟลติดตั้งโปรแกรมที่เราเลือกบันทึกในโฟลเดอรปลายทางในคอมพิวเตอรของเรา ชื่อไฟลติดตั้งได'แก6 Greenshot-INSTALLER-1.0.6.2228.exe ดับเบิ้ลคลิกที่ไฟลติดตั้งโปรแกรม ที่เก็บบนโฟลเดอรใน เครื่องคอมพิวเตอรของเรา จะแสดงกล6องโต'ตอบ “Open File – Security Warning” คลิกที่ “Run” จะ แสดงกล6องโต'อตบ “User Account Control” ให'คลิกที่ “Allow” จะแสดงกล6องโต'ตอบ “Select Setup Language” ให'เลือกภาษา เราอาจเลือกภาษา “English” แล'วคลิก “OK” ระบบอาจสดงกล6องโต'ตอบว6ามี เวอรชั่นเก6ากว6าในเครื่องคอมพิวเตอรของเรา ให'เราป\ดไปก6อน ตรงนี้คลิกที่ “OK” จะแสดงหน'าต6างตัวช6วย ติ ด ตั ้ ง โปรแกม ให' ค ลิ ก ที ่ “Next” จะแสดงกล6 อ งโต' ต อบ “ข' อ กํ า หนดอนุ ญ าตการใช' ( License Agreement)” ให' เลื อก “I accept the agreement” แล'ว คลิ ก “Next” จะขึ้ น กล6 องโต' ต อบ “Information” ให'อ6านข'อมูลสําคัญแล'วคลิก “Next” จะแสดงพื้นที่เก็บโปรแกรมในคอมพิวเตอรของเรา ให'คลิกที่ “Next” จะแสดงกล6องโต'ตอบ “Select Component” ให'เราเลือกติดตั้งส6วนประกอบที่สําคัญ ด'วย ให'คลิก “Next” จะแสดงกล6องโต'ตอบ “Select Start Menu Folder” ให'เรารู'ว6าเริ่มใช'โปรแกรมที่ เมนู “Start” แล'วคลิก“Next” จะขึ้นกล6องโต'ตอบ “Select Additional Tasks” ให'คลิก “Next” จะ การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
57 แสดงกล6องโต'ตอบ “Ready Ready to Install” Install ให'คลิกที่ “Install” จะแสดงความก'าวหน'าการติดตั้ง และขึ้นหน'า “Completing Completing the Greenshot Setup Wizard” Wizard ให'คลิก “Finish” จะแสดงไอค6อน พร'อมใช'งานของ โปรแกรม Greenshot ที่ System Tray บน Task Bar ด'านขวาล6างของคอมพิวเตอรของเรา เริ่มใชงานโปรแกรม Greenshot เริ่มใช'งานโปรแกรม Greenshot โดยคลิกที่ไอค6อน โปรแกรม Greenshot ที่ System Tray บน Task Bar ด'านขวาล6างของคอมพิวเตอรของเรา จะแสดงรายการใช'งานต6างๆ ของโปรแกรม ดังภาพ
การจัดการภาพดวยโปรแกรม Greenshot จับขอบเขตภาพ (Capture Capture region) region หลังจากคลิ คลิกขวาที่ไอคอน Greenshot ใน Systray บน Task Bar แล'วคลิกเลือกโหมด “จับขอบเขตภาพ” (Capture Capture region) region จะช6ช6วยให'ผู'ใช'เลือกส6วนของหน'าจอที่ต'องการจับภาพได' โดยจะเห็น “เป?าเล็ง(Crosshair)” ชี้ให'เห็นตําแหน6งของเมาสบนหน'าจอ คลิกค'างไว'ตํตําแหน6งที่ต'องการในมุมมองของ หน'าจอของเรา แต6ก็ยังกดค'างเมาสไว'แล'วลากเมาสเพื ลากเมาส ่อกําหนดกรอบสี กรอบสี่เหลี่ยมครอบพื้นที่ที่ต'องการจับภาพ เมื่อกรอบสี่เหลี่ยมสีสีเขียวครอบคลุมพื้นที่ที่ต'องการจะบันทึกหน'าจอให'ปล6อยเมาส ดังตัวอย6างภาพ
ทองไส เทียบดอกไม
58
จับภาพลOาสุด (Capture Capture last region) region กรณีที่ผู'ใช'ได'จับขอบเขตหรื หรือจับหน'าต6างภาพก6อนหน'านี้ ผู'ใช'สามารถจั สามารถจับขอบเขตภาพเดียวกันนั้น อีกครั้งโดยคลิกขวาที่ไอคอน Greenshot ใน systray บน Task Bar แล'วคลิกโหมดจั โหมด บภาพล6าสุด (Capture last region) หรือกดคีบอรดคอมพิวเตอรของเราที่ Shift+Print จะแสดงผลลัพธการจับภาพ ล6าสุด ดังตัวอย6างภาพ
การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
59 จับภาพหนาตOาง (Capture Capture window) window การจับภาพหน'าต6าง (Capture window) เป_นการสร'างภาพหน' ภาพหน'าจอของหน'าต6างทีกําลังทํางาน เพราะกล6องโต'ตอบการตั้งค6า(Setting Setting Dialog) มีตัวเลือกที่จะไม6จับภาพหน'าต6าง (Capture Capture window) window ที่ใช' งานโดยทันที แต6ผูผู'ใช'สามารถเลือกได' ก โดยคลิกคลิกขวาที่ไอคอน Greenshot ใน Systray บน Task Bar แล'ว คลิกโหมด “จัจั บภาพหน'า ต6 าง”(Capture ง window) Greenshot จะเน'น (ทํทํา Highlight)พื้ นที่ ทั ้ ง หน'าต6างที่กําลังทํางานนั้น แล'วคลิกอีกครั้ง Greenshot จะจับภาพหน'าต6างให'เลย ดังภาพตั ภาพ วอย6าง
จับภาพเต็มจอ (Capture Capture fullscreen) จับภาพเต็มจอ (Capture Capture fullscreen) fullscreen เป_นการสร'างภาพหน' ภาพหน'าจอของหน'าจอทั จอ ้งหมด โดยคลิก ขวาที่ไอคอน Greenshot ใน Systray บน Task Bar แล'วคลิกโหมด “จัจับภาพเต็ ภาพ มจอ” (Capture fullscreen) หรือกดคีบอรดคอมพิวเตอรของเราที่ Control+Print จะแสดงผลลัพธการจับภาพเต็มจอ ดัง ตัวอย6างภาพ
ทองไส เทียบดอกไม
60 การเปดภาพจากไฟล8 (Open image from file) การเป\ดภาพจากไฟล (Open image from file) หมายถึงการเลือกค'นหาภาพจากโฟลเดอรหรือ ไฟลปลายทางในคอมพิวเตอรของเรา แล'วเป\ดขึ้นมาเพื่อจัดการอย6างใดอย6างหนึ่งต6อไป เช6น แก'ไข สั่งพิมพ หรือส6งไปจัดการต6อใน Word Excel และ Powerpoint เป_นต'น ที่ใช'ประโยชนเครื่องมือนี้เป_นส6วนมากและ ให'ความสะดวกเป_นอย6างดี ได'แก6 การเป\ดแก'ไขภาพ (Open in image editor) การเปดแกไขภาพ (Open in image editor) edit เมื่อเป\ดภาพจากไฟล(Open (Open image from file) โปรแกรมจะสั่งเป\ดค'นหาภาพจากไฟลหรือ โฟลเดอรปลายทางในคอมพิวเตอรของเรา แล'วเลือก จะแสดงหน'าต6างแก'ไขภาพของ Greenshot ดังภาพ
เพื่อแก'ไขภาพที่เลือกไว'
จากหน'าต6างการเป\ดแก'ไขภาพ (Open in image editor) แสดงส6วนประกอบในการจั นประกอบใน ดการ หน'าต6าง ดังนี้ ชื่อภาพ และ วยเหลือ(Help) เมนูหลักไฟล(File) แก'ไข(Edit) วัตถุ(Object) และช6 การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
61 เป_นแท็ บ เครื่องมือมาตรฐาน ได'แก6 บันทึก(Save) คัดสอกสู6คลิบบอรด(Copy (Copy image to clipboard) พิมพ (Print) ลบทิ้ง(Delete) ตัด(Cut) คัดลอก(Copy) ลอก วาง(Paste) ทําซํ้า(Undo) เลิกทํา(Redo) ตั้งค6า(Preferences) ไมโครซอฟท เอาทลุค(Microsoft Outlook) ไมโครซอฟท เวิรด(Microsoft (Microsoft Word)ไมโครซอฟท Word) เอ็กเซล (Microsoft Excel) ไมโครซอฟท พาวเวอรพอยนท(Microsoft พาวเวอรพอยนท (Microsoft Powerpoint)ไมโครซอฟท Powerpoint) เพนท (Microsoft Paint) อัพโหลดสู6 Imgur (Upload to Imgur) และความช6วยเหลือ(Help) เป_น เครื่องมือจัดูปแบบภาพ ซึ่งจะแสดงเมื่อมีการสร'างและแก'ไขภาพบนหน'าต6างเป\ งเป\ดแก'ไขภาพ (Open in image editor) ได'แก6 สีเติม(Fill Fill Color) Color สีของเส'น(Line Color) ความหนาของเส'น(Line Thickness) แบบตัวอักษร ขนาดตัวอักษร จัดรูปแบบตัวอักษร และเงา(Shadow) ชุดเครื่องมือสร'างและแก'ไขภาพ เป_นเครื่องมือในมุมมองแนวตั้งด'านซ'าย ของหน'าต6างเป\ดแก'ไข ภาพ (Open in image editor) ดังนี้ เลือกวัตถุ (Selection Selection Tools) หรือ Esc สร'างกรอบสี กรอบสี่เหลี่ยมผืนผ'า (Rectangle) สร'างกรอบวงรี กรอบวงรี (Ellipse) ลากเส'น (Line) Line) สร'างลูกศร (Arraw) วาดเส'นอิสระ(Draw ระ Freehand) เพิ่มข'อความ (Adding Text) เน'นสีภาพ//ข'อความ (Highlighting Things) สร'างกล6 กล6องเซนเซอรหรือภาพมัว (Obfuscating Things) สร'างเอฟเฟ_คท (Effects) ครอบตัดหน'าจอ (Cropping the Screenshot) หมุนตามเข็มนา’ิกา (Rotate Clockwise) หมุนทวนเข็มนา’ิกา (Rotate Counter Clockwise) ทองไส เทียบดอกไม
62 โปรแกรมกราฟ\ก TuxPaint, Inkscape, Gimp, และ Greenshot เป_นโปรแกรมคอมพิวเตอรในกลุ6ม Open Source Software และ Freeware ด'าน Graphic เพื่อการเรียนรู' ใช'งานสําหรับคอมพิวเตอรส6วน บุคคล ได'แก6 Notebook/Netbook Computer ที่ทํางานบนระบบปฏิบัติการ Microsoft Windows เหมาะสมกับการนํามาปรับใช'ในการจัดการเรียนการสอน ตามแนวทางการป?องกันการละเมิดลิขสิทธิ์การใช' เทคโนโบยีสารสนเทศและการสื่อสาร ในการจัดการเรียนการสอน โดยสรุปดังนี้ TuxPaint เป_นโปรแกรมที่ผู'ใช'วัยเยาวสามารถนํามาวาดรูปในแบบง6ายๆ และเหมาะมากๆ สําหรับ เด็กตั้งแต6 3 ขวบขึ้นไป ตัวโปรแกรมเน'นการใช'งานที่ง6าย พร'อมเครื่องมือมากมายเหมาะสําหรับการส6งเสริม ความคิดสร'างสรรคให'กับเด็กๆ โปรแกรมนี้ทํางานคล'ายกับโปรแกรม Paint บนวินโดวสนั่นเอง Inkscape เป_นโปรแกรมวาดภาพในแบบเวกเตอร 2 มิติ โดยใช'ฟอรแมตมาตรฐานเป\ดของ W3C ที่ ชื่อว6า Scalable Vector Graphics (หรือ SVG) ในตัวโปรแกรมยังมีเครื่องมือในแบบเวกเตอรต6างๆ และ ไฟล SVG ยังสามารถแลกเปลี่ยนกับโปรแกรมอื่นๆ ได'อีกด'วย Gimp เป_นโปรแกรมแต6งภาพที่ไม6เพียงแค6คนใช'จะได'เพลิดเพลินกับการนําภาพของเราที่มีเข'าไป ตกแต6งให'สวยงาม เพื่อพิมพกันสนุกๆ ภายในบ'านเท6านั้น ผู'ที่ต'องทํางานด'านกราฟ\กอื่นยังสามารถนํา ซอฟตแวร GIMP ไปตกแต6งเพื่อใช'ในงานด'านกราฟ\กด'วยลูกเล6นมากมายที่มีให'อีกด'วย GIMP (GNU Image Manipulation Program) จึงเป_นโปรแกรมจัดการทางด'านรูปภาพที่มีความสามารถไม6แพ'โปรแกรมใด ใช' โปรแกรมนี้เพื่อตกแต6งรูปภาพดิจิตอล การออกแบบกราฟ\ก สําหรับสร'างงานเว็บเพจ การแปลงไฟล และ การสร'างภาพความละเอียดสูง เพื่อใช'สําหรับงานพิมพ ทําได'มากมายหลากหลายจริงๆ และยังฟรีอีกด'วย Greenshot เป_นโปรแกมจับภาพหน'าจอฟรีที่มีป ระสิทธิภาพมากที่สุด มีนํ้ าหนักเบา (Lightweight) ถูกเผยแพร6ภายใต'สัญญาอนุญาตแบบ GPL(General Public License) คือ สามารถดาวนโหลด และใช'งานได'ฟรี
การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
63 แบบทดสอบวัดผลการเรียนรูของครูกลุOมเปeาหมาย ในความรูและทักษะใหมOที่ไดรับ โครงการที่ 2 การอบรมครูเชิงปฏิบัติการเพื่อเสริมสรางทักษะการบูรณาการ ICT ในการจัดการเรียนการสอน เรื่อง การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot คําชี้แจง : 1. แบบทดสอบนี้มีลักษณะเป_นแบบทดสอบชนิดเลือกตอบ(Multiple Choices) 4 ตัวเลือก ตอบถูกได' 1 คะแนน และตอบผิดได' 0 คะแนน จํานวน 8 ข'อ 2. ให'ครูกลุ6มเป?าหมายผู'รับการพัฒนา เลือกตําตอบที่ถูกที่สุดเพียงตัวเลือกเดียว จาก 4 ตัวเลือก ก, ข, ค, และ ง .................................................................................................................................................................................................................................................................................................................................................
1. คอมพิวเตอรกราฟ\ก คืออะไร ? ก. การสร'าง ตกแต6งแก'ไข และจัดการรูปภาพ ข. การตกแต6งแก'ไขภาพโดยใช'เครื่องคอมพิวเตอร ค. การสร'างภาพโดยใช'เครื่องคอมพิวเตอร ง. การสร'าง การตกแต6งแก'ไข หรือการจัดการเกี่ยวกับรูปภาพโดยใช'เครื่องคอมพิวเตอร 2. โปรแกรม TuxPaint, Inkscape, Gimp, และ Greenshot เป_นซอฟตแวรโปรแกรมในกลุ6มใด ? ก. Commercial Software ข. Shareware Software หรือ Trialware ค. Open Source Software และ Freeware ด'าน Graphic ง. Public Domain Software ตารางความสัมพันธระหว6างชื่อโปรแกรมกับความหมายของโปรแกรม ชื่อโปรแกรม A. TuxPaint B. Inkscape
ความหมาย E. เป_นโปรแกรมใช'งานฟรีในการแต6งภาพที่ ตกแต6งรูปภาพดิจิตอล ออกแบบกราฟ\ก สําหรับ สร'างงานเว็บเพจ แปลงไฟล และสร'างภาพความละเอียดสูงเพื่อใช'สําหรับงานพิมพ
F. เป_นโปรแกรมใช'งานฟรีในการวาดรูปในแบบง6ายๆ และเหมาะมากๆ สําหรับเด็กตั้งแต6 3 ขวบขึ้นไป เน'นการใช'งานง6าย พร'อมเครื่องมือจํานวนมากเหมาะสําหรับการส6งเสริมความคิด สร'างสรรคให'กับเด็กๆ โปรแกรมนี้ทํางานคล'ายกับโปรแกรม Paint บนวินโดวสนั่นเอง G. เป_นโปรแกมใช'งานฟรีในการจับภาพหน'าจอคอมพิวเตอรที่มีประสิทธิภาพมากทีส่ ุด มี นํ้าหนักเบา(Light-weight)
C. Gimp D. H. เป_นโปรแกรมใช'งานฟรีในการวาดภาพในแบบเวกเตอร 2 มิติ โดยใช'ฟอรแมตมาตรฐาน Greenshot เป\ดของ W3C ที่ชื่อว6า Scalable Vector Graphics (หรือ SVG) ในตัวโปรแกรมยังมีเครื่องมือ ในแบบเวกเตอรต6างๆ และไฟล SVG ยังสามารถแลกเปลี่ยนกับโปรแกรมอื่นๆได'ด'วย
ทองไส เทียบดอกไม
64 ให'ใช'ข'อมูลจากตารางด'านบนนี้ตอบคําถามข'อ 3 ถึง 6 3. ชื่อโปรแกรมและความหมายของโปรแกรม TuxPaint จับคู6ตามข'อใด ? ก. A : E ข. A : F ค. A : G ง. A : H 4. ชื่อโปรแกรมและความหมายของโปรแกรม Inkscape จับคู6ตามข'อใด ? ก. B : E ข. B : F ค. B : G ง. B : H 5. ชื่อโปรแกรมและความหมายของโปรแกรม Gimp จับคู6ตามข'อใด ? ก. C : E ข. C : F ค. C : G ง. C : H 6. ชื่อโปรแกรมและความหมายของโปรแกรม Greenshot จับคู6ตามข'อใด ? ก. D : E ข. D : F ค. D : G ง. D : H 7. การใช'โปรแกรม TuxPaint สร'างรูปภาพจะต'องติดตั้งอะไรลงบนเครื่องคอมพิวเตอร ? ก. ติดตั้งโปรแกรม TuxPaint ข. ติดตั้งตราประทับ (Stamps) ค. ติดตั้งโปรแกรม TuxPaint และตราประทับ (Stamps) ง. ดาวนโหลดมาใช'เลยไม6ต'องติดตั้ง 8. โปรแกรม Gimp มีความสามารถเท6าเทียมกับโปรแกรมคอมพิวเตอรเพื่อการจําหน6ายที่มีชื่อเสียง เช6น PhotoShop ในด'านใด ? ก. เครื่องมือรับรองการแก'ไขและตกแต6งภาพ ข. มี Effect และ Filter ให'เลือกใช'งาน ค. ปรับแต6งขนาดเมื่อพิมพผ6านทางเครื่องพิมพ ง. ถูกทั้ง ก, ข, และ ค การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
65 แบบบันทึกถอดบทเรียนสะทอนผลการเรียนรู โครงการที่ 2 การอบรมครูเชิงปฏิบัติการเพื่อเสริมสรางทักษะการบูรณาการ ICT ในการจัดการเรียนการสอน เรื่อง การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot วันที่ ...... เดือน ................. พ.ศ. ................ เวลา .......... น. สถานที่ ........................................................................... ...................................................................................................................................................................... คําชี้แจง เครื่องมือนี้มีวัตถุประสงคในการสร'าง เพื่อบันทึกการถอดบทเรียนสะท'อนผลการเรียนรู'ตามโครงการ ที่ 2 “โครงการอบรมครูเชิงปฏิบัติการเพื่อเสริมสร'างทักษะการบูรณาการ ICT ในการจัดการเรียน การสอน” เป_นส6วนหนึ่งของการวิจัยและพัฒนา เรื่อง โปรแกรมพัฒนาครูด'วยการบูรณาการ ICT เพื่อ การจัดการเรียนการสอน ในโรงเรียนประถมศึกษา ให'ครูกลุ6มเป?าหมายบันทึกการถอดบทเรียนสะท'อนผลการเรียนรู'ว6า ได'รับความรู'อะไร และมี ทั ศนคติ อย6 า งไร กั บการดํา เนิน โครงการที ่ 2 ตามขอบข6 ายเนื้ อหา เรื ่อง “การใช' โ ปรแกรมกราฟ\ ก TuxPaint, Inkscape, Gimp, และ Greenshot” ดังนี้ ....................................................................................................................................................................... ....................................................................................................................................................................... ....................................................................................................................................................................... ....................................................................................................................................................................... ....................................................................................................................................................................... ....................................................................................................................................................................... ....................................................................................................................................................................... ....................................................................................................................................................................... ....................................................................................................................................................................... ....................................................................................................................................................................... ....................................................................................................................................................................... ....................................................................................................................................................................... (ลงชื่อ) ............................................... ผู'บันทึก (..............................................) ครูกลุ6มเป?าหมายผู'รับการพัฒนา
ทองไส เทียบดอกไม
66 แบบประเมินคุณภาพการเรียนรูจากเอกสาร โครงการที่ 2 การอบรมครูเชิงปฏิบัติการเพื่อเสริมสรางทักษะการบูรณาการ ICT ในการจัดการเรียนการสอน เลOมที่ 9 เรื่อง การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot ...................................................................................................................................................................... คําชี้แจง 1. เครื่องมือนี้มีวัตถุประสงคในการสร'างเพื่อเป_นเครื่องมือสําหรับครูกลุ6มเป?าหมาย ในการประเมิน การเรียนรู'ของตนเองจากเอกสาร เรื่อง “การใช'โปรแกรมกราฟ\ก TuxPaint, Inkscape, Gimp, และ Greenshot” ตามโครงการที่ 2 “การอบรมครูเชิงปฏิบัติการเพื่อเสริมสร'างทักษะการบูรณาการ ICT ใน การจัดการเรียนการสอน” เป_นส6วนหนึ่งของการวิจัยและพัฒนา เรื่อง “โปรแกรมพัฒนาครูด'วยการบูรณา การ ICT เพื่อการจัดการเรียนการสอนในโรงเรียนประถมศึกษา” 2. เครื่องมือมีเกณฑการให'ระดับคุณภาพรูบริคแบบภาพรวม(Holistic Rubric) 5 ระดับ ได'แก6 5, 4, 3, 2, และ 1 หมายถึง ดีเยี่ยม ดีมาก ดี พอใช' และปรับปรุง ตามลําดับ ดังนี้ ระดับ 5 (ดีเยี่ยม) สอดคล'องกับวัตถุประสงคของโครงการและโปรแกรม ส6งเสริมการพัฒนา อย6างต6อเนื่อง มีการพัฒนาทั้งระดับบุคคล กลุ6ม และองคการ เริ่มจากชุดเล็กที่ละชุดจนครบทุกชุด เรียนรู' ด'วยตเองได' ฝzกปฏิบัติได' นําไปใช'จัดการเรียนการสอนได' และส6งผลต6อพัฒนาการเปลี่ยนแปลงโรงเรียน และพัฒนาการการเรียนรู'ของนักเรียนที่ตรวจสอบและประเมินผลได' ระดับ 4 (ดีมาก) สอดคล'องกับวัตถุประสงคของโครงการและโปรแกรม ส6งเสริมกาพัฒนา อย6างต6อเนื่อง มีการพัฒนาทั้งระดับบุคคล กลุ6ม และองคการ เริ่มจากชุดเล็กที่ละชุดจนครบทุกชุด เรียนรู' ด'วยตเองได' ฝzกปฏิบัติได' นําไปใช'จัดการเรียนการสอนได' และส6งผลต6อพัฒนาการเปลี่ยนแปลงโรงเรียน และพัฒนาการการเรียนรู'ของนักเรียน ระดับ 3 (ดี) สอดคล'องกับวัตถุประสงคของโครงการและโปรแกรม ส6งเสริมการพัฒนาอย6าง ต6อเนื่อง มีการพัฒนาทั้งระดับบุคคล กลุ6ม และองคการ เริ่มจากชุดเล็กที่ละชุดจนครบทุกชุด เรียนรู'ด'วยต เองได' ฝzกปฏิบัติได' นําไปใช'จัดการเรียนการสอนได' และส6งผลต6อพัฒนาการการเรียนรู'ของนักเรียน ระดับ 2 (พอใช') สอดคล'องกับวัตถุประสงคของโครงการและโปรแกรม ส6งเสริมการพัฒนา อย6างต6อเนื่อง มีการพัฒนาทั้งระดับบุคคล กลุ6ม และองคการ เริ่มจากชุดเล็กที่ละชุดจนครบทุกชุด เรียนรู' ด'วยตเองได' ฝzกปฏิบัติได' และนําไปใช'จัดการเรียนการสอนได' ระดับ 1 (ปรับปรุง) สอดคล'องกับวัตถุประสงคของโครงการและโปรแกรม ส6งเสริมการพัฒนา อย6างต6อเนื่อง มีการพัฒนาทั้งระดับบุคคล กลุ6ม และองคการ เริ่มจากชุดเล็กที่ละชุดจนครบทุกชุด เรียนรู' ด'วยตเองได' ฝzกปฏิบัติได' และยังไม6ชัดเจนในการนําไปใช'จัดการเรียนการสอน
การใชโปรแกรมกราฟก TuxPaint, Inkscape, Gimp, และ Greenshot
67 3. ให'ครูกลุ6มเป?าหมายประเมินการเรียนรู'จากเอกสาร เรื่อง “การใช'โปรแกรมกราฟ\ก TuxPaint, Inkscape, Gimp, และ Greenshot” โดยทําเครื่องหมาย √ ในวงเล็บหน'าระดับคุณภาพการเรียนรู'ที่ เกิดขึ้นจริง ดังนี้ (......) ระดับ 5 ดีเยี่ยม (......) ระดับ 4 ดีมาก (......) ระดับ 3 ดี (......) ระดับ 2 พอใช' (......) ระดับ 1 ปรับปรุง
(ลงชื่อ) ............................................... ผู'ประเมิน (..............................................) ครูกลุ6มเป?าหมายผู'รับการพัฒนา
ทองไส เทียบดอกไม
บรรณานุกรม บุญเลิศ อรุณพิบูลย. (2553). จับภาพใสOจอ จับจอใสOกระดาษดวย Greenshot. ค'นเมื่อวันที่ 8 พฤษภาคม 2555, จาก http://www.boonlert.in.th/2010/12/03/greenshot/ ______. (2554). กลุ6ม Graphic ใน OSS/Freeware สําหรับคอมพิวเตอร8สOวนบุคคล. ค'นเมื่อวันที่ 24 เมษายน 2555, จาก http://stks.or.th/wiki/doku.php?id=oss:start สํานักงานส6งเสริมอุตสาหกรรมซอฟตแวรแห6งชาติ (องคการมหาชน). (2550). คูOมือการใชงาน Open Source ฉบับคุมคOา Chantra 53.05 Handbook. กรุงเทพฯ: อาคารรวมหน6วยงานราชการ บี ศูนยราชการเฉลิมพระเกียรติ 80 พรรษา 5 ธันวาคม 2550. อัญชลี ทะวงศอารี. (2555). ใบความรูเรื่อง ความหมายกราฟก. ค'นเมื่อวันที่ 5 พฤษภาคม 2555, จาก http://mfu.mengrai.ac.th/anchalee/?page_id=120 getgreenshot.org. (2011). Greenshot - a free screenshot tool optimized for productivity. Retreived May 8, 2012, from http://getgreenshot.org/ John Popplewell, & Bill Kendrick. (2011). Tux Paint 0.9.21c. Retrieved January 20, 2012, from http://www.tuxpaint.org/download/windows/ software.informer. (2555). Gimp. Retrieved January 20, 2012, from http://gimp.software. informer.com/ _____. (2555). Greenshot. Retrieved January 20, 2012, from http://greenshot.software. informer.com/ _____. (2555). Inkscape. Retrieved January 20, 2012, from http://inkscape.software. informer.com/ TOYAMA Shin-Ichi. (2009). Tux Paint Stamps 2009.06.28. Retrieved January 20, 2012, from http://www.tuxpaint.org/download/windows/ Tux Paint. (2012). Tux Paint for Windows. Retrieved January 20, 2012, from http://www. tuxpaint.org/download/windows/