20901-1004 คอมพิวเตอร์กราฟิกเบื้องต้น

ภาพโปรแกรมตกแต่งภาพ Adobe Photoshop

1.โปรแกรมชว่ ยออกแบบ

โปรแกรมชว่ ยออกแบบจะใช้ในกราฟกิ ทางดา้ นวิศวกรรมและสถาปัตยกรรม เชน่ แบบแปลนอาคาร
แบบอุปกรณ์ แบบรถยนต์ แบบเครื่องบินสามารถใช้เขียนภาพโดยมีมาตราสว่ นจริงไดโ้ ปรแกรมช่วยออกแบบทว่ั ไป
ยงั แบ่งไดเ้ ป็นแบบ 2 มิติ ตวั อย่างเชน่ โปรแกรม AutoCAD และ แบบโปรแกรม 3 มิติ เชน่ 3DMAX ซงึ่
มกั จะใช้ในงานสถาปตั ยกรรม หรืองานโฆษณา

2. กราฟิกการนำเสนอ (Presentation Graphics)

โปรแกรมประเภทน้ีใชน้ ำเสนอข้อมลู หรือผลงาน ในรูปกราฟกิ สว่ นใหญ่โปรแกรมจะอนุญาตใหใ้ ส่
ตวั อักษร ภาพ รูปกราฟต่าง ๆ และมีการเก็บข้อมูลเปน็ หน้า ๆ เพือ่ นำมาแสดงหรอื นำเสนอไดง้ า่ ย ตวั อย่าง
โปรแกรมได้แก่ Lotus freelance , Microsoft PowerPoint

รปู ท่ี 3.2 ภาพกราฟิกการนำเสนอ (Presentation Graphics)
โปรแกรมแสดงข้อมูลทางกราฟิกสามารถจัดอยู่ในกล่มุ โปรแกรมประเภทนไี้ ด้ เน่ืองจากใช้ข้อมูลจากการ

เก็บรวบรวม คำนวณ หรอื ทดลองมาแสดงผลเป็นรปู กราฟ 2 มิติ หรือกราฟ 3 มิติ ทำให้เข้าใจความสัมพันธ์ของ
ขอ้ มลู ได้ดยี ่งิ ขึ้น นอกจากนั้นยังมีโปรแกรมที่แสดงขอ้ มูลจากการคำนวณจำนวนมาก เช่น การสรา้ งแผนที่
อากาศ การทดสอบเครอ่ื งบินในอุโมงคล์ ม การสรา้ งภาพนามธรรม

2 คอมพวิ เตอรก์ ราฟกิ เบือ้ งตน้ 2 มติ ิ

ปัจจบุ ันมีโปรแกรมท่เี กี่ยวขอ้ งกบั การออกแบบกราฟิก 2 มติ ิ (2D Graphics) ในท้องตลาดมากมาย ให้
เลอื กใชใ้ หต้ รงกับความตอ้ งการ สามารถแบง่ โปรแกรมประเภทนี้ออกได้ 3 ประเภท คอื

1. โปรแกรมการวาดเขยี น (Paint and Draw Program)
2. โปรแกรมการออกแบบ (Design Program)
3. โปรแกรมแผนภูมิและกราฟ (Chart / Graph)

ตวั อย่างคอมพิวเตอร์กราฟิกเบอื้ งต้น 2 มติ ิ
โปรแกรม THAISHOW

ประวตั กิ ารพัฒนาโปรแกรม : เปน็ โปรแกรมทเี่ ขียนขึ้นมาดว้ ยภาษาปาสคาลซึง่ โปรแกรมน้ีไดม้ กี ารพฒั นารนุ่ แรก
คอื THAISHOW รนุ่ 1.0 เมอ่ื ปี ค.ศ.1990 ตอ่ มากไ็ ด้มี การพฒั นาโปรแกรมมาเร่ือย ๆ จนถงึ ปจั จุบัน
ระบบฮารด์ แวรท์ ต่ี ้องการ : - เครอ่ื ง PC / XT หรือ PC / AT ขนาดหนว่ ยความจำ 640 KB ขึ้นไป ทำใหร้ ับได้กบั
เครอื่ งรุ่น 286 , 386 , 486 ข้ึนไปได้

- มีเคร่ืองอ่านแผน่ บันทกึ 1 เครือ่ ง มีการด์ แสดงผล และจอภาพเป็นการด์ ชนดิ ใด
ก็ได้
ระบบปฏบิ ตั ิการท่ใี ช้ : DOS
ลักษณะพเิ ศษในรนุ่ 3.0 : - สามารถแสดงอักขระสีต่าง ๆ บนพ้นื ทึบได้

- แสดงขอ้ ความแบบช้าได้
- กำหนดข้อความทเี่ ขียนด้วยตัวอักขระขนาดเลก็ ให้สามารถ
แสดงผลในแนวเฉียงได้

- เพิม่ ฟอนต์ได้
งานทเ่ี หมาะสมกับการใช้ : โปรแกรมทำบทเรยี นสำเร็จรปู ได้

โปรแกรม Visio

ประวตั ิการพฒั นาโปรแกรม : โปรแกรม Visio เปน็ โปรแกรมเขยี นแบบชนดิ หนึง่ ลักษณะท่ีเขยี นดว้ ยโปรแกรมนี้
จะมลี กั ษณะเปน็ สองมติ ิ เปน็ ภาพลายเสน้ ซึ่งเปน็ การจำลองการทำงานจากโต๊ะเขียนแบบ
ระบบฮาร์ดแวรท์ ่ีตอ้ งการ : - เคร่ืองพซี ี (PC) ท่วั ไป
ระบบปฏิบตั ิการที่ใช้ : Microsoft Windows 95 / 98
งานทเ่ี หมาะสมกับการใช้ : การสร้างงานกราฟิกในงานธรุ กจิ ตา่ ง ๆ งานสร้างแผนผังแบบแปลนสัญลักษณใ์ น
งานเทคนิคต่าง ๆ

โปรแกรม Harvard Graphic

ระบบฮารด์ แวรท์ ่ีต้องการ : มฮี ารด์ ดิสกท์ ่มี หี น่วยความจำอย่างน้อย 512 KB ถา้ จะใชโ้ ปรแกรม มาโครของฮาร์
วารด์ กราฟกิ จะต้องมหี น่วยความจำ 640 KB ขนึ้ ไป

ระบบปฏิบัติการทีใ่ ช้ : DOS เวอร์ชัน 2.1 หรือสงู กว่า

งานที่เหมาะสมกบั การใช้ : งานพรเี ซนเตชนั (Presentation) เช่น งานวิศวกร นักเรียน ผู้บริหาร

โปรแกรม Freehand

ระบบฮารด์ แวรท์ ่ตี ้องการ : ใช้ได้ทงั้ ระบบแมคอินทอช และพีซี

พซี ีควรใช้เครอื่ ง Pentium MMX ขึน้ ไป หน่วยความจำ 128 MB

ระบบปฏบิ ตั ิการที่ใช้ : Microsoft Windows ทกุ เวอรช์ นั

งานท่ีเหมาะสมกบั การใช้ : ภาพโลโก้ ภาพเอฟเฟก็ ต์ตวั อกั ษรและภาพงานสิ่งพิมพโ์ ฆษณา,

แผนท่ี, กราฟ , นามบตั ร

โปรแกรม Microsoft Word

ประวัติการพัฒนาโปรแกรม : กอ่ นท่จี ะมาเป็นไมโครซอฟต์เวริ ด์ ทางบริษทั ผูส้ ร้าง คือ บรษิ ัท
ไมโครซอฟต์ ได้เคยผลิตไมโครซอฟต์เวริ ด์ รุ่น 2.0 ออกมากอ่ น ซ่ึงไดร้ ับความนิยมพอสมควร จนมาปรับปรุงใหม่
เป็นรุ่น 6.0 ซึง่ มีคำสัง่ และเทคนคิ ที่ดแี ละเพ่ิมขน้ึ อีกมากมายทัง้ 2 รนุ่ ทำงานบนวินโดวส์3.1ซงึ่ ยังมีประสทิ ธิภาพ
ไม่ดนี กั บรษิ ัทไมโครซอฟต์ จึงสรา้ งเวริ ด์ บนระบบ ปฏบิ ัตกิ าร Windows95,98 , 2000 และXP มี
ระบบการตดิ ต่อกับผใู้ ช้แบบกราฟกิ (Graphical User Interfaceหรอื GUI) ซึง่ บางทีกเ็ รียกว่า Word95, 97 ,
2000 และ XP

ระบบฮารด์ แวรท์ ี่ต้องการ: - เคร่ืองคอมพวิ เตอร์ท่ีมี CPU รนุ่ Pentium ข้ึนไป

- เครือ่ งพิมพท์ ่พี มิ พไ์ ดท้ ้งั รปู ภาพและตัวอกั ษร ไมว่ า่ จะเป็นแบบ

เลเซอร์ อิงคเ์ จ็ต (Ink-Jet) หรอื ดอ็ ตแมทริกซ์

ระบบปฏิบตั กิ ารท่ใี ช้ : Microsoft Windows ทกุ เวอรช์ ัน

ลกั ษณะพิเศษของโปรแกรม : - ตกแต่งลกั ษณะตัวอกั ษรไดห้ ลายแบบ มีเวริ ด์ อารต์ (Word Art) ประดษิ ฐ์
ตัวอักษรท้ังไทย / องั กฤษ

- นำรูปภาพทมี่ อี ยู่ในคอมพิวเตอร์มาใชป้ ระกอบขอ้ ความไดส้ ะดวก

- มรี ะบบแก้คำผิดอตั โนมัติ

- ตรวจหาคำผดิ ได้ทง้ั ไทย / องั กฤษ

- มรี ะบบใส่ขอ้ ความอตั โนมตั ิ (Auto-text)

- จดั รูปแบบเอกสารใหโ้ ดยอัตโนมตั ิ

- ทำตวั อักษรใหญ่พเิ ศษใหก้ ับอกั ษรตัวแรกของยอ่ หนา้

- คำนวณตวั เลขท้ังแบบธรรมดาและสตู รทีย่ ุง่ ยากซบั ซอ้ นหรือยกข้อมลู จาก
Microsoft Excel เข้ามาใช้ได้

งานท่เี หมาะสมกับการใช้ : งานเอกสารที่เป็นขอ้ ความหรอื สิง่ พมิ พ์

โปรแกรม Adobe PageMaker

ประวัติการพฒั นาโปรแกรม: โปรแกรม PageMaker เดิมเคยเป็นผลงานของบริษัท Aldus แตใ่ น ปจั จุบันถกู
เปลยี่ นมอื ไปเปน็ ของบริษัท Adobe

ระบบฮารด์ แวร์ที่ตอ้ งการ : เครือ่ งคอมพวิ เตอรท์ ีม่ ี CPU Pentium ข้ึนไป

ระบบปฏิบัติการทใ่ี ช้ : Microsoft Windows

ลักษณะพิเศษของโปรแกรม : หลกั การทำงานของโปรแกรมจดั อยใู่ นประเภทท่ีเรียกว่า เดสทอปพบั ลชิ ชิง
(Desktop Publishing) หรือ DTP หรือเปน็ การนำข้อความ ทีเ่ ตรียมไว้กับรูปภาพทมี่ อี ย่ใู นคอมพวิ เตอร์
มาจัดแต่งประกอบกนั ให้ มรี ูปแบบใหม่ได้สารพัดอยา่ ง เพอ่ื เปน็ ตน้ ฉบบั ก่อนนำไปถ่ายเป็นฟิลม์ส่งเขา้ โรงพิมพ์
นอกจากนน้ั ยังมคี วามสามารถเปน็ เวริ ด์ โปรเซสเซอรไ์ ดอ้ กี ดว้ ย คือ มีความสามารถในการรบั ขอ้ ความที่เรากรอกลง
ไปโดยตรง และจะชว่ ยจดั บรรทดั จดั ชอ่ งไฟระหวา่ งตวั อักษร จดั ยอ่ หน้า

และอน่ื ๆ โดยอัตโนมัติ

งานทีเ่ หมาะสมกบั การใช้ : การจดั อารต์ เวริ ก์ (Artwork)

โปรแกรม Adobe Photoshop

ระบบฮารด์ แวรท์ ี่ตอ้ งการ : เครอ่ื งคอมพวิ เตอร์ท่ีมี CPU ระดบั Pentium หรอื สงู กวา่
หน่วยความจำ 32 MB ขนึ้ ไป เน้อื ที่ในฮารด์ ดิสก์ 80 MB ขึน้ ไป

ระบบปฏบิ ตั ิการที่ใช้ : Microsoft Windows 95 หรือใหม่กวา่

ลักษณะพเิ ศษของโปรแกรม : เปน็ โปรแกรมท่ใี ช้สำหรับการจดั การภาพ หรืองานกราฟิกทตี่ อ้ งการความ
ละเอียดสงู และเปน็ โปรแกรมท่นี ิยมมากที่สดุ และถอื วา่ เป็นโปรแกรมแบบ Universal File Format
สามารถเปิดไฟล์รูปภาพได้หลายรปู แบบ เช่น JPEG,TIFF, PNG, Targa, BMP, PICT, GIF, เปน็ ต้น
Photoshop ยังสนับสนุนระบบการจัดการด้านความถูกตอ้ งของสี สามารถแก้ไขสีของรปู ภาพให้เปน็ สตี า่ ง ๆ ตาม
ความตอ้ งการแก้ไขความคมชดั ของภาพ ใหม้ ีความคมชัดข้ึนหรือขนุ่ มัวลง

