การนำเสนอในหัวข้อ: การนำเสนอ“ กราฟิกแรสเตอร์และเวกเตอร์” สำหรับบทเรียนวิทยาการคอมพิวเตอร์และ ICT ในหัวข้อ การนำเสนอทางวิทยาการคอมพิวเตอร์ในหัวข้อ "กราฟิกแรสเตอร์และเวกเตอร์

คอมพิวเตอร์กราฟิกส์

สาขาวิชาวิทยาการคอมพิวเตอร์ วิชาที่กำลังทำงานกับคอมพิวเตอร์ที่มีภาพกราฟิก (ภาพวาด ภาพวาด ภาพถ่าย ฯลฯ)

คอมพิวเตอร์

ภาพ

แรสเตอร์

เวกเตอร์

ภาพแรสเตอร์

ภาพแรสเตอร์ถูกสร้างขึ้นจากจุดที่มีสีต่างกัน (พิกเซล) ซึ่งประกอบกันเป็นแถวและคอลัมน์

คุณภาพของภาพแรสเตอร์ขึ้นอยู่กับ:

1. จากระยะไกล

ระหว่างเพื่อนบ้าน

พิกเซล

2. จากปริมาณ

ในภาพ

16x16=256 พิกเซล

ต้องใช้ 1 บิตในการจัดเก็บแต่ละพิกเซล

ขนาดฟิกเกอร์ = 256 บิต

256 บิต = 32 ไบต์

ข้อดีของภาพแรสเตอร์

• กราฟิกแรสเตอร์นำเสนอวัตถุกราฟิกได้อย่างมีประสิทธิภาพและสมจริง และช่วยให้คุณสร้าง (ทำซ้ำ) ภาพวาดเกือบทุกชนิด โดยไม่คำนึงถึงความซับซ้อน

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

• ความเร็วสูงในการประมวลผลภาพที่ซับซ้อน

• อุปกรณ์ภายนอกส่วนใหญ่สำหรับการป้อนภาพถ่าย สไลด์ และภาพวาดใช้งานได้กับกราฟิกแรสเตอร์ (ซึ่งรวมถึงสแกนเนอร์ กล้องวิดีโอ กล้องดิจิทัล แท็บเล็ตกราฟิก)

ข้อเสียของภาพแรสเตอร์

• ขนาดไฟล์ใหญ่พร้อมรูปภาพธรรมดา

• ความเป็นไปไม่ได้ของการปรับขนาดที่สมบูรณ์แบบ

บรรณาธิการกราฟิก

โปรแกรมสำหรับสร้าง แก้ไข และดูภาพกราฟิก

กราฟิกแบบเวกเตอร์

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

กราฟิกแบบเวกเตอร์

ภาพเวกเตอร์ถูกสร้างขึ้นจากกราฟิกดั้งเดิม (จุด เส้น วงกลม รูปหลายเหลี่ยม ฯลฯ) และอธิบายด้วยสูตรทางคณิตศาสตร์

ในกรณีนี้ ตำแหน่งของลูกศรจะอธิบายโดยพิกัดของจุดเริ่มต้นและจุดสิ้นสุดของเส้นส่วนประกอบและสมการทางคณิตศาสตร์

ข้อดีของกราฟิกแบบเวกเตอร์

• ภาพวาดเวกเตอร์สามารถขยายหรือย่อได้โดยไม่สูญเสียคุณภาพ
• ข้อมูลไฟล์มีปริมาณน้อยเมื่อเทียบกับปริมาณไฟล์ที่มีภาพแรสเตอร์

ข้อเสียของกราฟิกแบบเวกเตอร์

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

บีเอ็มพี – รูปแบบสากล เช่น รูปแบบที่โปรแกรมแก้ไขกราฟิกแรสเตอร์ทุกคน "เข้าใจ"

PNG – รูปแบบ GIF เวอร์ชันปรับปรุง

รูปแบบไฟล์กราฟิกแรสเตอร์

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

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

รูปแบบไฟล์กราฟิกแบบเวกเตอร์

WMF – รูปแบบนี้ใช้เพื่อจัดเก็บคอลเลกชันของกราฟิก Microsoft Clip Gallery

