สื่อคุณค่าพระวรสาร กราฟิกเบื้องต้น วิชาคอมพิวเตอร์ ม.1.

งานนำเสนอเรื่อง: "สื่อคุณค่าพระวรสาร กราฟิกเบื้องต้น วิชาคอมพิวเตอร์ ม.1."— ใบสำเนางานนำเสนอ:

1 สื่อคุณค่าพระวรสาร กราฟิกเบื้องต้น วิชาคอมพิวเตอร์ ม.1

2

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

4 กราฟิกส์มาจากภาษากรีก
Graphikos หมายถึง การวาดเขียนและการเขียนภาพ Graphein หมายถึง การเขียน

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

6 กราฟิก การศึกษา ประชาสัมพันธ์ งานโทรทัศน์ ฯลฯ สื่อสิ่งพิมพ์ งานออกแบบ

7 ภาพ 2 มิติ(2D Graphic) กราฟิกแบบ 2 มิติ เป็นภาพที่พบเห็นโดยทั่วไป
เช่น ภาพถ่าย รูปวาด ภาพลายเส้น สัญลักษณ์ กราฟ รวมถึงการ์ตูนต่างๆ ในโทรทัศน์

8 ประเภทของภาพกราฟฟิก ภาพกราฟฟิก Bit Mapped Vector

9 กราฟิกแบบ Bitmap       Bitmap ในทางเทคนิคเรียกว่า “Raster Image” เป็นการแสดงผลภาพทางกราฟิกในรูปแบบที่ประกอบขึ้นจากกรอบสี่เหลี่ยมจุดเล็กๆ มีลักษณะเป็นตะแกรงเรียงประกอบขึ้นเป็นภาพ ลักษณะคล้ายๆ กับการปูกระเบื้อง เรียกว่า พิกเซล (Pixels) ที่มีจำนวนคงที่ตายตัวตามการสร้างภาพที่มี Resolution (ตัวกำหนดค่าความละเอียดของจำนวนpixels) แต่ละพิกเซลก็จะมีค่าของตำแหน่งและค่าสีของตัวเอง ด้วยเหตุที่พิกเซลมีขนาดเล็กเราจึงเห็นว่าภาพ มีความละเอียดสวยงาม                

10 ข้อดี ภาพแบบ Bitmap จึงเหมาะสำหรับงานกราฟิกในแบบที่ต้องการให้แสงเงาในรายละเอียด เป็นไฟล์ที่เหมาะกับการทำงานกับภาพเหมือนจริงประเภทภาพถ่าย เพราะ Bitmap มี Channel พิเศษ เรียกว่า Alpha Channel ซึ่งเป็น 32 bit หรือ true color คือสีสมจริง เช่น ภาพที่นำมาใช้กับ PhotoShop จะเป็นภาพเหมือน ภาพถ่าย เพราะไฟล์ที่ได้จาก PhotoShop เป็น Bitmap ไฟล์ภาพแบบ Bitmap ในระบบวินโดวส์คือ ไฟล์ที่มีนามสกุล .BMP, .PCX , .TIF, .GIF , .JPG, .MSP, .PCD เป็นต้น สำหรับโปรแกรมที่ใช้สร้างกราฟิกแบบนี้คือ โปรแกรม Paint ต่างๆ เช่น Paintbrush, PhotoShop, Photo scape เป็นต้น

11 Bitmap

12 ข้อด้อย   เนื่องจาก Bitmap มีค่า Pixel จำนวนคงที่จึงทำให้มีข้อจำกัดในเรื่อง การขยายขนาดภาพ การเปลี่ยนขนาดภาพทำโดยเพิ่มหรือลด Pixel จากที่มีอยู่เดิม เมื่อขยายภาพให้ใหญ่ขึ้น ความละเอียดของภาพจึงลดลง และถ้าเพิ่มค่าความละเอียดมากขึ้นก็จะทำให้ไฟล์มีขนาดใหญ่และเปลืองเนื้อที่หน่วยความจำ จะมองเห็นเป็นตารางสี่เหลี่ยมเรียงต่อกัน ทำให้ขาดความสวยงาม

13 การขยายขนาดของภาพ bitmap เกินขนาดจริงหรือทำการลดจำนวน pixel ก็ทำให้ รายละเอียดของภาพลดลงได้

14 กราฟิกแบบ Vector คือ รูปแบบภาพกราฟิกที่ประกอบด้วย เส้นสาย ลวดลายต่าง ๆ ที่ถูกสร้างขึ้นจากสมการทางคณิตศาสตร์ในการคำนวณ จุดตัดและต่อกันของแกน x/y/z ผ่านโปรแกรมทางกราฟิก ทำให้สามารถเปลี่ยนแปลงแก้ไขได้ง่าย เช่น การย้ายภาพจากที่หนึ่งไปอีกที่หนึ่ง โดยโปรแกรมจะคำนวณจุดตำแหน่งใหม่และแสดงผลให้โดยอัตโนมัติ ไฟล์ภาพแบบนี้จะเหมือนการ์ตูนหรือภาพเขียน ประเภทผลงานกราฟิกที่นิยมใช้โปรแกรมที่สร้างภาพแบบ vector ในการสร้างได้แก่ การออกแบตัวอักษร งานออกแบบโลโก้ โปสเตอร์ขนาดใหญ่