งานทเ่ี หมาะสมกบั การใช้ : งานการจดั ภาพการตกแต่งภาพ หรอื งานกราฟกิ ท่ีต้องการความละเอยี ด

โปรแกรม Authorware

ประวตั ิการพฒั นาโปรแกรม : มกี ารพัฒนามาตงั้ แตร่ ุ่นแรก ๆ (ไม่ปรากฎขอ้ มูล ค.ศ.) จนมาถึงราว ค.ศ.1995 ก็
มี Authorware Professional รนุ่ 3, 3.0,3.01,3.5 จนมาถงึ ค.ศ.1997 พฒั นามาเปน็ Authorware เวอร์ชนั 4

ระบบฮาร์ดแวรท์ ต่ี ้องการ : CPU 486/66 Pentium หรือสงู กวา่

ระบบปฏิบตั กิ ารที่ใช้ : Microsoft Windows 95 หรือใหม่กวา่

ลักษณะพเิ ศษของโปรแกรม : มกี ารใชง้ านทีง่ า่ ย เพยี งนำไอคอนมาวางเรียงกันบนเส้นโฟลว์ ตั้งแต่ บนลงล่าง

เหมอื นกับการออกแบบโปรแกรมโดยการเขยี นผงั งาน ทำใหม้ องเหน็ การออกแบบโปรแกรมประยุกตไ์ ดส้ ะดวก

และรวดเรว็ โดยไมต่ อ้ งใชภ้ าษาสครปิ ต์ (Scripts)หรือภาษาสำหรับเขียนโปรแกรม และการทำงานทุก

อย่างของโปรแกรมเป็นแบบโมดูล

งานท่เี หมาะสมกบั การใช้ : งานนำเสนอในรูปมลั ติมเี ดยี การสร้างบทเรยี นคอมพิวเตอรช์ ว่ ยสอน

โปรแกรม CorelDRAW

ระบบฮารด์ แวร์ทีต่ ้องการ : CPU ตัง้ แต่รุน่ Pentium เป็นต้นไป

หนว่ ยความจำไม่ตำ่ กวา่ 32 MB จอภาพสีแบบ 800X600

ระบบปฏิบตั กิ ารทีใ่ ช้ : Windows

ลกั ษณะพิเศษของโปรแกรม : สามารถสรา้ งสรรคง์ านออกแบบไดอ้ ยา่ งสวยงาม พรอ้ มท้ังสามารถทำสเปเชยี ล
เอฟเฟ็กต์ได้หลากหลายเหมาะสำหรับการตกแต่ง หนา้ ตาบนเว็บ และเปน็ เคร่อื งมือท่อี นิ เตอรแ์ อกทฟี
(Interactive) ใช้งานงา่ ยในการทจ่ี ะสรา้ งงานออกแบบให้สวยงาม มีเคร่อื งมือที่ใชส้ ำหรบั การสร้างงานทม่ี ีความ
พเิ ศษและให้ผลงานที่ออกมามคี ณุ ภาพสูงท่ีสามารถ บรู ณาการส่งู านทเ่ี หมอื นจรงิ

โปรแกรม Adobe lllustrator

ระบบฮารด์ แวร์ทต่ี ้องการ : CPU ตัง้ แตร่ ่นุ Pentium ขน้ึ ไปหรือสงู กว่า

ระบบปฏบิ ตั ิการที่ใช้ : - Microsoft Windows 95 / 98 NT 4.0 หรอื สูงกว่า

- หนว่ ยความจำ 32 MB ขน้ึ ไป เนื้อทว่ี ่างฮาร์ดดิสก์อยา่ งนอ้ ย 50 MB

- ความละเอียด 800x600

- ระบบแมคอนิ ทอชต้องการ หนว่ ยประมวลผลกลาง PowerPC

- หนว่ ยความจำ 32 MB ข้ึนไป เน้ือที่วา่ งฮารด์ ดิสก์อยา่ งนอ้ ย 50 MB

- จอภาพความละเอยี ด 800 x 600 หรอื สงู กว่า

ลกั ษณะพเิ ศษของโปรแกรม : - สามารถอ่านคา่ แฟ้ม DXF ไดค้ ่าอยา่ งถกู ต้องทีส่ ุด

- สามารถบนั ทกึ ขอ้ มลู เปน็ แฟ้ม PDF ได้

- สามารถบันทึกงานบน Windows NT(R)ในรูปแบบของ NTFS ได้

- เครอ่ื งมอื Brush Libraries &Templates นำมาใชใ้ นWindows NT ได้

- สามารถนำภาพ TIFF ขนาด 1 บติ มาจดั เพ่ือท่จี ะพิมพท์ บั ได้คา่ อยา่ ง

ถกู ตอ้ ง

โปรแกรม Adobe lllustrator

ระบบฮาร์ดแวรท์ ่ีต้องการ : CPU ตงั้ แตร่ ุ่น Pentium ข้นึ ไปหรือสูงกวา่

ระบบปฏิบัตกิ ารทใ่ี ช้ : - Microsoft Windows 95 / 98 NT 4.0 หรือสงู กวา่

- หนว่ ยความจำ 32 MB ขึ้นไป เนื้อทวี่ ่างฮาร์ดดสิ ก์อยา่ งน้อย 50 MB

- ความละเอียด 800x600

- ระบบแมคอนิ ทอชตอ้ งการ หน่วยประมวลผลกลาง PowerPC

- หน่วยความจำ 32 MB ขน้ึ ไป เนอื้ ทีว่ า่ งฮารด์ ดิสกอ์ ยา่ งนอ้ ย 50 MB

- จอภาพความละเอียด 800 x 600 หรือสงู กวา่

ลักษณะพิเศษของโปรแกรม : - สามารถอา่ นคา่ แฟม้ DXF ไดค้ ่าอยา่ งถูกต้องทสี่ ดุ
- สามารถบนั ทกึ ข้อมูลเป็นแฟม้ PDF ได้
- สามารถบันทึกงานบน Windows NT(R)ในรูปแบบของ NTFS ได้
- เครื่องมอื Brush Libraries &Templates นำมาใชใ้ นWindows NT ได้
- สามารถนำภาพ TIFF ขนาด 1 บติ มาจดั เพ่อื ทจ่ี ะพิมพท์ ับไดค้ ่าอยา่ ง
ถกู ต้อง

โปรแกรม Adobe Graphic Studio

ระบบฮาร์ดแวร์ท่ีต้องการ : CPU ตั้งแตร่ นุ่ Pentium ขึ้นไปหรอื สงู กว่า
ระบบปฏิบตั กิ ารทีใ่ ช้ : - Microsoft Windows 95 / 98 NT 4.0 หรอื สูงกว่า

- หนว่ ยความจำ 32 MB ขน้ึ ไป เน้อื ท่วี า่ งฮารด์ ดสิ กอ์ ยา่ งนอ้ ย 155 MB
- ความละเอยี ด 800x600
- ระบบแมคอินทอชต้องการ หน่วยประมวลผลกลาง PowerPC
- ระบบปฏิบัติการ Apple System Software 7.5 หรือสูงกวา่
- หนว่ ยความจำ 64 MB ข้ึนไป ทว่ี า่ งในฮาร์ดดิสกอ์ ยา่ งน้อย 160MB
ลกั ษณะพิเศษของโปรแกรม : - ใหผ้ ลงานทมี่ ีคณุ ภาพสูงดว้ ยการทำงานรว่ มกันของทัง้ 3 โปรแกรม

คือ Photoshop, lllustrator, PageMaker Plus
- สามารถสนบั สนนุ รูปแบบของไฟล์ได้หลากหลาย เพือ่ การบรู ณาการ

งานตา่ ง ๆ ได้ เช่น Microsoft Office
- เป็นเครอื่ งมือทมี่ ีคณุ คา่ ในการสร้างสรรค์งานกราฟิกชน้ั สูง ไม่ว่าจะ
เปน็ การตพี ิมพ์หรือออนไลน์

โปรแกรม Adobe PageMill

ระบบฮารด์ แวรท์ ีต่ อ้ งการ : CPU ตง้ั แตร่ นุ่ Pentium ขึน้ ไปหรอื สูงกวา่
ระบบปฏิบตั กิ ารทีใ่ ช้ : - Microsoft Windows 95 / 98 NT 4.0 หรือสูงกว่า

- หนว่ ยความจำ 16 MB ขน้ึ ไป เน้อื ท่วี า่ งฮาร์ดดสิ ก์อยา่ งนอ้ ย 20 MB
- ความละเอียด 800x600

- ระบบแมคอนิ ทอชต้องการ หนว่ ยประมวลผลกลาง PowerPC
- ระบบปฏบิ ัติการ Apple System Software 7.5 หรือสงู กวา่
- หนว่ ยความจำ 8 MB ขนึ้ ไป เนือ้ ทวี่ ่างในฮารด์ ดิสกอ์ ย่างน้อย 23MB

ลกั ษณะพิเศษของโปรแกรม : - โปรแกรมนีไ้ ดร้ วมเอกทั้งภาพตา่ ง ๆ พวกแอนเิ มชันจาวาแอปเพล็ต
เท็มเพลตบนเวบ็ ไวม้ ากมาย ชว่ ยให้สามารถสรา้ งงานด้วยตนเองได้
-สรา้ งสรรค์โฮมเพจไดโ้ ดยไมจ่ ำเปน็ ต้องพมิ พโ์ คด้ HTML

3 งานกราฟกิ แบบ 3 มิติ

นอกเหนอื จากงานกราฟกิ 2 มติ ิ ยงั มีงานกราฟกิ อกี ประเภทหน่ึง ซงึ่ ปัจจุบันได้มบี ทบาทในการนำเสนอ
เป็นอย่างมากเน่อื งจากสามารถนำเสนอได้สวยงาม เรา้ ความสนใจ ทำให้ผชู้ มเหมือนเขา้ ไปอยู่ในเหตุการณ์
จรงิ ๆ ได้ งานกราฟกิ ชนดิ น้ีคือ งานกราฟิกทางดา้ น 3 มติ ใิ นเบอื้ งต้นต้องทำความเข้าใจเกยี่ วกบั การออกแบบ
งานกราฟกิ 3 มติ ิ เพื่อเปน็ แนวทางทจ่ี ะสามารถออกแบบงานกราฟิกในด้านนต้ี ่อไป

การออกแบบวัตถุ 3 มิติ

สามารถสรา้ งวตั ถุ 3 มติ ไิ ด้ ซ่งึ วตั ถุบางชิน้ อาจเรม่ิ ต้นจากเส้น 2 มติ ิ หรอื วตั ถุ 3 มิติ นั้น จะถือว่าเปน็
วัตถทุ ้ังส้ิน ดังนั้นภาพทีส่ รา้ งขึ้นมาจากโปรแกรมสรา้ งภาพ 3 มติ ิ ไมใ่ ช่เพยี งแค่ภาพวาด แต่สามารถนำภาพนั้น
มาหมุนหรือเล่อื น เพ่อื ดสู ว่ นต่าง ๆ ได้รอบ ๆ วตั ถุทส่ี ร้างขึ้น

หลักการของการอา้ งอิงตำแหนง่ ของวตั ถุ

ระบบแกนโคออรด์ เิ นต (Coordinate) ในโปรแกรมสรา้ งภาพ 3 มติ ิ จะเป็นระบบคาร์ทีเชียน
(Cartesian) ซ่งึ อ้างอิงจุด 3 จุด ในแนวแกน X, Y และ Z โดยนับจดุ ตัดกันของทั้ง 3 แกนเปน็ จดุ เริ่มตน้
ของระบบแกนโคออร์ดิเนต จะมโี คออรด์ ิเนต (0,0,0) ณ จุดตา่ ง ๆ ใน 3D Space สามารถอา้ งอิงได้ว่า
จุดนัน้ ห่างจากแกน x กี่หนว่ ย แกน Y ก่ีหนว่ ย แกน Z กีห่ น่วย ซงึ่ ระยะห่างจากแกนแตล่ ะแกนนจ้ี ะ
เปน็ คา่ กำหนดตำแหนง่ ของจุดทอ่ี ยูใ่ น 3D Space ได้ทกุ ตำแหนง่

4 คอมพวิ เตอร์กราฟิกเบือ้ งตน้ 3 มิติ

โปรแกรม 3 มติ ิ ทม่ี คี ณุ ภาพสูง เพอื่ ใช้ในงานออกแบบจริง ๆ ในท้องตลาดมีโปรแกรม
ประเภทนอ้ี ยมู่ ากมายหลายบรษิ ัททผี่ ลติ โปรแกรม 3 มติ อิ อกมา แตส่ ่วนใหญท่ ผ่ี ลิตออกมา มักจะ
ทำงานอย่บู น Workstation เช่นใน Silicon Graphics เร่มิ มาผลิตโปรแกรมใหก้ บั Windows NT สว่ น
มากโปรแกรมลกั ษณะนต้ี ้องการ Graphic Display card คณุ ภาพสงู จำนวน Display RAM ตงั้ แต่ 8 MB
ขน้ึ ไป และตอ้ งเปน็ การด์ ทใี่ ช้ OpenGL ไดด้ ้วย แต่เท่าทีม่ ีอยูใ่ นท้องตลาดมเี พียงโปรแกรม 3D Studio
MAX ก็ยังสามารถใช้งานกับ OpenGL ไดด้ ี

สำหรับในสว่ นต่อไปนจ้ี ะเปน็ โปรแกรมท่ีใช้งานทางด้าน 3 มิติ ซึ่งมีอยมู่ ากมาย แตท่ ่ยี ก
ตัวอย่างมาจะเปน็ โปรแกรมทม่ี ผี ู้นยิ มใช้งานกนั อยใู่ นขณะน้ี