โอดีจี – รูปแบบที่เป็นกรรมสิทธิ์ของโปรแกรม OpenOffice orgDraw.

คปภ – รูปแบบที่เป็นกรรมสิทธิ์ของโปรแกรม CorelDraw

SVG– รูปแบบของ Inkscape เอง

คำถามที่ 1

กราฟิกที่แสดงในหน่วยความจำคอมพิวเตอร์เป็นกลุ่มของจุดเรียกว่า:

1) สามมิติ

2) แฟร็กทัล

3) แรสเตอร์

4) เวกเตอร์

คำถามที่ 2

กราฟิกที่แสดงในหน่วยความจำคอมพิวเตอร์ในรูปแบบของคำอธิบายทางคณิตศาสตร์ของวัตถุเรียกว่า:

1) เวกเตอร์

2) สามมิติ

3) แฟร็กทัล

4) แรสเตอร์

คำถามที่ 3

ออบเจ็กต์กราฟิกที่ง่ายที่สุด (วงรี สี่เหลี่ยม ฯลฯ) ที่สร้างโดยเครื่องมือแก้ไขกราฟิกเรียกว่า:

1) วัตถุทางเรขาคณิต

2) พิกเซล

3) ดั้งเดิม

4) เครื่องมือ

คำถามที่ 4

เลือกนามสกุลไฟล์กราฟิกจากรายการที่ให้ไว้

คำถามที่ 5

รูปแบบที่นักแก้ไขกราฟิกแรสเตอร์ทุกคนเข้าใจคือ ...

คำถามที่ 6

ไฟล์กราฟิกรูปแบบใดที่ต้องใช้หน่วยความจำมากที่สุด?

การบ้าน

• § 1.2
• การเขียนลงในสมุดบันทึก

แหล่งที่มาของข้อมูล

• น.ดี. อูกริโนวิช วิทยาการคอมพิวเตอร์และไอซีที ชั้นประถมศึกษาปีที่ 9 ม. BINOM, 2010
• เอ็ม.จี. กิลยารอฟ. สารสนเทศ. ชั้นประถมศึกษาปีที่ 9 แผนการสอนตามตำราเรียนของ Ugrinovich N.D. โวลโกกราด, ITD Corypheus, 2009
• ภาพวาดของนักเรียน
• http://images.yandex.ru/

ซาโกรอดนิโควา สเวตลานา นิโคเลฟนา

ครูสอนวิทยาศาสตร์คอมพิวเตอร์

MBOU "โรงเรียนมัธยมหมายเลข 12 พร้อมด้วย การศึกษาเชิงลึก แต่ละรายการ» เมืองบีสค์

หากต้องการใช้ตัวอย่างการนำเสนอ ให้สร้างบัญชี Google และเข้าสู่ระบบ: https://accounts.google.com

คำอธิบายสไลด์:

กราฟิกแรสเตอร์และเวกเตอร์ หัวข้อบทเรียน:

ตัวอย่าง: แรสเตอร์ เวกเตอร์ ภาพถ่ายที่สแกน รูปภาพ รูปภาพ ภาพวาด รูปร่างอัตโนมัติ ผังงาน ภาพวาด วัตถุ คำศิลป์ อักษรศิลป์

องค์ประกอบ: RASTER VECTOR ประกอบด้วยพิกเซล ซึ่งแต่ละพิกเซลคุณสามารถกำหนดสีได้ ประกอบด้วยกราฟิกดั้งเดิม ซึ่งแต่ละพิกัดระบุพิกัดของจุดยึด เช่นเดียวกับสี ความหนา และรูปแบบของเส้น X 1 ,Y 1 X 2 ,Y 2 X 1 ,Y 1 X 2 ,Y 2 X,ใช่ R X,Y

รูปแบบ: RASTER VECTOR เมื่อสแกน เมื่อใช้ภาพถ่ายดิจิทัลและกล้องวิดีโอ เมื่อดูรายการทีวีบนคอมพิวเตอร์ การใช้โปรแกรมแก้ไขกราฟิกแรสเตอร์ การใช้โปรแกรมแก้ไขกราฟิกแบบเวกเตอร์ การใช้ตัวแปลงในกระบวนการแปลงภาพแรสเตอร์เป็นภาพวาดเวกเตอร์