15 ข้อดี ลักษณะเด่นของ Vector คือ สามารถยืดหรือหดภาพเท่าใดก็ได้ โดยที่ภาพจะไม่แตก ความละเอียดของภาพไม่เปลี่ยนแปลง คงคุณภาพของภาพไว้ได้เหมือนเดิม และยังสามารถขยายเฉพาะความกว้างหรือความสูง เพื่อให้มองเห็นเป็นภาพผอมหรืออ้วนกว่าภาพเดิมได้ด้วย และไฟล์มีขนาดเล็กกว่าภาพ Bitmap ภาพแบบ Vector จึงเหมาะสำหรับงานแบบวาง Layout งานพิมพ์ตัวอักษร Line Art หรือ Illustration    

16 ไฟล์รูปภาพแบบ Vector ไฟล์ที่มีนามสกุล .WMF .EPD .CDR .AI .CGM .DRW .PLT เป็นต้น โดยมีโปรแกรมประเภทวาดรูป (Drawing Program) เช่น CorelDraw หรือ AutoCAD เป็นโปรแกรมสร้าง ขณะที่บนแมคอินทอชใช้ Illustrator และ Freehand

17

18 ข้อด้อย 1. การแสดงผลของภาพอาจไม่ละเอียดไม่เป็นธรรมชาติเท่า bitmap
2. คอมพิวเตอร์จะใช้เวลาในการแสดงภาพมากกว่า เนื่องจากต้องทำตามคำสั่งที่มีจำนวนมากกว่า

19 Vector

20

21 1. ลักษณะภาพประกอบขึ้นด้วยจุดต่างๆ มากมาย
Bitmap Vector 1. ลักษณะภาพประกอบขึ้นด้วยจุดต่างๆ มากมาย 1. ใช้สมการทางคณิตศาสตร์เป็นตัวสร้างภาพ โดยรวมเอา Object (เช่น วงกลม เส้นตรง) ต่างชนิดมาผสมกัน 2. ภาพมีจำนวนพิกเซลคงที่จึงต้องการค่าความละเอียดมากขึ้นเมื่อขยายภาพ โดยจะคำนวณค่าสีทีละ pixels ทำให้ภาพแตกเมื่อขยายภาพให้ใหญ่ 2. สามารถย่อและขยายขนาดได้มากกว่า โดยสัดส่วนและลักษณะของภาพยังเหมือนเดิม ความละเอียดของภาพไม่เปลี่ยนแปลง 3. เหมาะสำหรับงานกราฟิก ในแบบต้องการให้แสงเงาในรายละเอียด 3. เหมาะสำหรับงานแบบวาง Layout งานพิมพ์ตัวอักษร Line Art หรือ Illustration 4. แสดงภาพบนจอทันที เมื่อรับคำสั่งย้ายข้อมูลจากหน่วยความจำที่เก็บภาพไปยังหน่วยความจำของจอภาพ 4. คอมพิวเตอร์จะใช้เวลาในการแสดงภาพมากกว่า เนื่องจากต้องทำตามคำสั่งที่มีจำนวนมากกว่า

22 นักเรียนเห็นหรือไม่ว่าภาพทั้ง 2 แบบมีความแตกต่างกันแต่ก็
สามารถออกแบบผลงานได้และทำงานGraphicได้เหมือน Vector

23 เหมือนนักเรียนในตอนนี้ที่มีทั้งชายและหญิงที่อยู่ร่วมกันบนโลก
และมีความสามารถในการทำงานเหมือนกัน นักเรียนคิดว่าในสังคมนี้มีอาชีพอะไรบ้างที่ต่างกัน แต่ทำงานเหมือนหรือ คล้ายกันให้นักเรียนจับกลุ่มละ5คน และมาอธิบายหน้าห้อง

24 สิ่งที่นักเรียนอธิบายมาทั้งหมดคือ ความเป็นหนึ่ง / ความเป็นชุมชน
คือ มนุษย์ทุกคนเป็นพี่น้องกัน ทุกคนมีพระเจ้าองค์เดียวกัน ดังนั้น มนุษย์จึงต้องสร้างสังคมมนุษย์ให้น่าอยู่ไม่ว่าเราจะอยู่ในหน่วยใดของ สังคมเราต้องแสดงความเป็นเจ้าของการมีส่วนร่วมในชีวิตของ ชุมชนนั้นๆ

25 ใบงาน Graphic จุดประสงค์ ใช้แสดงลักษณะความเหมือนหรือแตกต่าง ระหว่างสิ่งของ2 สิ่ง หรือมากกว่า วิธีการใช้ เขียนหัวข้อที่จะเปรียบเทียบด้านบนของวงกลมทั้ง 2 ข้าง เขียนคุณสมบัติที่แตกต่างกันในวงกลมแต่ละด้านที่ตงกับหัวข้อ เขียนคุณสมบัติที่เหมือนกันในส่วนของวงกลมที่ทับซ้อนกัน คำชี้แจง ให้นักเรียนสำรวจดูตัวอย่างงานนำเสนอและคุณสมบัติของงานนำเสนอ ที่ดีว่าควรมีลักษณะอย่างไร จากนั้นเปรียบเทียบความแตกต่างของงานนำเสนอที่ดี ว่าแตกต่างจากงานนำเสนอทั่วไปอย่างไร

26 ใช้แสดงลักษณะความเหมือนหรือแตกต่าง ระหว่างสิ่งของ2 สิ่ง หรือมากกว่า