1. 3D Studio MAX R2 เปน็ โปรแกรมยอดนิยมในเครื่องพีซี มีการใชง้ านกันอย่างแพร่หลาย
และจำนวนผูใ้ ชก้ ม็ ีจำนวนมากข้ึนทุกวนั สาเหตเุ นอ่ื งมาจากโปรแกรมนเ้ี ปน็ โปรแกรมที่ไมต่ อ้ งการ
ความสามารถของเคร่ืองคอมพิวเตอรม์ ากนัก มคี ำสัง่ มากมาย และใช้งานไดไ้ ม่ยากนัก ประสทิ ธภิ าพ
จัดอยู่ในช้ันมาตรฐานสงู สามารถทำภาพ 3 มติ ิ และภาพแอนนิเมชันทม่ี คี ณุ ภาพดี ตวั โปรแกรมเองยัง
เปดิ กว้างใหผ้ พู้ ฒั นารายอ่นื ๆ สรา้ งโปรแกรมเสรมิ ประเภทPlug-in ใหก้ บั โปรแกรม 3D StudioMAX

2. Softimage 3.7 for NT เปน็ โปรแกรม 3 มติ ิ ระดับไฮเอนด์ (High End) โปรแกรมหนึง่ ทีม่ ี
ผู้ใชง้ านกนั มากในระดบั อาชพี โดยเฉพาะงานประเภทแอนนเิ มชนั ทางดา้ นงานโฆษณา โทรทัศน์
ภาพยนตร์ การต์ ูน และเกม แต่โปรแกรมนย้ี ังตอ้ งการเคร่ืองมอื ทีม่ ีคณุ ภาพสงู ถงึ แมว้ า่ จะทำงานบน
เครอ่ื งพีซีได้กต็ าม แต่ควรจะเป็นเคร่อื งที่มปี ระสทิ ธภิ าพสูงสดุ เท่าทจ่ี ะได้ Display card ทใี่ ชต้ อ้ ง
Support Open GL ดว้ ย ขนาดของ RAM ไม่ตำ่ กว่า 128 MB

โปรแกรมที่เป็น Plug-in ของ SoftImageมอี ยูห่ ลายอันท่ีมชี ื่อเสยี ง และใช้งานในอาชพี ตา่ งๆ
เช่น ToonZ ทใ่ี ชใ้ นการสร้างเซลลแ์ อนิเมชนั ในภาพยนตรก์ ารต์ นู เรอ่ื ง Anastasia ของ Walt Disney

3. LightWave 5.5 for 95/NT เป็นโปรแกรมบนเครื่องพซี ีอีกโปรแกรมหน่ึงทสี่ ามารถทำงาน
ได้ทง้ั บน Windows 95, NT 4.0, Silicon Graphics และ Amiga มีความสามารถเช่นเดียวกับ 3D studio
MAX แต่มีอินเตอร์เฟซ (Interface) ท่ีใช้งานง่ายกว่ากันมาก แต่เน่อื งจากความงา่ ยน้ี ทำใหล้ กั ษณะ
คำสัง่ ท่ีซบั ซ้อนอันมีประโยชนก์ ็มีน้อยกว่าใน 3D Studio MAX ดว้ ย อยา่ งไรก็ตาม โปรแกรมตัวนยี้ ัง
เป็นทนี่ ยิ มของผู้ทำงานดา้ นแอนเิ มชันในงานภาพยนตร์อยหู่ ลายราย เชน่ ภาพยนตรท์ างโทรทัศน์
เร่อื ง Babylon 5, SeaQuest DSV และ Startrek Voyager

ภายในโปรแกรมจะแยกเปน็ 2 สว่ นหลัก คอื Modeler กบั Scene แตส่ ามารถรนั ในเวลาเดียว
กนั และสลบั โปรแกรมไปมาได้ Modeler จะเป็นตัวสำหรบั ใชส้ รา้ งวตั ถุตา่ ง ๆ เป็น 3 มิติ ส่วน Scene
จะเปน็ ตัวจัดองคป์ ระกอบตา่ ง ๆ และทำภาพเคลือ่ นไหว การทโี่ ปรแกรมใช้ OpenGL ได้ดว้ ยทำให้
สามารถแสดงภาพแบบ Realtime Shading ได้ ขอ้ ดีของ LightWave คอื มโี ปรแกรมทีเ่ ปน็ Plug-in
สำหรบั ทำเอฟเฟก็ ต์ต่าง ๆ แถมมาดว้ ยมาก ทำใหไ้ ม่ตอ้ งไปหาโปรแกรมประเภทน้ีเพม่ิ เติมมากนกั

4. LightScape 3.11 for 95/NT เป็นโปรแกรม 3 มติ ิ ประเภทที่เนน้ การ Render เฉพาะภาพ
น่งิ บนเครื่องระบบพีซี สามารถใช้งานไดท้ ้ังบน Windows95 และ NT ระบบอนิ เตอร์เฟซของ
โปรแกรมกค็ ือ สามารถทำการ Render และ Radiosity ซง่ึ ให้ผลของภาพทไี่ ดส้ วยงามสมจริงมากกวา่
วธิ ีการ Render แบบ Ray Tracing แบบธรรมดา

โปรแกรมนเ้ี หมาะสำหรบั ผู้ออกแบบทางดา้ นตกแต่งภายในอาคาร ซ่ึงจะสามารถวดั แสง ณ

ตำแหนง่ ต่าง ๆ บนภาพไดอ้ ย่างแม่นยำเหมอื นจรงิ ถึงแม้วา่ โปรแกรมน้ีจะไม่มีคำสั่งสำหรับสรา้ ง
ภาพโมเดล 3 มิติ ในตวั เอง แต่กส็ ามารถอิมพอรต์ (Import) วัตถุ 3 มติ ิ จากโปรแกรมต่าง ๆ ได้ เชน่
AutoCAD DXF หรอื 3D Studio หลายสถาบันในอเมรกิ าทมี่ กี ารสอนดา้ นการออกแบบสถาปัตยกรรม
เรอ่ื งแสงภายในอาคารจะใชโ้ ปรแกรมนใี้ นการศกึ ษา

5. Houdini 2.5 for NT เป็นโปรแกรม 3 มติ ิ ระดับไฮเอนด์อีกตวั หนงึ่ ทพี่ อรต์ (Port) มาจาก
Silicon Graphics และจดั ทำขึ้นใหมบ่ น Windows NT โปรแกรมเนน้ การทำภาพแอนเิ มชนั เชน่ เดยี ว
กับ SoftImage โปรแกรมนมี้ ปี ระวตั กิ ารพฒั นามายาวนานมากกวา่ 10 ปี ข้อดขี องโปรแกรมน้คี ือ มี
ความงา่ ยและมีความยืดหยุน่ ในการใชง้ านสงู เปดิ กวา้ ง การทำงานของโปรแกรมมีอนิ เตอรเ์ ฟซอนั
เดียวกับ 3D Studio MAX คือทำ Modeling, Animation และ Rendering ในโปรแกรมเดยี วกนั มีบรษิ ทั
ใหญ่ ๆ ทใี่ ชโ้ ปรแกรมนี้ในการทำแอนเิ มชนั เช่น บริษทั Sony, Dreamworks

ประสทิ ธภิ าพของโปรแกรมค่อนข้างไดผ้ ลงานท่ีสงู มาก สนบั สนุนการ Rendering ของ
RenderMan 3.7 และ Scanline Raytracer มกี ารแสดงแอนิเมชนั และ Texture Surface แบบ Realtime
โดยใชไ้ ดรเวอร์ OpenGL มกี าร Procedural Texture และทำแอนเิ มชนั แบบอาศยั Scripting Language
มกี ารใช้ Procedural และ Non-Procedural Modeling, 3D Particles และคำส่ังอ่ืน ๆ อกี มากมายทีห่ าใน
โปรแกรมอน่ื ไดย้ าก โดยหลกั แล้วโปรแกรมตัวนจี้ ะใชง้ านในการทำแอนเิ มชันในภาพยนตร์ ซึ่งให้
ผลงานท่ีโดดเดน่ กว่าโปรแกรมอ่ืน ๆ ทีม่ ลี กั ษณะการใช้งานแบบเดยี วกนั เช่น ภาพยนตรเ์ รอื่ ง Spawn
Titanic, Independence Day, Contyact, The Prince of Egypt, Face/off, Firestorm

ความตอ้ งการอุปกรณต์ า่ ง ๆ ในระบบพซี ี เป็นโปรแกรมทีต่ ้องการคณุ ภาพของฮาร์ดแวร์
คุณภาพสูงมาก เชน่ การแสดงผลบนจอภาพตอ้ งไมต่ ำ่ กวา่ 1280X1024 dpi, RAM บน Display card
ไม่ต่ำกวา่ 8 MB ในเครือ่ งไม่ตำ่ กวา่ 128 MB

6. Bryce 3D v 3.0 เป็นโปรแกรมสำหรบั สรา้ งภาพภูมิทัศน์ (Landscape) ในโปรแกรมมี
เคร่ืองมอื ในการสรา้ งภาพภเู ขา ทะเล ท้องฟา้ กอ้ นเมฆ ตน้ ไม้ การใช้งานค่อนข้างง่าย ใชเ้ วลาสรา้ ง
ไมม่ าก Users’ interface เปน็ แบบกราฟกิ ทั้งหมด การใช้งานตอนแรกอาจดสู ับสน แตพ่ อใชไ้ ปสักระยะหน่งึ
จะเห็นว่าใชใ้ นงานงา่ ยมาก ผลงานของโปรแกรมเม่อื Render เสร็จออกมาก็เป็นทีย่ อมรบั
นอกจากจะใช้ในการสรา้ งภาพเพอื่ เลยี นแบบธรรมชาติแล้ว ยงั สามารถใชใ้ นการสรา้ งภาพใน
จนิ ตนาการไดด้ ้วย เชน่ บรรยากาศบนดวงดาวตา่ ง ๆ

สามารถอิมพอร์ตรปู วตั ถุ 3D จากโปรแกรมตา่ ง ๆ ได้ เช่น โปรแกรม AutoCAD DXF และ

LightWave OBJ ถ้ามี Display card ที่เปน็ ตัวเรง่ ความเร็วไมว่ ่าจะใชไ้ ดรเวอรแ์ บบ OpenGL หรอื DirectX ก็จะ
ช่วยให้โปรแกรมแสดงผลได้เร็วขึ้นแบบ Realtime Texture ของวตั ถุตา่ ง ๆ เชน่ ภเู ขา
หรอื เนินเขา จะใช้วธิ ีการแบบ Three-Dimensional, Procedural Textures และVolumetric Material
ซ่ึงจะให้ผลเป็นภาพแบบ 3 มติ ิ เสมือนจรงิ มากขน้ึ การทำแอนิเมชันก็สามารถใช้งานได้ นับได้วา่
เป็นโปรแกรมท่ีใชง้ านไดง้ ่าย และมปี ระสิทธภิ าพทด่ี อี นั หน่งึ

7. Animatek World Bulider 2.0 95/NT เป็นโปรแกรมลักษณะเดยี วกับ Bryce 3D มีคำสงั่ ในการ
สร้างหบุ เขา มหาสมทุ ร ทอ้ งฟ้า เมฆ นำ้ ตก หรอื บรรยากาศนอกโลก โปรแกรมตวั นเ้ี น้นความเหมือนจริงใน
ธรรมชาตอิ ยา่ งมาก มี Object Ligraries ใหใ้ ชง้ านไดม้ ากมาย เชน่ ต้นไม้ หญา้ รปู ทรง3 มติ ิ ทใ่ี ชท้ างดา้ น
สถาปัตยกรรม ซง่ึ วัตถเุ หลา่ นีจ้ ะกำหนดวธิ กี าร Shader และ Texture มาให้พร้อมใชง้ านไดท้ ันที ในการทำงาน
จะเรียกรปู มาจากไลบรารี (Library) หรือจะอิมพอรต์ มาจากโปรแกรมAutoCAD DXF, 3DS, Vistapro ก็ได้

การสรา้ งภาพแอนเิ มชันก็ทำงานไดด้ ีพอสมควร มีเครอื่ งมอื ตา่ ง ๆ ใหเ้ รยี กใช้ไดส้ ะดวก เปน็
่คแู่ ข่งที่สำคญั ของ Bryce 3D และอาจจะมีประสิทธิภาพในการสรา้ งภาพเหมอื นธรรมชาติทด่ี กี วา่ ดว้ ย
แต่มีขอ้ แมค้ อื คอ่ นขา้ งหาโปรแกรมน้ยี าก

8. World Construction Set v3.0 เปน็ โปรแกรมท่มี ีลกั ษณะเช่นเดยี วกบั Bryce 3D และ
World Builder มคี ำสงั่ ในการสรา้ หบุ เขา มหาสมทุ ร ท้องฟ้า โปรแกรมจะเนน้ ความเสมอื นจรงิ เช่น
เดียวกับ World Builder โปรแกรมน้ีสามารถใชใ้ นเครอื่ งแพลตฟอร์มตา่ งๆ ได้มากกวา่ โปรแกรมอนื่
เชน่ Amiga computers, Intel (Windows 95,NT), DEC Alpha Windows NT, Macintosh, SGI และ
UNIX/และ LightWave เหมาะสำหรบั ผทู้ ่ีต้องทำงานทางดา้ นศิลปะ ทำแผนท่ี นกั วิทยาศาสตรเ์ กยี่ ว
กับนอกพภิ พ สถาปนิก และนกั พัฒนาเกมตา่ ง ๆ