แกลเลอรี่สี

คุณภาพของภาพ: RASTER VECTOR คุณสามารถสร้างภาพที่ใกล้เคียงกับงานศิลปะ (ของจริง) มีขอบเขตที่ชัดเจนของวัตถุอยู่เสมอซึ่งทำให้ภาพดูสมจริง

การแก้ไข: RASTER VECTOR พิกเซลส่วนบุคคลหรือส่วนที่เลือก แต่ละวัตถุแยกกัน

การปรับขนาด: RASTER VECTOR เมื่อทำการปรับขนาด คุณภาพของภาพจะลดลง (เอฟเฟกต์ระดับขั้น) เมื่อทำการปรับขนาด คุณภาพจะไม่สูญหาย

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

รูปแบบไฟล์: แรสเตอร์ เวกเตอร์ BMR TIFF GIF JPEG PSD PNG WMF SXD FRM CDR EPS CMX BMP WMF JPEG PNG PSD GIF TIFF CDR SXD FRM EPS

โปรแกรมแก้ไขกราฟิกเป็นแอปพลิเคชันโปรแกรมที่ออกแบบมาสำหรับการสร้างและแก้ไขภาพกราฟิก

บรรณาธิการกราฟิก: RASTER VECTOR Paint Adobe Photoshop Corel Photo- Paint Photo Finish Micrografx Picture Open Office Image Gimp Portable Corel Draw Adobe Illustrator Micrografx Designer Microsoft Draw Open Office Draw Compass 3-D

ทำงานให้เสร็จสิ้น: ภารกิจ 1.9 (หน้า 24) จับคู่ภาพวาดแต่ละภาพกับคอมพิวเตอร์กราฟิกประเภทหนึ่ง

การบ้าน: §1.2 เตรียมตัวสำหรับการทดสอบ "คอมพิวเตอร์กราฟิก"

ในหัวข้อ: การพัฒนาระเบียบวิธี การนำเสนอ และบันทึกย่อ

กราฟิกแรสเตอร์และเวกเตอร์

เรื่อง: สารสนเทศและไอซีทีคลาส: 7 โปรแกรม: N.D. Ugrinovich หนังสือเรียนปี 2551: “สารสนเทศและไอซีที ชั้นประถมศึกษาปีที่ 7" N.D. อูกริโนวิช – บินอม ห้องปฏิบัติการความรู้ 2550....

ภาพคอมพิวเตอร์ - สร้างขึ้นจากจุดที่มีสีต่างกัน (พิกเซล) ซึ่งสร้างแถวและคอลัมน์ - สร้างขึ้นจากวัตถุกราฟิกพื้นฐาน โดยแต่ละจุดมีการระบุพิกัดของจุดอ้างอิง ตลอดจนสี ความหนา และรูปแบบของเส้น ของรูปร่างของมัน

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

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

เมื่อคุณขยายภาพ ขนาดของแต่ละจุดจะเพิ่มขึ้น และเอฟเฟ็กต์ขั้นบันไดจะปรากฏขึ้นซึ่งสามารถมองเห็นได้ด้วยตาเปล่า เมื่อคุณขยายภาพ ขนาดของแต่ละจุดจะเพิ่มขึ้น และเอฟเฟ็กต์ขั้นบันไดจะปรากฏขึ้นซึ่งสามารถมองเห็นได้ด้วยตาเปล่า รูปภาพปกติ ขยายส่วนของรูปภาพ

กราฟิกแบบเวกเตอร์ กราฟิกแบบเวกเตอร์เป็นวิธีที่เหมาะสมที่สุดในการจัดเก็บวัตถุกราฟิกที่มีความแม่นยำสูง (ภาพวาด ไดอะแกรม) ซึ่งเป็นสิ่งสำคัญในการรักษารูปทรงที่ชัดเจน กราฟิกแบบเวกเตอร์เป็นวิธีที่เหมาะสมที่สุดในการจัดเก็บวัตถุกราฟิกที่มีความแม่นยำสูง (ภาพวาด ไดอะแกรม) ซึ่งเป็นสิ่งสำคัญในการรักษารูปทรงที่ชัดเจน

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