ในการข้ึนรูปทรง 3 มติ ใิ นคอมพิวเตอร์ ถือว่าเป็นศาสตรอ์ ีกแขนงหน่งึ ซ่ึงไม่ใช่ว่าผทู้ ีเ่ ขยี น
รูปเก่งจะสามารถสรา้ งงาน 3 มติ ิ ได้ดกี ว่าผทู้ เ่ี ขยี นรปู ไมเ่ ปน็ เลย หรือผู้ทเ่ี ลน่ คอมพวิ เตอร์เกง่ จะ
สามารถสรา้ งวตั ถุ 3 มติ ิ ได้ดีกวา่ ผู้ท่ีเขยี นรูปไดเ้ ก่ง ๆ

5. ความแตกต่างระหวา่ งกราฟิกแบบ Raster และแบบ Vector

ตารางเปรียบเทียบความแตกต่างระหว่างกราฟกิ แบบ Raster และแบบ Vector

Raster Vector

1. ลักษณะภาพประกอบขึ้นด้วยจดุ ต่างๆ 1. ใชส้ มการทางคณติ ศาสตรเ์ ป็นตวั สร้างภาพ

มากมาย โดยรวมเอา Object (เช่น วงกลม เสน้ ตรง)

2. ภาพมีจำนวนพิกเซลคงทีจ่ ึงตอ้ งการค่าความ ตา่ งชนิดมาผสมกนั

ละเอยี ดมากข้นึ เมอื่ ขยายภาพ โดยจะคานวณ 2. สามารถย่อและขยายขนาดไดม้ ากกวา่ โดยสัดสว่ น

คา่ สีทลี ะ pixels ทาให้ภาพแตกเมอ่ื ขยายภาพ และลกั ษณะของภาพยงั เหมอื นเดมิ ความละเอยี ด

ให้ใหญ่ ของภาพไมเ่ ปล่ียนแปลง

3. เหมาะสำหรับงานกราฟกิ ในแบบต้องการ 3. เหมาะสำหรับงานแบบวาง Layout งานพมิ พ์

ให้แสงเงาในรายละเอยี ด ตวั อกั ษรLine Art หรือ Illustration

4. แสดงภาพบนจอทนั ที เมอ่ื รับคำสงั่ ยา้ ย 4. คอมพิวเตอร์จะใชเ้ วลาในการแสดงภาพมากกวา่

ขอ้ มลู จากหน่วยความจาทเ่ี กบ็ ภาพไปยงั เนื่องจากตอ้ งทาตามคาสงั่ ทม่ี จี านวนมากกวา่

หน่วยความจาของจอภาพ

5. กิจกรรมการเรียนรู้ กิจกรรมผู้เรยี น

กจิ กรรมครู

19. ตรวจสอบเช็ครายชือ่ นกั เรยี นทีเ่ ข้าเรียน 17. เชค็ รายชอื่ นกั เรยี นที่เข้าเรยี น

20. แนะนำตัวครูผ้สู อน ผู้เรยี น ช่อื วชิ า รหัสวชิ า 18. ฟังคำแนะนำตัวครผู สู้ อน ผเู้ รยี น ชื่อวชิ า

จดุ ประสงค์ของรายวิชา คำอธิบายรายวชิ า รหสั วชิ า

เกณฑก์ ารประเมินผลทฤษฎี/ปฏิบตั ิ จดุ ประสงค์ของรายวิชา คำอธบิ ายรายวิชา

21. ครู-นกั เรยี น ร่วมกนั สนทนาเกย่ี วกับการ เกณฑก์ ารประเมนิ ผลทฤษฎี/ปฏบิ ตั ิ

ประมวลผลข้อมูลและสารสนเทศ 19. ครู-นักเรียน รว่ มกนั สนทนาเก่ียวกับการ

22. ครใู ห้นักเรยี นทำแบบทดสอบกอ่ นเรยี น ประมวลผลขอ้ มูลและสารสนเทศ

จำนวน 10 ข้อ 20. นักเรียนทำแบบทดสอบกอ่ นเรียน

23. นำเขา้ ส่บู ทเรยี นเก่ียวกบั การประมวลผลขอ้ มลู จำนวน 10 ข้อ

และสารสนเทศ ประกอบการฉายแผน่ ใส 21. ฟังการบรรยายความหมายของขอ้ มูลและ

24. อธิบายความหมายของข้อมลู และสารสนเทศ สารสนเทศ บอกแหล่งขอ้ มลู และความแตกตา่ ง

บอกแหล่งขอ้ มูลและความแตกตา่ งของขอ้ มูล ของข้อมลู และสารสนเทศ ขน้ั ตอนการ

และสารสนเทศ ข้ันตอนการประมวลผลขอ้ มูล ประมวลผลข้อมูล ประเภทของการ

ประเภทของการประมวลผลข้อมลู และการนำ ประมวลผล

คอมพิวเตอรม์ าใช้งานในการประมวลผลข้อมลู ข้อมูล และการนำ คอมพวิ เตอรม์ าใชง้ านใน

โดยใชแ้ ผ่นใส ตอบคำถาม / ซกั ถามปัญหา การ

25. ถามเกี่ยวกบั ความหมายและความแตกตา่ ง ประมวลผลขอ้ มูล โดยใชแ้ ผ่นใส ตอบคำถาม /

ของข้อมูลและสารสนเทศ สาเหตกุ ารนำ ซักถามปัญหา

คอมพวิ เตอร์มาใชง้ านในการประมวลผลขอ้ มลู 22. ตอบคำถามเก่ยี วกบั ความหมายและความ

26. ดูแลควบคุมการจดั แบง่ กลุ่ม แตกตา่ ง

27. แจกใบงาน/ใหค้ ำแนะนำในการจดั กิจกรรม ของขอ้ มูลและสารสนเทศ สาเหตุการนำ

กลมุ่ คอมพวิ เตอรม์ าใช้งานในการประมวลผลข้อมลู

10. สรปุ ตอบขอ้ สงสยั ค้นควา้ เพม่ิ เตมิ 23. แบ่งกลุม่

11. มอบหมายงานใหน้ กั เรียนไปศึกษาในหนว่ ยที่ 24. รับใบงาน/ใหค้ ำแนะนำในการจดั กจิ กรรมกลุม่

2 เรอ่ื ง ส่วนประกอบของคอมพวิ เตอร์ 10. สรุป ตอบขอ้ สงสัย คน้ ควา้ เพม่ิ เติม

12. ประเมินผลการเรยี นของนกั ศกึ ษาในหน่วยท่ี 2 11. รับมอบงานใหน้ ักเรียนไปศกึ ษาในหน่วยท่ี

จากแบบทดสอบและใบประเมนิ 2 เรื่อง ส่วนประกอบของคอมพิวเตอร์

13. ครูบนั ทกึ ขอ้ มูลกจิ กรรมการเรียนหลงั การสอน 12. ประเมินผลการเรียนของนกั ศกึ ษาในหน่วยท่ี 2

จากแบบทดสอบและใบประเมนิ

13. ครบู นั ทกึ ขอ้ มลู กิจกรรมการเรยี นหลงั การสอน

6. สอื่ และแหลง่ การเรียนรู้

. แบบทดสอบกอ่ นเรยี น
2. แบบทดสอบหลังเรียน
3. ใบความรูแ้ ละใบงาน
4. เครอ่ื งไมโครคอมพวิ เตอร์
5. ซดี ีส่อื การสอน
6. หนังสอื เรียนวชิ าคอมพวิ เตอรก์ ราฟิกเบื้องตน้ ของ อาจารย์วราภรณ์ อุ้มองั วะ : ศนู ย์สง่ เสริมอาชีวะ,
2547.
7. แบบการประเมินคณุ ธรรม จรยิ ธรรม และคณุ ลกั ษณะที่พงึ ประสงค์

7. งานที่มอบหมาย

1. ทำแบบทดสอบหลังเรยี นจำนวน 10 ขอ้ (Pre - Test)
2. เฉลยและตรวจสอบแบบทดสอบ
3. เปรียบเทยี บผลการทดสอบก่อนเรียน-หลงั เรียน
4. นักเรยี นทำความสะอาดห้อง จดั โต๊ะ เกา้ อี้ ใหเ้ รยี บรอ้ ย
5. มอบหมายงานใหน้ ักเรียนไปศกึ ษาในหนว่ ยท่ี 2 ในสปั ดาห์ต่อไป

8. การวดั และประเมินผลการเรียนรู้

8.1 เครอื่ งมือประเมนิ
1. ส่งิ ทจ่ี ะวัด
1.1 วดั ความรคู้ วามเขา้ ใจจุดประสงค์การเรียนรู้
1.2 วัดพฤตกิ รรมการเรยี น
1.3 สังเกตพฤตกิ รรมการเรียน
2. วธิ ีการวดั
2.1 ตรวจแบบทดสอบก่อนเรียน หลังเรียน
2.2 ตรวจงานที่มอบหมาย
2.3 สงั เกตพฤติกรรมการเรยี น
3. เครื่องมอื วดั
3.1 แบบทดสอบ
3.2 กจิ กรรมที่มอบหมาย
3.3 แบบสงั เกตพฤตกิ รรม

8.2 เกณฑก์ ารประเมิน
4.1 เกณฑ์การวดั

4.1.1 ให้ขอ้ ถูกข้อละ 1 คะแนน ขอ้ ผดิ 0 คะแนน
4.1.2 ใหค้ ะแนนพฤตกิ รรมการเรียน

5 หมายถงึ ดมี าก
4 หมายถึง ดี
3 หมายถงึ ปานกลาง
2-1 หมายถงึ ต้องปรบั ปรุง
4.2 เกณฑ์การประเมนิ
4.2.1 นกั เรียนไดค้ ะแนนจากการทำแบบทดสอบ ไมต่ ำ่ กว่าร้อยละ 70
4.1.2 นกั เรยี นไดค้ ะแนนจากกจิ กรรมการเรยี น ไมต่ ำ่ กวา่ รอ้ ยละ 80
4.1.3 นกั เรยี นไดค้ ะแนนพฤติกรรมการเรยี น ไม่ตำ่ กวา่ ร้อยละ 60

9. เอกสารอ้างองิ

....................................................................................................................................................................................
....................................................................................................................................................................................
....................................................................................................................................................................................
....................................................................................................................................................................................
....................................................................................................................................................................................

10. บนั ทึกผลหลังการจัดการเรียนรู้

10.1 สรปุ ผลการจดั การเรยี นรู้

รายการ ระดับการปฏิบัติ
5432 1

ด้านการเตรยี มการสอน

1. จัดหนว่ ยการเรยี นรู้ไดส้ อดคลอ้ งกบั วัตถุประสงคก์ ารเรยี นรู้

2. กำหนดเกณฑก์ ารประเมนิ ครอบคลมุ ท้ังด้านความรู้ ดา้ นทักษะ และดา้ นจติ พิสัย

3. เตรยี มวัสดุ-อุปกรณ์ ส่อื นวตั กรรม กิจกรรมตามแผนการจดั การเรยี นรกู้ อ่ นเขา้ สอน

ด้านการจดั กจิ กรรมการเรียนรู้

4. มวี ธิ กี ารนำเข้าส่บู ทเรียนทนี่ า่ สนใจ

5. มีกิจกรรมทห่ี ลากหลาย เพ่อื ช่วยให้ผู้เรียนเกดิ การเรียนรู้ ความเข้าใจ

6. จัดกจิ กรรมที่ส่งเสรมิ ให้ผู้เรียนค้นควา้ เพ่อื หาคำตอบดว้ ยตนเอง

7. นกั เรยี นมีสว่ นรว่ มในการจดั กจิ กรรมการเรยี นรู้

8. จัดกิจกรรมทเี่ นน้ กระบวนการคิด ( คดิ วเิ คราะห์ คดิ สงั เคราะห์ คดิ สรา้ งสรรค์ )

9. กระตนุ้ ให้ผู้เรยี นแสดงความคิดเห็นอย่างเสรี

10. จัดกจิ กรรมการเรยี นรู้ท่เี ชื่อมโยงกับชวี ิตจริงโดยนำภมู ปิ ัญญา/บรู ณาการเขา้ มามสี ว่ นร่วม

11. จดั กิจกรรมโดยสอดแทรกคณุ ธรรม จริยธรรม

12. มีการเสริมแรงเมือ่ นกั เรยี นปฏบิ ัติ หรอื ตอบถกู ต้อง

13. มอบหมายงานใหเ้ หมาะสมตามศกั ยภาพของผเู้ รียน

14. เอาใจใสด่ ูแลผูเ้ รียน อยา่ งทวั่ ถึง

15. ใช้เวลาสอนเหมาะสมกับเวลาที่กำหนด

ด้านส่ือ นวตั กรรม แหลง่ การเรยี นรู้

16. ใช้สื่อทเี่ หมาะสมกับกิจกรรมและศกั ยภาพของผ้เู รียน

17. ใชส้ ือ่ แหลง่ การเรียนรู้อยา่ งหลากหลาย เชน่ บุคคล สถานที่ ของจริง เอกสาร

ส่ืออเิ ล็กทรอนิกส์ และอินเทอรเ์ น็ต เปน็ ตน้

ดา้ นการวดั และประเมินผล

18. ผู้เรยี นมสี ว่ นรว่ มในการกำหนดเกณฑก์ ารวดั และประเมนิ ผล

19. ประเมนิ ผลอย่างหลากหลายและครบทัง้ ดา้ นความรู้ ทกั ษะ และจติ พสิ ยั

20. ครู ผ้เู รยี น ผปู้ กครอง หรอื ผทู้ ่ีเกีย่ วขอ้ งมสี ว่ นร่วม ในการประเมิน

หมายเหตุ ระดบั การปฏบิ ัติ 5 = ปฏิบัตดิ ีเย่ยี ม 4 = ปฏบิ ตั ดิ ี 3 = ปฏิบตั พิ อใช้ รวม
2 = ควรปรับปรุง 1 = ไม่มกี ารปฏิบตั ิ คา่ เฉลี่ย

10.2 ปญั หาทพ่ี บ และแนวทางแก้ปัญหา แนวทางแกป้ ัญหา
ปญั หาทพ่ี บ
…………………………………………………….
ดา้ นการเตรยี มการสอน ……………………………………………………..
…………………………………………………….. ……………………………………………………..
…………………………………………………….. ……………………………………………………..
……………………………………………………..
…………………………………………………….. ……………………………………………………..
ด้านการจดั กิจกรรมการเรยี นรู้ ……………………………………………………..
…………………………………………………….. ……………………………………………………..
…………………………………………………….. ……………………………………………………..
……………………………………………………..
…………………………………………………….. ……………………………………………………..
ดา้ นสอื่ นวตั กรรม แหลง่ การเรียนรู้ ……………………………………………………..
…………………………………………………….. ……………………………………………………..
…………………………………………………….. ……………………………………………………..
……………………………………………………..
…………………………………………………….. ……………………………………………………..
ด้านการวัดและประเมินผล ……………………………………………………..
…………………………………………………….. ……………………………………………………..
…………………………………………………….. ……………………………………………………..
……………………………………………………..
…………………………………………………….. ……………………………………………………..
ดา้ นอืน่ ๆ (โปรดระบุเป็นขอ้ ๆ) ……………………………………………………..
…………………………………………………….. ……………………………………………………..
…………………………………………………….. ……………………………………………………..
……………………………………………………..
……………………………………………………..

ลงชื่อ ........................................................................ ครผู สู้ อน
(..........นายกันตภณ พมุ่ จนั ทร์..........)

ตำแหนง่ .......................................................................
............../.................................../....................

แผนการจัดการเรียนรู้

รหสั วิชา .......... 20204-207....... วิชา ...........คอมพวิ เตอรก์ ราฟกิ เบือ้ งตน้ ......... แผนการจัดการเรยี นรู้ที่
.......4......
หน่วยที่ .......2....... ช่ือหนว่ ย .............การใช้คอมพวิ เตอรก์ ราฟิกเบอ้ื งตน้ แบบ
Rastor.........................................................
ชอ่ื เร่ือง........การใช้คอมพิวเตอรก์ ราฟิกเบื้องต้นแบบ Rastor.......................................................... จำนวน
....3......ชวั่ โมง

1. สาระสำคญั

ศึกษาและปฏิบัติเกี่ยวกับการใช้โปรแกรมตกแต่งภาพ Adobe Photoshop การติดตั้งโปรแกรม
และติดต้ังฟอนต์ภาษาไทย ฝึกปฏิบัติใช้งานต้ังแต่ การเข้าสู่โปรแกรม ส่วนประกอบของโปรแกรม เคร่ืองมือที่
ใช้ในการตกแต่งภาพ การประยุกต์ใช้งานพาเลตต์ต่าง ๆ ในโปรแกรม และการกำหนดมุมมองของโปรแกรม
Adobe Photoshop

2. สมรรถนะประจำหนว่ ยการเรียนรู้

1. นำความสามารถของโปรแกรม Adobe Photoshop มาตดั ต่อดดั แปลงเพ่อื ใหเ้ กิด
ประโยชน์ ได้
2. ตดิ ตัง้ โปรแกรม Adobe Photoshop ฟอนตภ์ าษาไทยไดด้ ว้ ยตนเอง

3. จดุ ประสงค์การเรียนรู้

3.1 จดุ ประสงค์ทว่ั ไป
เพ่ือให้ผู้เรียนเข้าใจเก่ียวกับ ระบบคอมพิวเตอร์ คือองค์ประกอบหลักที่จะทำให้เครื่องคอมพิวเตอร์
สามารถทำงานได้อย่างสมบูรณ์ ถ้าขาดองค์ประกอบส่วนใดส่วนหน่ึงแล้วคอมพิวเตอร์ก็ไม่สามารถที่จะทำงานได้
ระบบของคอมพิวเตอร์นปี้ ระกอบไปด้วยองคป์ ระกอบหลักทส่ี ำคญั 3 สว่ นคือ ฮารด์ แวร์ ซอฟต์แวรแ์ ละพเี พิลแวร์
3.2 จุดประสงคเ์ ชงิ พฤตกิ รรม
1. บอกความสามารถของโปรแกรม Adobe Photoshop ได้

2. ตดิ ตง้ั โปรแกรม Adobe Photoshop ได้

3. ตดิ ต้งั ฟอนตภ์ าษาไทยได้

4. เขา้ สโู่ ปรแกรม Adobe Photoshopได้

5. นำความสามารถของโปรแกรม Adobe Photoshop มาตดั ต่อดัดแปลงเพื่อใหเ้ กิดประโยชน์ ได้
6. ตดิ ตง้ั โปรแกรม Adobe Photoshop ฟอนตภ์ าษาไทยไดด้ ้วยตนเอง
8. ผู้เรียนมคี ุณธรรม จรยิ ธรรมท่พี งึ ประสงค์ คอื ความมีมนษุ ยส์ มั พนั ธ์ ความมวี นิ ัย
ความรับผดิ ชอบ ความประหยดั ความสนใจใฝร่ ู้ ความรักสามัคคี ความกตัญญกู ตเวที

4. สาระการเรยี นรู้ เนื้อหา

1. ความสามารถของโปรแกรม Adobe Photoshop

โปรแกรม Photoshop เปน็ โปรแกรมใชใ้ นการสรา้ งภาพและตกแต่งภาพ ซ่งึ เป็นโปรแกรม

ท่นี ยิ มอยา่ งสงู สดุ ในปจั จบุ ัน เนื่องจากเป็นโปรแกรมที่ทำงานไดอ้ ยา่ งมปี ระสิทธภิ าพ และผลงานท่ี

ไดเ้ หมาะทจ่ี ะใชก้ ับงานสง่ิ พิมพ์ นติ ยสาร และงานมัลติมเี ดยี คำว่า Photoshop คอื Photo แปลวา่

“ภาพ” คำวา่ Shop แปลวา่ ร้านหรือแหล่งรวมของภาพหลายชนดิ ภาพตา่ ง ๆ จะมีทง้ั ภาพที่เกดิ จาก
การที่นำภาพที่มอี ยเู่ ดมิ มาตกแตง่ ภาพถ่ายในอลั บัม้ รูป เราเรยี กวา่ Physical Graphic ภาพถา่ ยท่ี
ใช้

เครื่องสแกนภาพหรอื ใชก้ ล้องดจิ ิตอลถ่ายเก็บไฟลข์ อ้ มลู เราเรียกว่า Digital Graphic

ความสามารถของ Adobe Photoshop

1. การทำงานเปน็ เลเยอร์ (Layer) เหมือนการวางแผน่ ใสซ้อน ๆ กัน
2. การทำงานเป็นแบบ Interface Enchancement คอื ใชไ้ อคอนและปุ่มคำสั่งตา่ ง ๆ

ลักษณะการโตต้ อบเป็นแบบ 3 มิต คลกิ ปุ่มจะยบุ ลงไป
3. การทำงานของปมุ่ คำส่งั จะมคี ำอธบิ ายส้ัน ๆ ของไอคอนบอกชอื่ เครอ่ื งมือ เรียก

Tool Tip
4. Action เป็นการบันทกึ ข้ันตอนการทำงานเกบ็ ไว้ ในกลุ่มเดยี วกนั
5. Ruler & Guide & Grid เสน้ จาง ๆ ท่ีลากผา่ นรปู ช่วยจัดวางตำแหนง่ ต่าง ๆ

ขอบภาพ
6. Gradient Feature สามารถสร้างรูปแบบการไลโ่ ทนสไี ดด้ ้วยตวั เอง
7. Adjustment Layer เป็นเลเยอรช์ ว่ั คราวสำหรับกำหนดพน้ื ท่แี ละรูปแบบการ

ปรบั แตง่
8. Transformation Feature สามารถเปลย่ี นรูปทรงของภาพ หมุน ขยาย ให้มมี ิติ
9. Modified Image Size Command สามารถกำหนดขนาดไฟลภ์ าพ ความ

ละเอยี ด ความกว้างและความยาวของภาพได้พรอ้ ม ๆ กัน
10. Save For Web ไฟล์ภาพทใ่ี ชบ้ นเวบ็ ตอ้ งมีลกั ษณะพิเศษ เพื่อใหส้ ามารถเรยี กขน้ึ มา
ใช้ งานได้เร็ว Photoshop

11. การสนับสนนุ การทำงานด้าน Web ดว้ ยโปรแกรม ImageReady เป็นโปรแกรมช่วย
สนับสนนุ การสร้างและออกแบบเว็บเพจบนอนิ เตอร์เน็ต

12. Slicing เทคนิคพิเศษช่วยแบง่ ภาพออกเปน็ ส่วน ๆ เพ่ือสรา้ งป้ายโฆษณาบนเวบ็ (Banner)
และปุ่มกดสำหรบั เป็นจุดเชอ่ื มโยง (Link) ไปยงั เว็บไซดต์ า่ ง ๆ

13. Rollover ชว่ ยสรา้ ง Effect ท่ีเปน็ ลูกเลน่ เมอ่ื เลือ่ นตวั ช้เี มาสผ์ า่ นปุ่ม

14. Animation เปน็ ภาพเคลือ่ นไหวโดยอาศยั เทคนคิ การนำภาพน่งิ หลายเฟรมมาเรียงตอ่ กัน

2. การตดิ ตัง้ โปรแกรม Adobe Photoshop

ข้นั ตอนการตดิ ตงั้ โปรแกรม Adobe Photosho

การติดต้ัง Adobe Photoshop 7.0 การติดต้ัง Adobe Photoshop CS V 8.0

1. นำแผน่ CD โปรแกรม Adobe Photoshop 7.0 1. นำแผน่ CD โปรแกรม Adobe Photoshop CS

ใส่ไดรว์ CD-ROM ใส่ไดรว์ CD-ROM

2. ดับเบ้ิลคลกิ ไอคอน My Computer 2. รอสักครปู่ รากฎหนา้ ตา่ งการติดตั้งโปรแกรม

3. ดบั เบลิ้ คลิกไดรว์ CD-ROM

4. ดบั เบ้ลิ คลกิ โฟลเดอร์ Adobe Photoshop 7.0

5. ดบั เบิล้ คลกิ ไอคอน Serial No.txt 3. คลกิ ปุ่ม OK
4. คลิกปมุ่ Accept ปรากฏหน้าตา่ ง Adobe PhotoshopCS
6. ดบั เบ้ิลคลกิ ไอคอน Setup.exe
7. ปรากฏหน้าตา่ งการติดตั้งโปรแกรม









3 การติดตัง้ ฟอนตภ์ าษาไทยใน Adobe Photoshop

1. ดบั เบ้ลิ คลกิ โฟลเดอร์ Font Thai ในแผน่ CD-ROM Adobe Photoshop

2. คลิกเมนู Edit คลิกรายการ Select All ไฟลฟ์ อนตภ์ าษาไทยทั้งหมดดจะมแี ถบสีคลุม

3. คลกิ ขวาทีไ่ ฟลท์ ม่ี แี ถบสี ปรากฎเมนูลัด

4. คลกิ เลอื ก Copy

5. ดบั เบล้ิ คลกิ โฟลเดอร์ Windows

6. คลกิ ขวาท่ีโฟลเดอร์ FONTS

7. คลิกรายการ Paste
8. ปรากฎหนา้ ตา่ ง Install Font Progress
9. รอสกั ครูโ่ ปรแกรมกำลังตดิ ตั้งฟอนต์

ลงในโฟลเดอร์ Fonts
10. เม่อื เรยี บรอ้ ยใหท้ ดสอบดูไฟลท์ ี่ได้

จะลงท้ายดว้ ย DSE เชน่ AngsanaDSE
CordiaDSE

4 การเข้าสู่โปรแกรม Adobe Photoshop

1. คลิกป่มุ Start คลกิ รายการ
2. คลิกรายการ Programs
3. คลกิ รายการ Adobe Photoshop 7.0 หรอื
4. คลกิ รายการ Adobe Photoshop CS

5. รอสักครูจ่ ะปรากฎหนา้ ตา่ งของโปรแกรม Adobe Photoshop 7.0 หรือ Adobe Photoshop CS

5. กิจกรรมการเรยี นรู้

กจิ กรรมครู กจิ กรรมผเู้ รยี น

28. ตรวจสอบเช็ครายชื่อนกั เรียนทเี่ ข้าเรียน 25. เช็ครายชือ่ นักเรยี นท่ีเข้าเรียน

29. แนะนำตวั ครผู ู้สอน ผู้เรยี น ชื่อวชิ า รหสั วชิ า 26. ฟังคำแนะนำตัวครผู ู้สอน ผเู้ รียน ชื่อวชิ า

จดุ ประสงค์ของรายวชิ า คำอธิบายรายวชิ า รหัสวิชา

เกณฑก์ ารประเมินผลทฤษฎี/ปฏบิ ัติ จดุ ประสงค์ของรายวิชา คำอธิบายรายวิชา