วัตถุกราฟิกแบบเวกเตอร์อธิบายได้ด้วยสูตรทางคณิตศาสตร์ จุดถูกระบุโดยพิกัด (x,y); จุดถูกระบุโดยพิกัด (x,y); เส้นตรง – พิกัดจุดเริ่มต้น (x1, y1) และจุดสิ้นสุด (x2, y2) เส้นตรง – พิกัดจุดเริ่มต้น (x1, y1) และจุดสิ้นสุด (x2, y2) วงกลม – พิกัดของวงกลมกลาง – พิกัดของศูนย์กลาง (x, y) และรัศมี R (x, y) และรัศมี R; สี่เหลี่ยมผืนผ้า - ขนาดของด้านข้างและพิกัดด้านซ้าย มุมบน(x1, y1) และมุมขวาล่าง (x2, y2) เป็นต้น สี่เหลี่ยมผืนผ้า - ขนาดของด้านข้างและพิกัดของมุมซ้ายบน (x1, y1) และมุมขวาล่าง (x2, y2) เป็นต้น สำหรับแต่ละสีเบื้องต้น จะมีการตั้งค่าสีไว้ สำหรับแต่ละสีเบื้องต้น จะมีการตั้งค่าสีไว้

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

บรรณาธิการกราฟิก ในการประมวลผลภาพบนคอมพิวเตอร์จะใช้โปรแกรมพิเศษ - โปรแกรมแก้ไขกราฟิก โปรแกรมแก้ไขกราฟิกเป็นโปรแกรมสำหรับสร้าง แก้ไข และดูภาพกราฟิก โปรแกรมแก้ไขกราฟิกเป็นโปรแกรมสำหรับสร้าง แก้ไข และดูภาพกราฟิก

โปรแกรมแก้ไขกราฟิกแรสเตอร์เป็นวิธีที่ดีที่สุดในการประมวลผลภาพถ่ายและภาพวาด เนื่องจากให้ความแม่นยำสูงในการถ่ายทอดการไล่สีและฮาล์ฟโทน เป็นวิธีที่ดีที่สุดในการประมวลผลภาพถ่ายและภาพวาด เนื่องจากให้ความแม่นยำสูงในการส่งการไล่สีและฮาล์ฟโทน แรสเตอร์ GR Paint อย่างง่าย แรสเตอร์ GR Paint อย่างง่าย

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

คำถาม: 1. เหตุใดคุณภาพจึงลดลงเมื่อภาพแรสเตอร์ถูกย่อหรือขยาย? 2. อะไรคือความแตกต่างที่สำคัญระหว่างรูปแบบไฟล์กราฟิกแรสเตอร์? 3.ภาพแรสเตอร์และภาพเวกเตอร์แตกต่างกันอย่างไร? 4. คุณจะใช้กราฟิกใด (เวกเตอร์หรือแรสเตอร์): A) ในการพัฒนาโลโก้ขององค์กรโดยคำนึงถึงว่าจะต้องพิมพ์ลงบนขนาดเล็ก นามบัตรและบนโปสเตอร์ขนาดใหญ่ B) สำหรับการแก้ไขภาพดิจิทัล

กลับไปข้างหน้า

ความสนใจ! การแสดงตัวอย่างสไลด์มีวัตถุประสงค์เพื่อให้ข้อมูลเท่านั้น และอาจไม่ได้แสดงถึงคุณลักษณะทั้งหมดของงานนำเสนอ หากสนใจงานนี้กรุณาดาวน์โหลดฉบับเต็ม

ระยะเวลา: 1 บทเรียน 45 นาที

เกรด: เกรด 8

เทคโนโลยี:

• คอมพิวเตอร์ที่ใช้ระบบปฏิบัติการ MS Windows;
• โปรแกรมแก้ไขกราฟิก เพ้นท์;
• โปรเจ็กเตอร์;
• หน้าจอ ( ไวท์บอร์ดแบบโต้ตอบ);

สรุปบทเรียน

วัตถุประสงค์ของบทเรียน:

1. ทางการศึกษา – เพื่อสร้างแนวคิดเกี่ยวกับกราฟิกแรสเตอร์และเวกเตอร์ โปรแกรมแก้ไขกราฟิกแรสเตอร์ พัฒนาความสามารถในการสร้างและแก้ไขกราฟิกแรสเตอร์
2. พัฒนาการ
– พัฒนากระบวนการทางจิตใจและอารมณ์ - การเปลี่ยนแปลงอย่างต่อเนื่อง: ความสนใจ, ความทรงจำ, จินตนาการ
3. ทางการศึกษา
– ความใส่ใจความถูกต้องความสนใจในเรื่อง

ประเภทบทเรียน: บทเรียนเกี่ยวกับการพัฒนาความรู้และทักษะใหม่

วิธีการสอนตามลักษณะของกิจกรรมการเรียนรู้:

1. อธิบายและยกตัวอย่าง
2. เจริญพันธุ์.

อุปกรณ์การเรียน:

1. คอมพิวเตอร์ที่ใช้ระบบปฏิบัติการ MS Windows;
2. โปรแกรมแก้ไขกราฟิก เพ้นท์;
3. โปรเจ็กเตอร์;
4. หน้าจอ (ไวท์บอร์ดแบบโต้ตอบ);
5. การนำเสนอ "คอมพิวเตอร์กราฟิก";
6. หนังสือเรียน – วิทยาการคอมพิวเตอร์และ ICT หนังสือเรียนสำหรับเกรด 8–9 มาคาโรวา.
7. การ์ดที่มีการทดสอบ (หรือโปรแกรมการทดสอบที่มีการตรวจสอบคำตอบของนักเรียนโดยอัตโนมัติ)
8. โปรแกรมสาธิตกิจกรรมครูบนหน้าจอนักเรียน (เช่น NetOp School)

แนวคิดพื้นฐาน:

• แรสเตอร์;
• กราฟิกแรสเตอร์
• พิกเซล;
• จานสี
• กราฟิกแบบเวกเตอร์
• กราฟิกดั้งเดิม
• โปรแกรมแก้ไขกราฟิก

แผนการสอน:

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

ความคืบหน้าของบทเรียน

1. ช่วงเวลาขององค์กร

ทักทายนักเรียน. (สไลด์ 1)

2. การอัพเดตความรู้พื้นฐานและประสบการณ์ปฏิบัติของนักศึกษา

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

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

3. แรงจูงใจในการทำกิจกรรมการเรียนรู้

(สไลด์ 7)นักออกแบบที่แท้จริงคิดไม่ถึงหากไม่มีการศึกษาด้านศิลปะ เขาจะต้องมีเทคนิคการวาดภาพ (ดินสอ, ถ่าน), กราฟิก (สีน้ำ, gouache, ดินสอ, หมึก ฯลฯ ) การวาดภาพ (gouache, สีน้ำ, อุบาทว์, อะคริลิก, น้ำมัน). เป็นไปได้ไหมใน โลกสมัยใหม่การใช้คอมพิวเตอร์มีความรู้และทักษะในการทำงานกับคอมพิวเตอร์เป็นศิลปินหรือนักออกแบบโดยไม่ต้องมีความสามารถพิเศษอะไร? - คำตอบของนักเรียน)

คอมพิวเตอร์อยู่ในมือ คนธรรมดาสามารถเปลี่ยนเป็นเครื่องมือที่เชื่อฟังเพื่อรวบรวมความคิดทางศิลปะของเขาซึ่งเป็นเครื่องมือที่เขาไม่สามารถแปลบนกระดาษได้

(สไลด์ 8)

คอมพิวเตอร์สมัยใหม่มอบโอกาสที่ยอดเยี่ยมอะไรให้กับเรา แต่จะเกิดอะไรขึ้นก่อนหน้านี้?

(สไลด์ 9)

คอมพิวเตอร์เครื่องแรกทำงานกับข้อมูลตัวเลขและสัญลักษณ์และไม่มีวิธีแยกในการทำงานกับกราฟิก แต่ถูกนำมาใช้เพื่อรับและประมวลผลภาพแล้ว

(สไลด์ 10)

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