30. ครู-นักเรียน ร่วมกันสนทนาเกย่ี วกบั การ เกณฑก์ ารประเมินผลทฤษฎี/ปฏิบัติ

ประมวลผลขอ้ มลู และสารสนเทศ 27. ครู-นักเรียน ร่วมกนั สนทนาเกยี่ วกบั การ

31. ครใู หน้ ักเรียนทำแบบทดสอบกอ่ นเรยี น ประมวลผลข้อมลู และสารสนเทศ

จำนวน 10 ขอ้ 28. นกั เรยี นทำแบบทดสอบก่อนเรียน

32. นำเขา้ สู่บทเรยี นเกยี่ วกบั การประมวลผลขอ้ มลู จำนวน 10 ข้อ

และสารสนเทศ ประกอบการฉายแผน่ ใส 29. ฟงั การบรรยายความหมายของขอ้ มลู และ

33. อธิบายความหมายของข้อมูลและสารสนเทศ สารสนเทศ บอกแหล่งขอ้ มูลและความแตกตา่ ง

บอกแหล่งข้อมลู และความแตกต่างของขอ้ มลู ของข้อมลู และสารสนเทศ ขั้นตอนการ

และสารสนเทศ ขัน้ ตอนการประมวลผลข้อมูล ประมวลผลขอ้ มูล ประเภทของการ

ประเภทของการประมวลผลขอ้ มูล และการนำ ประมวลผล

คอมพวิ เตอรม์ าใช้งานในการประมวลผลขอ้ มลู ขอ้ มลู และการนำ คอมพิวเตอรม์ าใชง้ านใน

โดยใชแ้ ผ่นใส ตอบคำถาม / ซักถามปัญหา การ

34. ถามเกี่ยวกบั ความหมายและความแตกตา่ ง ประมวลผลขอ้ มลู โดยใชแ้ ผน่ ใส ตอบคำถาม /

ของขอ้ มูลและสารสนเทศ สาเหตุการนำ ซักถามปัญหา

คอมพิวเตอรม์ าใชง้ านในการประมวลผลขอ้ มลู 30. ตอบคำถามเกีย่ วกบั ความหมายและความ

35. ดูแลควบคมุ การจัดแบง่ กลมุ่ แตกตา่ ง

36. แจกใบงาน/ให้คำแนะนำในการจัดกจิ กรรม ของข้อมลู และสารสนเทศ สาเหตุการนำ

กลมุ่ คอมพวิ เตอรม์ าใช้งานในการประมวลผลข้อมลู

10. สรปุ ตอบขอ้ สงสัย คน้ ควา้ เพิ่มเติม 31. แบ่งกลมุ่

11. มอบหมายงานใหน้ กั เรยี นไปศึกษาในหน่วยท่ี 32. รับใบงาน/ให้คำแนะนำในการจดั กจิ กรรมกล่มุ

2 เรอื่ ง ส่วนประกอบของคอมพวิ เตอร์ 10. สรปุ ตอบข้อสงสัย ค้นควา้ เพิ่มเติม

12. ประเมนิ ผลการเรยี นของนกั ศกึ ษาในหนว่ ยที่ 3 11. รับมอบงานให้นักเรียนไปศกึ ษาในหน่วยที่

จากแบบทดสอบและใบประเมนิ 2 เรอ่ื ง ส่วนประกอบของคอมพิวเตอร์

13. ครบู นั ทกึ ขอ้ มูลกจิ กรรมการเรยี นหลังการสอน 12. ประเมนิ ผลการเรยี นของนกั ศึกษาในหนว่ ยที่ 3

จากแบบทดสอบและใบประเมนิ

13. ครบู นั ทกึ ขอ้ มูลกิจกรรมการเรยี นหลังการสอน

6. ส่ือและแหล่งการเรยี นรู้

1. แบบทดสอบกอ่ นเรียน
2. แบบทดสอบหลงั เรียน
3. ใบความร้แู ละใบงาน
4. เครือ่ งไมโครคอมพวิ เตอร์
5. ซดี สี ่อื การสอน
6. หนังสือเรียนวชิ าคอมพิวเตอรก์ ราฟิกเบื้องตน้ ของ อาจารย์วราภรณ์ อุ้มองั วะ : ศนู ย์สง่ เสริมอาชีวะ,
2547.
7. แบบการประเมินคุณธรรม จรยิ ธรรม และคณุ ลกั ษณะที่พงึ ประสงค์

7. งานทีม่ อบหมาย

1. ทำแบบทดสอบหลังเรยี นจำนวน 10 ขอ้ (Pre - Test)
2. เฉลยและตรวจสอบแบบทดสอบ
3. เปรยี บเทยี บผลการทดสอบก่อนเรียน-หลังเรียน
4. นักเรียนทำความสะอาดห้อง จดั โต๊ะ เกา้ อี้ ใหเ้ รยี บร้อย
5. มอบหมายงานใหน้ ักเรียนไปศกึ ษาในหนว่ ยท่ี 2 ในสปั ดาห์ต่อไป

8. การวัดและประเมินผลการเรียนรู้

8.1 เครือ่ งมอื ประเมิน
1. สง่ิ ทจี่ ะวัด
1.1 วดั ความรคู้ วามเข้าใจจุดประสงค์การเรียนรู้
1.2 วดั พฤตกิ รรมการเรยี น
1.3 สังเกตพฤติกรรมการเรยี น
2. วธิ ีการวดั
2.1 ตรวจแบบทดสอบกอ่ นเรียน หลังเรียน
2.2 ตรวจงานที่มอบหมาย
2.3 สงั เกตพฤตกิ รรมการเรียน
3. เครื่องมือวัด
3.1 แบบทดสอบ
3.2 กจิ กรรมทมี่ อบหมาย
3.3 แบบสงั เกตพฤตกิ รรม

8.2 เกณฑก์ ารประเมิน
4.1 เกณฑ์การวัด

4.1.1 ใหข้ ้อถูกขอ้ ละ 1 คะแนน ข้อผดิ 0 คะแนน
4.1.2 ใหค้ ะแนนพฤตกิ รรมการเรียน

5 หมายถงึ ดมี าก
4 หมายถึง ดี
3 หมายถงึ ปานกลาง
2-1 หมายถงึ ตอ้ งปรบั ปรุง
4.2 เกณฑ์การประเมนิ
4.2.1 นกั เรียนไดค้ ะแนนจากการทำแบบทดสอบ ไมต่ ำ่ กว่ารอ้ ยละ 70
4.1.2 นักเรียนไดค้ ะแนนจากกจิ กรรมการเรียน ไม่ตำ่ กวา่ ร้อยละ 80
4.1.3 นกั เรียนไดค้ ะแนนพฤติกรรมการเรยี น ไม่ตำ่ กวา่ ร้อยละ 60

9. เอกสารอ้างองิ

....................................................................................................................................................................................
....................................................................................................................................................................................
....................................................................................................................................................................................
....................................................................................................................................................................................
....................................................................................................................................................................................

10. บนั ทึกผลหลังการจัดการเรียนรู้

10.1 สรปุ ผลการจดั การเรยี นรู้

รายการ ระดับการปฏิบัติ
5432 1

ด้านการเตรยี มการสอน

1. จัดหนว่ ยการเรยี นรู้ไดส้ อดคลอ้ งกบั วัตถุประสงค์การเรียนรู้

2. กำหนดเกณฑก์ ารประเมนิ ครอบคลมุ ท้ังดา้ นความรู้ ด้านทักษะ และดา้ นจติ พสิ ยั

3. เตรยี มวัสดุ-อุปกรณ์ ส่อื นวตั กรรม กิจกรรมตามแผนการจดั การเรยี นรกู้ ่อนเขา้ สอน

ด้านการจดั กจิ กรรมการเรียนรู้

4. มีวิธกี ารนำเข้าส่บู ทเรยี นทนี่ า่ สนใจ

5. มกี จิ กรรมทห่ี ลากหลาย เพ่อื ช่วยให้ผู้เรียนเกดิ การเรียนรู้ ความเข้าใจ

6. จดั กิจกรรมท่ีส่งเสรมิ ให้ผู้เรียนค้นควา้ เพื่อหาคำตอบด้วยตนเอง

7. นกั เรยี นมีส่วนรว่ มในการจดั กจิ กรรมการเรยี นรู้

8. จดั กิจกรรมทเี่ นน้ กระบวนการคดิ ( คดิ วิเคราะห์ คิดสงั เคราะห์ คดิ สรา้ งสรรค์ )

9. กระตนุ้ ให้ผู้เรยี นแสดงความคิดเห็นอย่างเสรี

10. จัดกจิ กรรมการเรยี นรู้ท่เี ชื่อมโยงกับชวี ิตจรงิ โดยนำภูมิปัญญา/บรู ณาการเขา้ มามสี ว่ นรว่ ม

11. จดั กิจกรรมโดยสอดแทรกคณุ ธรรม จริยธรรม

12. มกี ารเสริมแรงเมือ่ นักเรยี นปฏิบตั ิ หรือตอบถูกตอ้ ง

13. มอบหมายงานใหเ้ หมาะสมตามศกั ยภาพของผ้เู รยี น

14. เอาใจใสด่ ูแลผูเ้ รียน อยา่ งทวั่ ถึง

15. ใช้เวลาสอนเหมาะสมกับเวลาที่กำหนด

ดา้ นสอ่ื นวตั กรรม แหลง่ การเรยี นรู้

16. ใช้สื่อทเี่ หมาะสมกับกิจกรรมและศกั ยภาพของผูเ้ รียน

17. ใชส้ ือ่ แหลง่ การเรียนรู้อยา่ งหลากหลาย เชน่ บุคคล สถานท่ี ของจริง เอกสาร

ส่ืออเิ ล็กทรอนิกส์ และอินเทอรเ์ น็ต เปน็ ตน้

ดา้ นการวดั และประเมินผล

18. ผเู้ รยี นมสี ว่ นรว่ มในการกำหนดเกณฑก์ ารวดั และประเมินผล

19. ประเมนิ ผลอย่างหลากหลายและครบทง้ั ดา้ นความรู้ ทักษะ และจติ พิสยั

20. ครู ผ้เู รยี น ผปู้ กครอง หรอื ผทู้ เี่ กีย่ วขอ้ งมสี ว่ นร่วม ในการประเมิน

หมายเหตุ ระดบั การปฏบิ ัติ 5 = ปฏิบตั ิดีเย่ยี ม 4 = ปฏบิ ัติดี 3 = ปฏิบตั พิ อใช้ รวม
2 = ควรปรบั ปรงุ 1 = ไม่มกี ารปฏบิ ตั ิ คา่ เฉลี่ย

10.2 ปัญหาท่พี บ และแนวทางแก้ปญั หา แนวทางแกป้ ัญหา
ปัญหาที่พบ
…………………………………………………….
ดา้ นการเตรยี มการสอน ……………………………………………………..
…………………………………………………….. ……………………………………………………..
…………………………………………………….. ……………………………………………………..
……………………………………………………..
…………………………………………………….. ……………………………………………………..
ดา้ นการจดั กิจกรรมการเรยี นรู้ ……………………………………………………..
…………………………………………………….. ……………………………………………………..
…………………………………………………….. ……………………………………………………..
……………………………………………………..
…………………………………………………….. ……………………………………………………..
ด้านส่อื นวตั กรรม แหลง่ การเรียนรู้ ……………………………………………………..
…………………………………………………….. ……………………………………………………..
…………………………………………………….. ……………………………………………………..
……………………………………………………..
…………………………………………………….. ……………………………………………………..
ดา้ นการวัดและประเมินผล ……………………………………………………..
…………………………………………………….. ……………………………………………………..
…………………………………………………….. ……………………………………………………..
……………………………………………………..
…………………………………………………….. ……………………………………………………..
ดา้ นอน่ื ๆ (โปรดระบุเป็นขอ้ ๆ) ……………………………………………………..
…………………………………………………….. ……………………………………………………..
…………………………………………………….. ……………………………………………………..
……………………………………………………..
……………………………………………………..

ลงชอ่ื ........................................................................ ครผู ้สู อน
(..........นายกันตภณ พุ่มจันทร์............)

ตำแหนง่ .......................................................................
............../.................................../....................

แผนการจัดการเรียนรู้

รหัสวชิ า .......... 20901-1004....... วิชา ......คอมพวิ เตอรก์ ราฟกิ เบ้ืองตน้ ...... แผนการจดั การเรียนรู้ท่ี .......5......
หน่วยที่ .......3....... ชื่อหน่วย .............การใช้คอมพวิ เตอรก์ ราฟกิ เบื้องตน้ แบบ
Rastor........................................................
ชื่อเรือ่ ง........การใช้คอมพวิ เตอรก์ ราฟิกเบอ้ื งต้นแบบ Rastor......................................................... จำนวน
....3......ชั่วโมง

1. สาระสำคัญ

ศึกษาและปฏิบัติเก่ยี วกับการใชโ้ ปรแกรมตกแต่งภาพ Adobe Photoshop การติดต้ังโปรแกรม
และติดตง้ั ฟอนต์ภาษาไทย ฝกึ ปฏิบตั ิใช้งานต้งั แต่ การเข้าสโู่ ปรแกรม สว่ นประกอบของโปรแกรม เครอ่ื งมือที่
ใชใ้ นการตกแตง่ ภาพ การประยกุ ตใ์ ชง้ านพาเลตตต์ า่ ง ๆ ในโปรแกรม และการกำหนดมมุ มองของโปรแกรม
Adobe Photoshopระบบการทำงานตา่ ง ๆ ภายในเครอื่ งทง้ั หมด

2. สมรรถนะประจำหน่วยการเรียนรู้

1. เขยี นสว่ นประกอบของหนา้ ตา่ ง Adobe Photoshopได้อยา่ งละเอยี ด

2. ใชเ้ ครอื่ งมอื ตกแตง่ ภาพในโปรแกรม Adobe Photoshopไดอ้ ย่างคล่องแคลว่

3. ประยกุ ต์ใช้พาเลตต์ตา่ ง ๆ ในโปรแกรม Adobe Photoshopได้

3. จุดประสงคก์ ารเรียนรู้

3.1 จุดประสงค์ท่วั ไป
เพ่อื ใหผ้ ู้เรยี นเข้าใจเกย่ี วกับ การใชโ้ ปรแกรมตกแตง่ ภาพ Adobe Photoshop การตดิ ต้ังโปรแกรม
และตดิ ตั้งฟอนต์ภาษาไทย ฝึกปฏบิ ัตใิ ชง้ านตง้ั แต่ การเขา้ ส่โู ปรแกรม ส่วนประกอบของโปรแกรม เครอื่ งมอื ที่
ใชใ้ นการตกแตง่ ภาพ การประยุกตใ์ ชง้ านพาเลตตต์ ่าง ๆ ในโปรแกรม และการกำหนดมมุ มองของโปรแกรม
Adobe Photoshopระบบการทำงานตา่ ง ๆ ภายในเคร่อื งท้ังหมด
3.2 จุดประสงคเ์ ชิงพฤติกรรม

1. เขียนส่วนประกอบของหนา้ ต่าง Adobe Photoshopได้

2. ใช้เครือ่ งมือตกแตง่ ภาพในโปรแกรม Adobe Photoshopได้

3. ประยุกตใ์ ช้พาเลตตต์ า่ ง ๆ ในโปรแกรม Adobe Photoshopได้

4. กำหนดมุมมองในโปรแกรม Adobe Photoshopได้
5. เขียนสว่ นประกอบของหน้าต่าง Adobe Photoshopได้อยา่ งละเอยี ด

6. ใช้เครอื่ งมอื ตกแตง่ ภาพในโปรแกรม Adobe Photoshopไดอ้ ยา่ งคลอ่ งแคลว่

7. ประยุกตใ์ ช้พาเลตต์ตา่ ง ๆ ในโปรแกรม Adobe Photoshopได้

8. ผเู้ รยี นมคี ุณธรรม จรยิ ธรรมทพี่ งึ ประสงค์ คอื ความมีมนุษย์สมั พนั ธ์ ความมีวินัย
ความรบั ผิดชอบ ความประหยัด ความสนใจใฝร่ ู้ ความรักสามัคคี ความกตญั ญูกตเวที

4. สาระการเรียนรู้
เนื้อหา

4 การเข้าส่โู ปรแกรม Adobe Photoshop

1. คลิกปมุ่ Start คลิกรายการ
2. คลิกรายการ Programs
3. คลกิ รายการ Adobe Photoshop 7.0 หรือ
4. คลกิ รายการ Adobe Photoshop CS

5. รอสักครู่จะปรากฏหนา้ ตา่ งของโปรแกรม Adobe Photoshop 7.0 หรอื Adobe Photoshop CS

5 ส่วนประกอบของโปรแกรม Adobe Photoshop

ความหมายสว่ นประกอบของโปรแกรม Adobe Photoshop

1. สัญลักษณข์ อง Photoshop ดบั เบล้ิ คลิก เพือ่ ปดิ โปรแกรม Adobe Photoshop - ไตเต้ลิ บาร์ (Title Bar)
บอกถึงโปรแกรมทเ่ี ปดิ ใชง้ าน

2. เมนูบาร์ (Menu Bar) แถบเมนใู ชเ้ ลอื กคำส่งั ทต่ี อ้ งการ จะปรากฏ Dialog Box ปรับค่าตัวเลอื กตา่ งๆ
- เมนู File เปน็ คำส่ังการทำงานเกย่ี วกบั ไฟล์ เช่น เปดิ /ปิดไฟล์ และคำส่งั อนื่ ๆ
- เมนู Edit ใช้ปรบั แตง่ /จัดการแก้ไขตา่ ง ๆ เชน่ การตดั การคดั ลอก การเติมสี เปล่ียนขนาด
- เมนู Image คำสงั่ เกย่ี วกบั การปรบั ภาพ ปรบั ความสวา่ งหรอื อืน่ ๆ
- เมนู Layer คำสงั่ ปรบั คุณลักษณะของภาพ ช่วยการซ้อนภาพ ผสมภาพ การเรียงลำดบั ก่อน หลัง ขนาด

สดั สว่ น โทนสีและอืน่ ๆ
- เมนู Select เปน็ คำส่งั การเลือกรปู ภาพแบบตา่ ง ๆ
- เมนู Filter คำส่ังทำ Effect ใหภ้ าพเปลย่ี นไป เชน่ ทำใหภ้ าพคมชดั หรือเบลอ
- เมนู View คำสง่ั ในการกำหนดมุมมองภาพในรูปแบบต่าง ๆ การย่อ / ขยาย
- เมนู Window เป็นคำสัง่ ท่ใี ชใ้ นการจัดการหน้าตา่ งแตล่ ะหน้าตา่ งท่ีปรากฎบนหนา้ จอ
- เมนู Help รวบรวมวธิ กี ารใช้งาน และคำแนะนำเกี่ยวกับโปรแกรม Adobe Photoshop

3. ปุ่มควบคมุ การทำงาน
4. แถบเครื่องมอื Tool Options Bar กำหนดคา่ การทำงานของเครื่องมือใน Toolbox ทกี่ ำลังใชง้ านอยู่เปน็
ฟงั กช์ น่ั ท่ีเพ่มิ เขา้ มาใน Photoshop ช่วยให้การทำงานสะดวกยิ่งขนึ้

5. ทูลบอ๊ กซ์ (Toolbox) แถบปุม่ เครอื่ งมอื
6. สเตตัสบาร์ (Status Bar) บอกถึงสถานะการทำงาน
7. พาเลตต์ (Palette) แถบรวบรวมคุณสมบตั ิของการทำงานตา่ ง ๆ

การใช้ป่มุ เครื่องมือ ToolBox จดั การเกี่ยวกบั รปู ภาพแบ่งได้ 4 หมวด
ปุ่มเคร่อื งมอื เพม่ิ เติมใหม่ใน Photoshop CS V 8.0

7 พาเลตตต์ ่าง ๆ (Palettes) ในโปรแกรม Adobe Photoshop

Navigator ใช้สำหรับดูมมุ มองของงาน
เหมอื น Hand Tool และ Zoom Tool

Info ใช้สำหรับคา่ สีของภาพ ณ จดุ น้นั ๆ
บอกค่าสี RGB และ CMYK ใช้กบั ปมุ่

Eyedropper

Histograms การใชก้ ราฟแสดงค่าสี
ทกี่ ระจายอย่ใู นรูปภาพ





การเปดิ ไฟล์รปู ภาพ Photoshop ดว้ ย Open แสดงเฉพาะไฟลท์ ่เี ปน็ .psd .Tiff

1. คลิกเมนู File คลิกรายการ Open จะปรากฎหน้าต่าง Open

2. คลิกเลอื กไฟล์ภาพทีต่ อ้ งการเปดิ จะปรากฎรปู ภาพแสดงทพ่ี น้ื ทวี่ ่างด้านล่าง
3. คลกิ ปุ่ม Open โปรแกรมจะทำการเปิดไฟลภ์ าพแสดงบนหน้าจอ

การเปิดไฟลร์ ูปภาพหลายไฟล์ในเวลาเดียวกนั

1. กดปมุ่ Shift คา้ งไว้ ขณะเลอื กชื่อไฟล์ ใหป้ รากฎแถบสีท่ไี ฟล์ท่เี ลือก
2. คลิกปมุ่ Open
3. ไฟล์ทเ่ี ลอื กจะถูกเปดิ ทง้ั หมด

การเปดิ ไฟล์รูปภาพใน Photoshop ดว้ ย Open As แสดงทุกไฟลท์ ่ีเป็นกราฟกิ

1. คลิกเมนู File คลกิ Open As จะปรากฎหน้าตา่ ง Open As สามารถเลอื กแสดงไฟล์ไดห้ ลาย
รูปแบบตามตอ้ งการ

2. คลิก ชอ่ ง Open As เพือ่ เลือกชนิดของไฟลท์ ่ตี อ้ งการเปดิ เช่นไฟล์.PSD Photoshop
File ไฟลพ์ ้นื ฐานของ Photoshop ใช้ใน Photoshop ได้เท่านั้น

ไฟล์.BMP Bitmap File ไฟลม์ าตรฐานของระบบปฏบิ ัตกิ ารวนิ โดวส์ โปรแกรม Paint
ไฟล์.TIF Tagged Image File (TIFF) เปน็ ไฟล์ที่ใชใ้ นงานสิ่งพิมพ์ เชน่ PageMaker
ไฟล์.GIF Graphic Interchange ไฟลท์ ี่ใช้กันในอนิ เตอร์เนต็ เพราะงา่ ยตอ่ การบีบอัด ข้อมูล

เพอ่ื สง่ ผา่ นข้อมูลทางสายโทรศพั ทไ์ ดอ้ ยา่ งรวดเร็ว
ไฟล์.JPG Joint Photographic Experts Group ไฟล์ท่มี ีขนาดเล็ก นิยมใชก้ นั สร้างเว็บ
ไฟล์.PCT PICT File ไฟลง์ านพมิ พบ์ นเครอ่ื ง Mac เทา่ นั้น ขนาดของไฟลจ์ ะใหญ่มาก
ไฟล์.PNG Portable Network Graphics ไฟลท์ ส่ี ามารถยืดหยุ่นไดเ้ ปลี่ยนแปลงการทำงานใน

หนา้ ต่างโปรแกรม
ไฟล์.RAW RAW Format ไฟล์ทพ่ี ฒั นาต่อจาก Gif ทำให้การสญู เสยี ขอ้ มลู ในการโอนยา้ ยข้อมลู นอ้ ย

มาก
ไฟล์.EPS File Encapsulated PostScript บรรจุขอ้ มูลเป็นได้ทั้งแบบ Vector และ

Bitmap สามารถเปน็ ตวั เช่ือมท่ีทำงานข้ามโปรแกรมได้ เช่น Adobe Illustrator
ไฟล์.PDF Portable Document Format เปน็ ไฟลอ์ เนกประสงค์ ทำงานข้ามโปรแกรม

ข้ามระบบปฏิบัตกิ าร เช่น Adobe Illustrator Adobe Acrobat และ
photoshop สามารถเปดิ ไฟล์นีด้ ้วย คำส่ัง File คลิก Open หรอื คลกิ เมนู File คลกิ Import
3. คลิกชื่อไฟลร์ ปู ภาพใหม้ แี ถบสี 4 ไฟลต์ ามตอ้ งการ โดยกดปุม่ Shift / Ctrl ค้างไว้
4. คลิกปุ่ม Open หรือดบั เบ้ลิ คลกิ ไฟลร์ ปู ภาพทตี่ ้องการเปิด จะปรากฎภาพบนหนา้ จอ

การเปดิ ไฟล์รูปภาพทเ่ี คยเปิดกอ่ นหนา้ นีด้ ้วยคำสัง่ Open Recent

Open Recent เป็นคำสงั่ จดจำไฟลภ์ าพที่เคยเปดิ มากอ่ นหนา้ น้ีไว้ และสามารถเรยี กเปดิ ไฟล์ภาพ
เหล่านัน้ กลับมาใช้ไดอ้ กี โดยไมต่ อ้ งไปทำการคน้ หาไฟล์ภาพทจี่ ะเปดิ นน้ั ใหมใ่ หเ้ สียเวลา ดว้ ยการใช้คำสั่ง File-->
Open Recent

1. คลิกเมนู File คลกิ Open Recent จะปรากฎเมนรู ายการชือ่ ไฟล์ภาพทเ่ี คยเปิดใช้มาก่อนสามารถ
เลอื กไฟล์ไดต้ ามตอ้ งการ

2. คลิกรายการภาพทต่ี อ้ งการ จะปรากฎไฟล์ภาพบนหน้าจอ

3. กำหนดจำนวนไฟลท์ ตี่ อ้ งการในช่อง Recent file list contains: 10 files
4. คลกิ ป่มุ OK

Active Window และ Inactive Window

Active Window คอื หนา้ ต่างทก่ี ำลังทำงานอยู่ จะอยู่บนสดุ ของหนา้ ตา่ งทง้ั หมด และมี แถบ หัวเร่อื ง
เป็นสนี ้ำเงิน

Inactive Window คอื หน้าต่างที่เปิดขึ้นมาแล้ว แตย่ ังไม่ถูกเรยี กใชง้ านในขณะน้นั จะมี แถบ หัวเรอ่ื ง
เปน็ สีเทา

การสร้างไฟล์ภาพใหม่

1. คลกิ เมนู File คลกิ รายการ New
2. จะปรากฎกรอบสีเ่ หลย่ี ม/ไดอะลอ๊ กบอ๊ กซ์

3. พมิ พช์ ่อื ไฟลร์ ูปภาพ ช่อง Name: View

4. ช่อง Preset size : / Preset: ขนาดของพน้ื ทชี่ ้ินงาน
5. ช่อง Width กำหนดความกวา้ งไฟลร์ ปู ภาพตามทีต่ ้องการ
6. ชอ่ ง Height กำหนดความสูงของไฟล์รปู ภาพตามทต่ี อ้ งการ
7. ชอ่ ง Resolution กำหนดความละเอยี ดของภาพ การใช้งานทวั่ ไปตัง้ ไวท้ ี่ 72 pixels/inches
8. ชอ่ ง Mode /Color Mode กำหนดรูปแบบการแสดงผลของไฟล์ภาพ สว่ นใหญง่ านทั่วไปใช้ RGB