(สไลด์ 11)(สไลด์ 12)วันนี้ในบทเรียนเราจะมาทำความรู้จักกับภาพกราฟิกสองประเภท: แรสเตอร์และเวกเตอร์ ในบทนี้เราจะได้เรียนรู้วิธีสร้างและแก้ไขภาพกราฟิกแรสเตอร์ เอาล่ะ เปิดสมุดบันทึกของคุณ เขียนวันที่และหัวข้อของบทเรียน: “กราฟิกแรสเตอร์และเวกเตอร์ โปรแกรมแก้ไขกราฟิกแรสเตอร์” (นักเรียนจดหัวข้อของบทเรียนลงในสมุดจด)

4. ศึกษาเนื้อหาใหม่

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

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

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

(สไลด์ 15)

พวกคุณคิดอย่างไรถ้าคุณเพิ่มจำนวนพิกเซลของภาพสิ่งที่สามารถพูดเกี่ยวกับความชัดเจนของภาพได้? (หากเพิ่มจำนวนจุดภาพ ความคมชัดของภาพจะเพิ่มขึ้น และภาพจะชัดเจนขึ้น)

พวกคุณคิดอย่างไรถ้าคุณเพิ่มขนาดพิกเซลของภาพแล้วจะพูดอะไรเกี่ยวกับความชัดเจนของภาพได้บ้าง? (หากเพิ่มขนาดพิกเซลของภาพ ภาพจะชัดเจนน้อยลง)

(สไลด์ 16)ภาพแรสเตอร์ไวต่อการขยายหรือย่อ (สเกล) มาก เมื่อภาพแรสเตอร์ลดลง จุดที่อยู่ติดกันหลายจุดจะถูกแปลงเป็นจุดเดียว ดังนั้นความชัดเจนของรายละเอียดเล็กๆ น้อยๆ ของภาพจึงหายไป เมื่อเพิ่มขึ้น ขนาดของแต่ละจุดจะเพิ่มขึ้น และเอฟเฟกต์ขั้นขั้นจะปรากฏขึ้น ซึ่งสามารถมองเห็นได้ด้วยตาเปล่า

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

(สไลด์ 18) (สไลด์ 19) (สไลด์ 20)

ภาพเวกเตอร์ถูกสร้างขึ้นจากองค์ประกอบต่างๆ เช่น จุด เส้น วงกลม สี่เหลี่ยมผืนผ้า ฯลฯ พิกัดและสีจะถูกระบุสำหรับแต่ละองค์ประกอบ

พิกัดสองข้อใดที่กำหนดจุดบนระนาบ (จุดระบุโดยพิกัด (X, Y))

เพื่อนๆ ถ้าแสดงวงกลมบนเครื่องบิน พิกัดใดที่กำหนดจุดศูนย์กลางของวงกลมนี้? (วงกลมระบุโดยพิกัดกึ่งกลาง (X, Y) และรัศมี R)

เส้นนี้ระบุด้วยพิกัดของจุดเริ่มต้น (X 1, Y 1) และจุดสิ้นสุดของเส้นนี้คือพิกัดใด (พิกัดสิ้นสุด (X 2 , Y 2).)

สี่เหลี่ยมถูกกำหนดโดยพิกัดของจุดยอดที่อยู่ตามแนวทแยง: (X 1, Y 1) และ (X 2, Y 2)

เรียกว่าองค์ประกอบภาพเวกเตอร์ กราฟิกดั้งเดิม.

(สไลด์ 21)ข้อดีของกราฟิกแบบเวกเตอร์คือสามารถขยายหรือย่อกราฟิกแบบเวกเตอร์ได้โดยไม่สูญเสียคุณภาพ เป็นไปได้เพราะว่าภาพจะขยายและย่อตามสูตร

(สไลด์ 22)เพื่อนๆ คุณจะใช้รูปภาพกราฟิกประเภทใด (แรสเตอร์หรือเวกเตอร์):

1) ออกแบบโลโก้ให้กับโรงเรียนของเรา โดยจะต้องพิมพ์ลงบนนามบัตรขนาดเล็กและโปสเตอร์ขนาดใหญ่? (ในกรณีนี้ ขอแนะนำให้ใช้ประเภทภาพเวกเตอร์)

2) สำหรับการแก้ไขภาพดิจิทัล (ในกรณีนี้ ขอแนะนำให้ใช้ประเภทรูปภาพแรสเตอร์)