กรณี ต้องการพิมพง์ านออกมาหรือใชใ้ นงานออกแบบส่งิ พิมพใ์ ห้ใช้ CMYK จะไดส้ ีทอ่ี อกมาดกี ว่า

9. ชอ่ ง Background Contents: เลือกรปู แบบพนื้ หลงั ของภาพ
10. คลกิ ปุ่ม OK จะไดห้ นา้ กระดาษว่างเป็นไฟลภ์ าพใหม่

การบนั ทกึ ไฟล์ เพอื่ เรียกใชใ้ นครง้ั ต่อไป ใน Photoshop มีการบันทึกงานทที่ ำโดยสามารถ
เลือกการบันทึกงานไดท้ งั้ ชอ่ื ทต่ี ่างกนั และรปู แบบทตี่ ่างกัน คอื
1. คลกิ เมนู File เลอื กรปู แบบการบนั ทึกไฟล์ดงั ต่อไปนี้

- คลกิ รายการ Save เป็นการบันทึกงานในรปู แบบปกติ โปรแกรมจะบนั ทึกงานทีแ่ กไ้ ขใหมใ่ น
ชอ่ื เดิม ตำแหน่งเดิม หรือบนั ทึกไฟล์ทย่ี ังไมเ่ คยมกี ารบนั ทกึ มาก่อน
- คลิกรายการ Save As เปน็ การบันทกึ งานเดิมเปน็ ชอ่ื ใหม่ ตำแหนง่ ใหม่ และให้อยู่ในรปู ของ
รปู แบบใหม่ได้ (ถ้าไฟลม์ ีการเพิ่มเลเยอร์ โปรแกรมจะบังคับให้ Save เป็น .psd โดยอัตโนมตั ิ)
- คลกิ รายการ Save for Web เปน็ กรบนั ทกึ ไฟล์ เพอ่ื ใหไ้ ดภ้ าพที่เหมาะสำหรับการใชง้ านบนเวบ็
2. คลกิ ชอ่ ง Save in : เพอ่ื กำหนดตำแหน่งของไฟล์ทีต่ อ้ งการเก็บ
3. คลกิ ชอ่ ง Format เลือกชนดิ ของไฟลท์ ่ตี ้องการ
4. Save Options เลอื กคณุ สมบตั ิการจดั เกบ็ ไฟล์

- As a Copy การบันทกึ ไฟล์เป็นชื่อใหม่ เปล่ยี นชนิดไฟลใ์ หม่ ขณะไฟลเ์ ดิมเปิดใช้อยู่
- Alpha Channels จะเก็บคุณสมบัตใิ นการปรับแตง่ ภาพดว้ ย Alpha Channel
- Annotation จะเก็บคำอธิบายทัง้ ภาพและเสยี งเพ่ือเตอื นความจำไวด้ ว้ ย
- Layer เกบ็ คุณสมบตั ิของเลเยอร์ต่าง ๆ ไว้
- Spot Colors เกบ็ ฃุณสมบัตขิ อง Spot Channel ไว้
- Use Proof setup เกบ็ ค่าโหมดสที ่จี ะใช้แสดงสีของภาพก่อนจะพิมพ์
- ICC Profile การเก็บคา่ โหมดสที ่ีสนบั สนนุ ไฟลร์ ูปแบบทีจ่ ะ Save
- Thumbnail สามารถแสดงภาพตัวอยา่ งในหน้าจอของการเปดิ ไฟล์ไดด้ ้วย
- Use Lower Case Extension กำหนดชนิดของไฟลใ์ ห้ตวั อกั ษรเป็นตวั พมิ พเ์ ลก็
5. ใส่ช่อื ไฟล์ชอ่ ง File name:

6. คลกิ ปมุ่ Save

7. ปรากฎหน้าต่างการกำหนดคณุ สมบัตกิ ารจัดเก็บ Save Options ขอยกตวั อยา่ งการบันทึกไฟลเ์ ป็นฟอร์แมต็
JPEG จะปรากฎหน้าต่าง JPEG Option ข้ึนและมีคา่ ตัวเลอื กตา่ ง ๆ ใหก้ ำหนดดังนี้

- Matteเปน็ การเลือกสพี น้ื หลงั เข้าไปทดแทนสำหรบั ภาพทไี่ ม่มพี ืน้ หลัง (ภาพที่โปร่งแสง)
- Quality เป็นการกำหนดคณุ ภาพของไฟล์ ถ้ามคี ณุ ภาพมาก คา่ สีทแี่ สดงกม็ าก ทำใหข้ นาดไฟล์ใหญ่
- Format Options เปน็ การกำหนดรูปแบบของไฟลฟ์ อร์แมต็ เช่น

Baseline (“Standard”) กำหนดให้เป็นฟอร์แม็ตท่ีสามารถรองรับกบั บราวเซอร์ส่วนใหญ่Baseline
Optimized เป็นไฟล์ฟอรแ์ มต็ ทไ่ี ดล้ ดคุณภาพของสีลง ทำใหข้ นาดของภาพเลก็ แตจ่ ะรองรับไดก้ ับบราวเซอรแ์ ค่
บางรุ่นเทา่ นั้นProgessive กำหนดให้แสดงภาพขน้ึ มาทลี ะนิดในขณะทโ่ี หลดไฟล์ภาพ เพ่ือไมต่ ้องให้ผ้ชู มเว็บคอย

นาน แต่จะทำใหเ้ ครอ่ื งทเี่ ปดิ ดูเว็บน้ันต้องใชห้ น่วยความจำมากขนึ้ และใช้ไดก้ บั บราวเซอรบ์ างรุ่นเทา่ น้ัน ปรับ
คุณภาพไดจ้ ากชอ่ ง Scans:Size เป็นการแสดงความเร็วในการโหลดภาพ จากระดบั ความเรว็ ของโมเด็มตา่ ง ๆ ที่
สามารถเลอื กให้ตรงกับความเร็วทใี่ ชอ้ ยู่ (แสดงเป็นกโิ ลไบต์/วินาที)

8. คลิกปุม่ OK

8 กำหนดมมุ มองในโปรแกรม Adobe Photoshop

มุมมองภาพท้ังหมดดว้ ย Toolbox มี 3 รปู แบบ

1. Standard Screen Mode แสดงหนา้ จอปกติ แสดงภาพทงั้ หมด

2. Full Screen Mode With Menu Bar ไมม่ กี รอบหน้าตา่ ง แสดงรปู ภาพเต็มหนา้ จอ มีเมนบู าร์
3. Full Screen Mode แสดงรูปภาพเตม็ หนา้ จอ ไม่มกี รอบหน้าตา่ ง ไม่มเี มนบู าร์ และพนื้ ทีท่ ่เี หลือ
ของหน้าจอจะถูกแทนที่ด้วยสดี ำ

การย่อ-ขยายภาพ ด้วย Zoom Tool
Zoom Tool
เปน็ เครือ่ งมือท่อี ยู่ใน Toolbox มรี ูปรา่ งเหมือนแวน่ ขยาย ใช้ในการย่อหรอื ขยายภาพ
ข้ันตอนการยอ่ -ขยายภาพ

1. คลิกเมาสท์ ไี่ อคอน ใน Toolbox

2. เลอื่ นเมาส์รูปแวน่ ขยายท่ีมเี ครือ่ งหมาย + คลิกเพอื่ ขยายรูปภาพบรเิ วณทค่ี ลกิ ให้ขยายใหญข่ ้นึ

3. กดปมุ่ Alt เมอื่ ต้องการยอ่ ภาพ ปรากฎแว่นขยายมเี ครือ่ งหมาย- คลิกบริเวณภาพทต่ี ้องการย่อในโปรแกรม
Photoshop อนญุ าตให้ขยายภาพไดต้ ้ังแต่ 0.078 % ถงึ 1600 %

Zoom Option กำหนดคณุ สมบตั ติ ่าง ๆ ของเครื่องมอื Tool Options bar

กำหนดมมุ มองของภาพดว้ ยแถบเมนคู ำส่งั
การกำหนดมุมมองของภาพ สามารถทำได้โดยการเลือกเมนูคำส่ัง View

กำหนดมมุ มองของภาพเมื่อเปดิ ไฟลภ์ าพหลายๆ ไฟลพ์ รอ้ มกนั ดว้ ยเมนู Window หนา้ ต่าง
การจดั เรียงมมุ มองไฟล์ภาพสามารถกำหนดรปู แบบได้ 2 วธิ ี คือ
1. สามารถจัดเรียงมมุ มองของหนา้ ต่างไฟลภ์ าพดว้ ยเมนูคำสง่ั

Window--> Arrange --> Cascade
2. สามารถจัดเรียงมมุ มองของหนา้ ตา่ งไฟล์ภาพให้เหน็ ภาพในทุก
ดว้ ยเมนคู ำสัง่ Window-->Arrange--> Tile

กำหนดมมุ มองของภาพ ดว้ ย Hand Tool
การเลื่อนดูภาพดว้ ย
1. คลกิ เมนู File --> Open
2. ดับเบล้ิ คลกิ โฟลเดอร์ Adobe
3. ดับเบ้ลิ คลกิ โฟลเดอร์ Photoshop 7.0

หรือ โฟลเดอร์ Photoshop CS
4. ดับเบลิ้ คลิกโฟลเดอร์ Samples
5. ปรากฎหน้าตา่ งรายชอ่ื ไฟล์รูปภาพ
6. คลกิ เลอื กไฟลร์ ูปภาพให้มแี ถบสี
7. คลิกปุ่ม Open

8. ปรากฎหน้าตา่ งไฟลร์ ปู ภาพ
9. คลกิ ปมุ่ Hand Tool
10. ทดลองเลอ่ื นรปู ภาพ

แสดงปุม่ เครอ่ื งมอื บน Tool Options bar

- ปุ่ม Actual Pixels ปรบั ขนาดเทา่ จรงิ
- ปมุ่ Fit On Screen ย่อหรอื ขยายใหพ้ อดกี ับหน้าจอโปรแกรม
- ปุ่ม Print Size แสดงภาพเท่ากับภาพทพี่ มิ พ์ออกมา

กำหนดมมุ มองของภาพ ด้วย Navigator Palette
การกำหนดมุมมองของภาพในรูปแบบต่าง ๆ ความสัมพนั ธ์ระหวา่ งการใช้เครื่องมือเหล่านั้น

กับภาพท่เี หน็ ถกู รวบรวมไวด้ ้วยกันท่ี Navigator Palette
1. สามารถเรยี กดู Navigator Palette ไดด้ ้วยการคลกิ เมนู Window --> Navigator
2. สังเกตภาพทเ่ี ปดิ ใชง้ านอยู่ จะปรากฎในแท็บ Navigator Palette
3. กรอบเสน้ สเ่ี หลีย่ มสีแดง แสดงพื้นทีภ่ าพท่ีแสดงบนหน้าต่างภาพ
4. เลือ่ นเมาส์ไปทก่ี รอบสีแดง จะปรากฎ คลกิ ลากเส้นกรอบสแี ดงไปยังพืน้ ท่ีทีต่ อ้ งการดู
5. กำหนดเปอร์เซ็นต์การขยายภาพ สามารถพิมพต์ วั เลขกำหนดเปอร์เซ็นตภ์ าพเองได้
6. คลกิ เมาส์ปรับเปอร์เซ็นต์การยอ่ เปน็ Step
7. เลอ่ื นแถบเพม่ิ -ลด อตั ราการขยายของภาพ ทางขวาเพ่มิ ทางซา้ ยลด
8. คลกิ เมาส์ปรับเปอร์เซ็นต์การขยายเปน็ Step
3. กรอบเสน้ สีเ่ หล่ยี มสแี ดง แสดงพ้ืนทภ่ี าพที่แสดงบนหนา้ ต่างภาพ
4. เล่อื นเมาสไ์ ปทีก่ รอบสีแดง จะปรากฎ คลกิ ลากเส้นกรอบสแี ดงไปยงั พ้นื ท่ีทต่ี อ้ งการดู

5. กำหนดเปอร์เซน็ ตก์ ารขยายภาพ สามารถพมิ พ์ตวั เลขกำหนดเปอรเ์ ซน็ ตภ์ าพเองได้
6. คลกิ เมาสป์ รับเปอร์เซ็นตก์ ารยอ่ เป็น Step
7. เลอ่ื นแถบเพ่ิม-ลด อตั ราการขยายของภาพ ทางขวาเพม่ิ ทางซ้ายลด
8. คลิกเมาสป์ รบั เปอร์เซ็นตก์ ารขยายเปน็ Step

การใชค้ ียล์ ดั เพอ่ื ชว่ ยกำหนดมมุ มอง

- ดบั เบลิ้ คลกิ ปุ่ม ปรบั ภาพใหพ้ อดีกบั หนา้ ตา่ งของโปรแกรม

- ดับเบลิ้ คลกิ ดว้ ย หรอื กด Alt+Ctrl+0 (เลขศูนย)์ เพอื่ ขยายภาพขนาด 100%

- กดปุม่ Ctrl+ (+) หรอื Ctrl+ (-) ขยายหรอื ย่อภาพในขณะท่ใี ชป้ ุ่ม Zoom Tool

-ใหก้ ดปุ่ม Ctrl+Spacebar หรอื Alt+Spacebar เพือ่ เรยี กใช้ หรือ