ในปัจจุบัน นักพัฒนาซอฟต์แวร์สร้างโปรแกรมที่ช่วยให้ผู้ใช้ทำงานกับภาพกราฟิกได้

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

ลองเขียนคำจำกัดความ: บรรณาธิการกราฟิก –เป็นโปรแกรมสำหรับสร้าง แก้ไข และดูภาพกราฟิก

งานของเราในบทเรียนนี้คือการสร้างภาพกราฟิกแรสเตอร์

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

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

(สไลด์ 26)ในบรรดาโปรแกรมแก้ไขกราฟิกแรสเตอร์ก็มีโปรแกรมง่ายๆ เช่น - สี -แอปพลิเคชันมาตรฐาน ระบบปฏิบัติการ หน้าต่าง, เพ้นท์.เน็ต– ทดแทน GR Paint มาตรฐาน สตาร์ออฟฟิศอิมเมจ– ส่วนประกอบของแอปพลิเคชันสำนักงานแบบรวม สตาร์ออฟฟิศรวมถึงระบบกราฟิกระดับมืออาชีพที่ทรงพลังเช่น อะโดบี โฟโต้ช็อป.

วันนี้ในบทเรียนเราจะทำงานร่วมกับ Paint โปรแกรมแก้ไขกราฟิกแรสเตอร์

ในการเปิดใช้งาน GR Paint คุณต้องดำเนินการตามลำดับต่อไปนี้:
เริ่ม - โปรแกรม - อุปกรณ์เสริม - ทาสี - คุณยังสามารถเปิดโปรแกรมแก้ไขกราฟิก Paint ได้โดยดับเบิลคลิกที่ทางลัดของโปรแกรมแก้ไขกราฟิก

(สไลด์ 27)

ให้เราตรวจสอบรายละเอียดโครงสร้างของหน้าต่างโปรแกรม Paint

โครงสร้างหน้าต่างตัวแก้ไขสี

ข้าว. 1

5. การรวมวัสดุใหม่

เพื่อนๆ ฉันขอแนะนำให้คุณนั่งหน้าคอมพิวเตอร์เพื่อทำให้เสร็จ งานภาคปฏิบัติ- เปิดหนังสือเรียนหน้า 120 หางานภาคปฏิบัติข้อ 8

เรามาอ่านชื่อและวัตถุประสงค์ของงานกันดีกว่า (ฉันแนะนำให้นักเรียนคนหนึ่งทำ)

(การแก้ไขภาพในโปรแกรมแก้ไขแรสเตอร์ Paint วัตถุประสงค์ของงาน: เรียนรู้วิธีสร้างและแก้ไขภาพกราฟิกแรสเตอร์)

ในทางปฏิบัติ เราจำเป็นต้องทำงานต่อไปนี้ให้สำเร็จ:

สร้างสำเนาของหน้าจอเดสก์ท็อปของระบบปฏิบัติการ Windows และแก้ไขภาพกราฟิกแรสเตอร์ที่ได้:

• วางวงกลมที่วาดด้วยสีน้ำเงินและเติมสีน้ำเงินอ่อนไว้ตรงกลางภาพ
• วาดธงชาติรัสเซียภายในวงกลม
• วางคำจารึกว่า "เดสก์ท็อป" ไว้บนภาพวาด

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

1. วางสำเนาของหน้าจอบนคลิปบอร์ดในขณะที่โหลดเดสก์ท็อปโดยกดปุ่ม (พิมพ์หน้าจอ).
2. เปิดตัวแก้ไข Paint ด้วยคำสั่ง [ เริ่ม-โปรแกรม-อุปกรณ์เสริม-สี].
3. โหลดรูปภาพจากคลิปบอร์ดลงในโปรแกรมแก้ไขสีด้วยคำสั่ง [ แก้ไข-วาง].

รูปภาพเดสก์ท็อปที่มีไอคอนจะปรากฏในหน้าต่างตัวแก้ไข

เพื่อนๆ ทำตามขั้นตอนเหล่านี้เลย

ข้าว. 2

มาทำงานต่อไปนี้ให้เสร็จ: วาดวงกลม

4. ด้วย จานสี ตั้งค่าสีพื้นหน้าเป็นสีน้ำเงิน และสีพื้นหลังเป็นสีฟ้าอ่อน ในการดำเนินการนี้ให้คลิกซ้ายที่สีน้ำเงินในจานสี - เลือกสีหลักและหากต้องการเลือกสีพื้นหลังให้คลิกขวาที่สีฟ้าอ่อนในจานสี เลือกเครื่องมือจากแถบเครื่องมือ วงรี ในแผงเพิ่มเติมที่ปรากฏขึ้น – แรเงา วาดวงกลมขณะกดปุ่มค้างไว้ (กะ).ทำซ้ำบนคอมพิวเตอร์ของคุณ

ข้าว. 3

มาทำงานต่อไปนี้ให้เสร็จสิ้น: วาดธงชาติรัสเซีย

5. วาดภาพโดยใช้เครื่องมืออย่างสม่ำเสมอ สี่เหลี่ยมผืนผ้า สี่เหลี่ยมที่มีขนาดเท่ากันสามรูป (สีขาว สีน้ำเงิน และสีแดง) ซึ่งมีสีหลักและสีพื้นหลังเหมือนกัน ทำซ้ำบนคอมพิวเตอร์ของคุณ

ข้าว. 4

มาสร้างคำจารึกว่า "เดสก์ท็อป" ที่ด้านบนของภาพกันดีกว่า

6. เลือกเครื่องมือ จารึก ให้ใช้เมาส์เพื่อสร้างพื้นที่ข้อความและป้อนข้อความ

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

ข้าว. 5

6. การควบคุมเบื้องต้นของผลลัพธ์ของกิจกรรมการศึกษา

ฉันขอแนะนำให้คุณทำงานทดสอบในหัวข้อของวันนี้ให้เสร็จสิ้นโดยใช้เชลล์ทดสอบความรู้ความเข้าใจ (หลังจากนักเรียนทำแบบทดสอบเสร็จแล้ว ฉันจะแสดงผลบนหน้าจอ งานทดสอบกรอกโดยนักเรียนและดำเนินการวิเคราะห์ผลการทดสอบเบื้องต้น)

ทดสอบ.

คอมพิวเตอร์กราฟิกส์

1. ภาพกราฟิกแรสเตอร์ถูกสร้างขึ้นจาก...

2. ภาพกราฟิกแบบเวกเตอร์ถูกสร้างขึ้นจาก...

ก) จุดที่มีสีต่างกัน - พิกเซล
b) องค์ประกอบ - จุด เส้น วงกลม สี่เหลี่ยมผืนผ้า ฯลฯ (กราฟิกดั้งเดิม)

3. คุณจะใช้กราฟิกประเภทใดในการพัฒนาไดอะแกรม ภาพวาด โลโก้โรงเรียน

ก) กราฟิกแรสเตอร์
ข) กราฟิกแบบเวกเตอร์

4. คุณจะใช้กราฟิกประเภทใดในการแก้ไขภาพถ่ายดิจิทัลของคุณ?

ก) กราฟิกแรสเตอร์
ข) กราฟิกแบบเวกเตอร์

5. โปรแกรมสำหรับสร้าง แก้ไข และดูภาพกราฟิก เรียกว่า...

ก) โปรแกรมแก้ไขข้อความ
b) โปรแกรมแก้ไขกราฟิก
c) เครื่องมือแก้ไขตาราง

(สไลด์ 28)กรอกตารางโดยตอบคำถามต่อไปนี้:

1. กราฟิกแรสเตอร์และเวกเตอร์ใช้ที่ไหน?
2. แรสเตอร์และ ภาพเวกเตอร์?
3. การเปลี่ยนแปลงใดเกิดขึ้นกับรูปภาพเมื่อถูกปรับขนาด?

กราฟิกแรสเตอร์	กราฟิกแบบเวกเตอร์

8. สรุปบทเรียน การสะท้อนกลับ

1. คุณได้เรียนรู้อะไรใหม่บ้าง?
2. คุณชอบอะไรและประสบปัญหาอะไรบ้างขณะทำงานกับโปรแกรมแก้ไขกราฟิก
3. คุณจะนำสิ่งที่คุณได้เรียนรู้ไปใช้ที่ไหน?

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