จัดทำโดย

จัดทำโดย 

1. นาย ศุภกร คำฮ้อ ม.4/6 เลขที่ 10
2. นาย ศุภกร จันทรมี ม.4/6 เลขที่ 11
3. นาย ศุภลักษณ์ เมืองธรรม  ม.4/6 เลขที่ 12

การประยุกต์ ใช้งาน Graphic

8.การประยุกต์ใช้งานกราฟิก

กราฟิกคอมพิวเตอร์กราฟิกกับการประยุกต์ใช้งานด้านการออกแบบ ซึ่งเมื่อเห็นคำว่า

“การออกแบบ”แน่นอนสำหรับคนที่ต้องการคอมพิวเตอร์เพื่อใช้งานด้านนี้ย่อมคิดถึงคำว่า CAD(Computer Aided Design)หรือระบบคอมพิวเตอร์ที่ช่วยในการออกแบบ ในงานทางด้านวิศวกรรม ประกอบไปด้วย DWG หรือ ภาพประกอบ 2 มิติ (2D) เป็นพื้นฐานหลัก โดยจะต้องทำความเข้าใจในส่วนประกอบดังนี้

        1. DWG (DRAWING) ภาพ - 2D (ภาพ 2 มิติ)  3D (ภาพ 3 มิติ)

        2. MODELING COMMAND

             Wire Frame Command (ตามมาตรฐานที่ใช้อ้างอิงกับ Software ส่วนใหญ่)

             Surface and Solid Command (ตามมาตรฐานที่ใช้อ้างอิงกับ Software ส่วนใหญ่)

             Other Edit (ตามมาตรฐานที่ใช้อ้างอิงกับ Software ส่วนใหญ่) Cad/Cam

        3. การใช้คำสั่งประกอบการปฏิบัติงานจริง

             ทำความเข้าใจกับลำดับขั้นตอน การจัดการของ 2D และ 3D การตัดสินใจเลือก Surface Command และ Solid Command  การประยุกต์การทำงาน ให้เข้ากับบุคลิกส่วนตัว Concept

        “CAD”(Computer-Aided Design) ซึ่งเป็นโปรแกรมช่วยในการออกแบบทางวิศวกรรม ซึ่งจะช่วยให้ผู้ออกแบบหรือวิศวกรออกแบบงานได้ง่ายและสะดวกยิ่งขึ้น เมื่อต้องการแก้ไขก็สามารถทำได้ง่ายกว่าการทำงานในกระดาษ คือ สามารถออกแบบเป็นลายเส้น แล้วลงสี แสง เงา เพื่อให้ดูคล้ายของจริงได้ นอกจากนี้ ยังสามารถย่อ/ขยาย หรือหมุนให้เห็นในมุมมองต่าง ๆ ที่ต้องการได้

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

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

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

ตัวอย่างสิ่งที่ได้จากการประยุกต์งานกราฟิก

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

•ศิลปะอย่างหนึ่ง ที่แสดงออกด้วยความคิดอ่าน โดยใช้เส้น รูปภาพ ภาพเขียน ไดอะแกรม และอื่นๆ

•การสื่อความหมายด้วยการใช้ภาพวาด ภาพสเกต แผนภาพ ภาพถ่าย และอื่นๆ ที่ต้องอาศัยศิลปะ และศาสตร์ เข้ามาช่วย เพื่อให้ผู้ดูเกิดความคิด และตีความหมายได้ตรงตามที่ผู้สร้างสรรค์ต้องการสื่อ เช่น แผนภูมิ แผนภาพ โฆษณา การ์ตูน เป็นต้น

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

•การพิมพ์ การแกะสลัก การถ่ายภาพ และการจัดทำหนังสือ

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

การประยุกต์ใช้คอมพิวเตอร์กราฟิกในการศึกษา

คอมพิวเตอร์กราฟิกที่ใช้ในการศึกษา มีอยู่ด้วยกันดังนี้

1. ใช้เป็นสื่อบทเรียนคอมพิวเตอร์ออนไลน์ (E-Learning) กล่าวคือ สามารถเรียนในลักษณะใดก็ได้ ซึ่งใช้การถ่ายทอดเนื้อหาผ่านทางอุปกรณ์อิเล็กทรอนิกส์ ไม่ว่าจะเป็น คอมพิวเตอร์ เครือข่ายอินเทอร์เน็ต ทางสัญญาณโทรทัศน์ หรือสัญญาณดาวเทียม (Satellite) ก็ได้ ซึ่งเนื้อหาสารสนเทศ อาจอยู่ในรูปแบบการเรียนที่เราคุ้นเคยกันมาพอสมควร เช่น คอมพิวเตอร์ช่วยสอน (Computer Assisted Instruction) การสอนบนเว็บ (Web Based Instruction) การเรียนออนไลน์ (On-line Learning) การเรียนทางไกลผ่านดาวเทียม

2. จัดระบบการเรียนการสอนทางไกลโดยใช้ลักษณะรูปแบบ VDO Conference สามารถเรียนรู้จากคนละที่ได้ มีการตอบข้อซักถามอย่างทันท่วงทีได้การประชุมกันโดยมองเห็นกันด้วยวิธีการทางเทคโนโลยีการสื่อสาร โดยไม่ต้องมาพบกันจริงๆ จะเห็นได้ว่าประหยัดและได้ประโยชน์อย่างยิ่งเป็นการใช้ทรัพยากรบุคคลที่มีความรู้ความสามารถได้อย่างกว้างขวาง

3. รูปแบบการเรียนโดยใช้สื่อ CAI หรือ "Computer Aided Instruction" หรือบางแหล่งอาจจะใช้คำว่า "Computer Assisted Insturction" โดยมีการใช้คำในภาษาไทยว่า "สื่อคอมพิวเตอร์ช่วยสอน" เป็นกระบวนการเรียนการสอน โดยนำเอาสื่อคอมพิวเตอร์ มาใช้ในการนำเสนอเนื้อหา เรื่องราวต่างๆ มีลักษณะเป็นการเรียนโดยตรง และเป็นการเรียนแบบมีปฏิสัมพันธ์ (Interactive) ซึ่งก็คือ สามารถโต้ตอบระหว่างผู้เรียนกับคอมพิวเตอร์ได้

4. การสร้างผลงานต่าง ๆ ในแบบวิดีโอ วิดิทัศน์ เพื่อนำมาใช้ประกอบในการเรียนการสอนวิชาต่าง ๆ ได้ดียิ่งขึ้น

5. การฝึกการเรียนรู้ในรูปแบบเกมส์ เกมส์ออนไลน์ เป็นการฝึกสร้างทักษะ ฝึกสมองและสติปัญญาให้กับเยาวชน ได้มีการพัฒนาการเรียนรู้ที่รวดเร็วยิ่งขึ้น

คอมพิวเตอร์กราฟิกกับการประยุกต์ใช้ในงานด้านต่าง ๆ

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

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

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

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

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

6. ระบบข้อมูลทางภูมิศาสตร์ หรือ GIS (Geographical Information System) ข้อมูลทางภูมิศาสตร์จะถูกเก็บลงในระบบคอมพิวเตอร์ แล้วให้ระบบคอมพิวเตอร์กราฟิกจัดการแสดงข้อมูลเหล่านั้นออกมาทางจอภาพในรูปของแผนที่ทางภูมิศาสตร์

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

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

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

ภาพยนตร์กับคอมพิวเตอร์กราฟิก

ความสำเร็จในการพัฒนาการแสดงผลเป็นภาพสี ในช่วงปลายทศวรรษที่ 70 ทำให้คอมพิวเตอร์กราฟิกกลายมาเป็นเครื่องมือสำคัญสำหรับการพัฒนาสื่อประเภทอื่นโดยเฉพาะการสร้างเป็นภาพยนตร์ รวมทั้งนำมาใช้สร้าง Special Effect ในระยะแรกๆ ภาพเคลื่อนไหวคอมพิวเตอร์กราฟิกถูกนำมาใช้กับโครงการอวกาศก่อน เช่น โครงการวอยเอจเจอร์ (Voyager) ของนาซ่าในปลายทศวรรษที่ 70 ภาพเคลื่อนไหวของโครงการนี้ได้จุดประกายความคิดในการนำคอมพิวเตอร์กราฟิกมาใช้เป็นเครื่องมือ เพื่อแสดงให้เห็นการเดินทางของยานวอยเอจเจอร์ที่โคจรผ่านดาวเสาร์และดาวพฤหัสในระยะใกล้ด้วยความเร็วสูงโดยใช้เวลาจริง 20 ชั่วโมง แต่ภาพที่ปรากฏออกมาในเบื้องต้นไม่เหมาะสมแก่การเผยแพร่นัก เนื่องจากตำแหน่งที่วอยเอจเจอร์บันทึกภาพอยู่หางจากดวงอาทิตย์มาก และเมื่อวอยเอจเจอร์โคจรผ่ายดาวเสาร์ไปทำให้ตำแหน่งของดวงอาทิตย์ไปปรากฎอยู่ด้านหลังดาวเคราะห์ ภาพดาวเสาร์จึงแสดงให้เห็นเงามืดเสียเป็นส่วนใหญ่ แต่เนื่องจากสัญญาณที่วอยเอจเจอร์ส่งกลับมายังโลกเป็นข้อมูลดิจิตอล ทำให้นักวิทยาศาสตร์สามารถนำข้อมูลเหล่านั้นมาปรับแต่งสีให้เหมาะกับการนำเสนอทางโทรทัศน์ จึงทำให้ได้ภาพที่สวยงามและชัดเจนยิ่งขึ้น

ความสำเร็จจากภาพยนตร์เรื่องสตาร์วอร์ (Star War) ในปี ค.ศ. 1979 ซึ่งมีการนำคอมพิวเตอร์ไปใช้สร้างเทคนิคพิเศษหลายด้าน โดยเฉพาะเทคนิคควบคุมการเคลื่อนกล้องด้วยคอมพิวเตอร์ ทำให้ผู้สร้างภาพยนตร์เล็งเห็นความสำคัญของการนำคอมพิวเตอร์กราฟิกมาใช้ ในปี ค.ศ. 1984 บริษัท พิคซาร์ สหรัฐอเมริกา โดย John Lasseter ผู้เป็นทั้งศิลปิน นักโปรแกรมและนักวิจัยคอมพิวเตอร์ ได้ผสมผสานศาสตร์ทางศิลปะและวิทยาศาสตร์เข้าด้วยกันโดยสร้างภาพยนตร์เรื่องสั้นคอมพิวเตอร์กราฟิกที่นำออกฉาย

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

Credits : http://navigatorgraphic2d.blogspot.com/2011/11/blog-post_1631.html#!/2011/11/blog-post_1631.html

ชนิดรูปแบบไฟล์ Graphic

7. ชนิดรูปแบบไฟล์กราฟิก

ไฟล์กราฟิกมีรูปแบบอยู่ 3 ไฟล์ คือ

1.ไฟล์สกุล GIF (Graphics Interlace File) เป็นไฟล์กราฟิกมาตรฐาน จะใช้เมื่อต้องการไฟล์ที่มีขนาดเล็ก จำนวนสีและความละเอียดของภาพไม่สูง ต้องการพื้นแบบโปร่งใส ต้องการแสดงผลแบบโครงร่างก่อน แล้วค่อยแสดงผลแบบละเอียด ต้องการนำเสนอภาพแบบภาพเคลื่อนไหว

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

จุดด้อย  แสดงสีได้เพียง 256 สี ไฟล์ .GIF มี 2 สกุล ได้แก่ GIF87 เป็นไฟล์ที่มีขนาดเล็กและแสดงผลสีได้เพียง 256 สี และกำหนดให้แสดงผลแบบโครงร่างได้ ,GIF89A ซึ่งเป็นไฟล์กราฟิกที่มีความสามารถพิเศษโดยนำเอาไฟล์ภาพหลายไฟล์มารวมกันและนำเสนอภาพโดยอาศัยการหน่วงเวลา มีการใส่รูปแบบการนำเสนอในลักษณะภาพเคลื่อนไหว

2.ไฟล์สกุล JPG (Joint Photographer’s Experts Group) เป็นไฟล์ที่นิยมใช้บน Internet ใช้กรณี ภาพที่ต้องการนำเสนอมีความละเอียดสูง และใช้สีจำนวนมาก จะใช้กับภาพถ่ายที่นำมาสแกนและต้องการนำไปใช้บนอินเทอร์เน็ต เพราะให้ความคมชัดและความละเอียดของภาพสูง

จุดเด่น สนับสนุนสีได้ ถึง 24 bit สามารถกำหนดค่าการบีบไฟล์ มีระบบแสดงผลแบบหยาบ ขยายไปสู่ละเอียดในระบบ Progressive เรียกดูได้กับ Graphics Browser ทุกตัว ตั้งค่าการบีบไฟล์ได้

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

3.ไฟล์สกุล PNG (Portable Network Graphics)

จุดเด่น สนับสนุนสีได้ถึงตามค่า True color สามารถกำหนดค่าการบีบไฟล์ได้ มีระบบแสดงผลแบบหยาบ ขยายไปสู่ละเอียด สามารถทำพื้นโปร่งใสได้

จุดด้อย หากกำหนดค่าการบีบไฟล์ไว้สูง จะใช้เวลาในการคลายไฟล์สูงตามไปด้วย แต่ขนาดของไฟล์จะมีขนาดต่ำ ไม่สนับสนุนกับ Graphic Browser รุ่นเก่า ความละเอียดของภาพและจำนวนสีขึ้นอยู่กับ Video Card โปรแกรมสนับสนุนในการสร้างมีน้อย

ไฟล์กราฟิก มี 2 ชนิด คือ

1.กราฟิกแบบ Bitmap เป็นภาพแบบ Resolution Dependent ประกอบ ขึ้นด้วยจุดสีต่างๆที่มีจำนวนคงที่ตายตัวตามการสร้างภาพที่มี Resolution หรือความละเอียดของภาพต่างกันไป หากขยายภาพ Bitmap จะเห็นว่ามีลักษณะเป็นตารางเล็กๆ ซึ่งแต่ละบิตคือส่วนหนึ่งของข้อมูลคอมพิวเตอร์

              ภาพแบบ Bitmap เหมาะสำหรับงานกราฟิกที่ให้แสงเงาในรายละเอียด เป็นไฟล์ที่เหมาะกับการทำงานกับภาพเหมือนจริงประเภทภาพถ่าย เพราะ Bitmap มี Channel พิเศษ เรียกว่า Alpha Channel ซึ่งเป็น 32 bit  คือสีสมจริง

ไฟล์ภาพแบบ Bitmap ในระบบวินโดวส์คือ ไฟล์ที่มีนามสกุล .BMP, .PCX. , .TIF, .GIF, .JPG, .MSP, .PCD  สำหรับโปรแกรมที่ใช้สร้างกราฟิกแบบนี้คือ Paintbrush, PhotoShop, Photostyler

2.กราฟิกแบบ Vectorเป็นภาพประเภท Resolution-Independent มี ลักษณะของการสร้างให้แต่ละส่วนเป็นอิสระต่อกัน โดยแยกชิ้นส่วนของภาพทั้งหมดออกเป็นเส้นตรง รูปทรงหรือส่วน เป็นการรวมเอา Object ต่างชนิดมาผสมกัน มีทิศทางการลากเส้นไปในแนวต่างๆ เพื่อสร้างภาพที่แตกต่างกันโดยใช้คำสั่งง่ายๆ จึงเรียกภาพประเภทนี้ว่า Vector Graphic

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

ไฟล์รูปภาพแบบ Vector ในระบบวินโดวส์คือ ไฟล์ที่มีนามสกุล .EPD, .WMF, .CDR, .AI, .CGM, .DRW, .PLT เป็นต้น โดยมีโปรแกรม CorelDraw เป็นโปรแกรมสร้าง

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

Bitmap

1. ลักษณะภาพประกอบขึ้นด้วยจุดต่างๆ มากมาย

2. ภาพมีจำนวนพิกเซลคงที่จึงต้องการค่าความละเอียดมากขึ้นเมื่อขยายภาพ โดยจะคำนวณค่าสีทีละ pixels ทำให้ภาพแตกเมื่อขยายภาพให้ใหญ่

3. เหมาะสำหรับงานกราฟิก ในแบบต้องการให้แสงเงาในรายละเอียด

Vector

1. ใช้สมการทางคณิตศาสตร์เป็นตัวสร้างภาพ โดยรวมเอา Objectต่างชนิดมาผสมกัน

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

3. เหมาะสำหรับงานแบบวาง Layout งานพิมพ์ตัวอักษร Line Art หรือ Illustration

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

Credits : http://por2228.exteen.com/20111026/entry-8

สีและแสงที่ใช้ในงาน Graphic

6.สีและแสงที่ใช้ในงานกราฟิก

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

        การใช้คำสั่ง Imageในการปรับสีและแสงเงาของรูปภาพ

คำสั่งที่ใช้ปรับสีและแสงเงาให้กับรูปภาพมีหลายคำสั่ง ซึ้งการใช้งานคำสั่งต่างๆ จะมีลักษณะการทำงานที่คล้ายกัน จึงขึ้นอยู่กับผู้ใช้ที่จะเลือกใช้คำสั่งต่างๆ  ซึ่งมีดังนี้

        คำสั่ง Levels

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

คลิกที่เมนู Image -> Adjusment -> Levels จะปรากฏหน้าต่าง Levels >Preview เพื่อให้แสดงตัวอย่างการปรับสีและแสงเมื่อปรับภาพได้ตามต้องการแล้ว คลิกที่ปุ่ม OK

        คำสั่ง Auto Levels

เป็นคำสั่งที่ใช้ปรับความมืดและความสว่างให้กับภาพแบบอัตโนมัติ ซึ่งจะปรับสีในแต่ละแชนเนลอย่างเป็นอิสระต่อกัน จึงอาจทำให้ภาพเกิดสีเพี้ยนได้ ดังนั้นควรใช่กับภาพที่มีโทนสีไม่ต่างกันมากเพื่อนลดความเพี้ยนของสี ซึ่งมีวิธีการใช้คำสั่ง คือ คลิกที่เมนู Image-> Adjustment-> Auto Levels

คำสั่ง Auto Contrast

คำสั่ง Auto Color

เป็นคำสั่งที่ใช้ปรับสีและความต่างระหว่างความมืดและความสว่างให้กับภาพแบบอัตโนมัติซึ่งช่วยแก้ปัญหาสีเพี้ยน โดยมีวิธีการคือ คลิกที่เมนู Image-> Adjustment-> Auto Color

คำสั่ง Curves

                        เป็นคำสั่งที่ใช้ปรับสีและแสงเงาให้กับรูปภาพเหมือนคำสั่ง Levels แต่จะปรับแบบในลักษณะเส้นกราฟซึ่งสามารถกำหนดจุดเส้นได้ถึง 14 จุด จึงอาจทำให้สีเพี้ยนได้ เหมาะกับการสร้างเป็นเอฟเฟ็กต์ให้กับภาพ ซึ่งมีขั้นตอนการทำงานดังนี้   คลิกที่เมนู Image -> Adjustment -> Curves จะปรากฏหน้าต่าง Curves

คลิกที่ Preview เพื่อให้แสดงตัวอย่างการปรับสีและแสง   คลิกที่เครื่องมือ เพื่อเลือกปรับแบบคลิกเมาส์ด้านซ้าย

คำสั่ง Color Balance

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

1.คลิกที่เมนู Image -> Adjustment -> Color Balance จะปรากฏหน้าต่าง Color Balance

2.คลิกที่ Preserve Lumionsity เพื่อล็อกค่าความสว่างไว้ไม่ให้เปลี่ยนในขณะที่หรับสี

3.คลิกที่ Preview เพื่อให้แสดงตัวอย่างการปรับสีและแสงคลิกเมาส์ด้านซ้ายค้างไว้แล้วลากไปในโทนสีที่ต้องการปรับเปลี่ยน โดยจะกำหนดโทนสีตรงข้ามกัน คือ สีฟ้า(Cyan) ตรงข้ามกับสีแดง (Red), สีม่วงแดง (Magenta) ตรงข้ามกับสีเขียว (Green) และ สีเหลือง(Yellow) ตรงข้ามกับสีน้ำเงิน (Blue) คลิกเลือกโทนการปรับสีและแสงเงาที่ตัวเลือก Tone Balance ซึ่งมีรายละเอียดดังนี้

Shadows                            การปรับในโทนมืด

Midtone                              การปรับในโทนปานกลาง

Highlight                             การปรับในโทนสว่าง

1.คลิกที่ปุ่ม OK

คำสั่ง Brightness/Contrast

                เป็นคำสั่งที่ใช้ปรับแสงเงาของภาพแบบมีผลกับทุกพิกเซลเท่าๆกัน จึงทำให้ง่ายต่อการใช้งาน ซึ่งมีขั้นตอนการทำงานดังนี้

คลิกที่เมนู Image -> Adjustment -> Brightness/Contrast จะปรากฏหน้าต่าง Brightness/Contrast

คลิกที่ Preview เพื่อให้แสดงตัวอย่างของแสงเงา คลิกที่ปุ่ม OK

       การใช้คำสั่ง Hue/Saturation

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

1.เปิดไฟล์ภาพที่ต้องการ

2.Selection ภาพในบริเวณที่ต้องการเปลี่ยนสี เช่น Selection ที่ชุดเพื่อเปลี่ยนสีชุดจากสีฟ้าเป็นสีชมพู

3.คลิกที่เมนู Select -> Color Range จากนั้นคลิกเลือกพื้นที่ภาพ

4.คลิกที่ปุ่ม OK จะได้ผลลัพธ์

5.คลิกที่เมนู Image -> Adjustments -> Hue/Saturation จะปรากฏหน้าต่าง Hue/Saturation

6.คลิกที่ Preview เพื่อให้แสดงตัวอย่างการปรับสีและแสงเงา

7.คลิกที่ปุ่ม OK

คำสั่ง Desaturation

เป็นคำสั่งที่ลดค่าความอิ่มตัวของสีให้เลือกเป็นสีเทา ซึ่งมีขั้นตอน คือ คลิกที่เมนู Image -> Adjustment -> Desatiration

คำสั่ง Replace Color

เป็นคำสั่งปรับสีรูปภาพในตำแหน่งที่เลือก ซึ่งมีขั้นตอนการทำงานดังนี้

1.เปิดไฟล์ภาพที่ต้องการ

2.คลิกที่เมนู Image -> Adjustment -> Replace Color จะปรากฏหน้าต่าง

3.คลิกที่ Preview เพื่อให้แสดงตัวอย่างการปรับสี

4.คลิกที่ปุ่ม OK

คำสั่ง Selective Color

เป็นคำสั่งที่ใช้ปรับเพิ่มหรือลดค่าของสีที่โหมดสี CMYK ซึ่งมีขั้นตอนดังนี้

1.เปิดไฟล์ภาพที่ต้องการ

2.คลิกที่เมนู Inage -> Adjustment -> Selective Color จะปรากฏหน้าต่าง

3.คลิกที่ Preview เพื่อให้แสดงตัวอย่างการปรับสี

4.คลิกที่ปุ่ม OK

คำสั่ง Channel Mixer

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

1.เปิดไฟล์ภาพที่ต้องการ

2.คลิกที่เมนู Image -> Adjustment -> Channel Mixer

3.คลิกที่ Preview เพื่อให้แสดงตัวอย่างการปรับสี

4.คลิกที่ปุ่ม OK

การสร้างภาพแบบ Grayscale

ทำตามขั้นตอนที่ 1-3 ในคำสั่ง Channel Mixer จากนั้นคลิกที่ตัวเลือก Monochrome เพื่อเปลี่ยนภาพจากโหมด RGB เป็น Grayscale ซึ่งเป็นภาพสีเทา จากนั้นคลิกที่ปุ่ม OK

คำสั่ง Gradient Map

เป็นคำสั่งที่ใช้ปรับสีภาพแบบการไล่น้ำหนักโทนสีจากสีใน Gradient Map ซึ่งมีขั้นตอนดังนี้

1.เปิดไฟล์ภาพที่ต้องการ

2.คลิกที่เมนู Image -> Adjustment -> Gradient Map จะปรากฏหน้าต่าง

3.คลิกที่เมนู Preview เพื่อให้แสดงตัวอย่างการปรับสี

4.คลิกที่ลูกศรในตัวเลือก Gradient Used for Grayscale Mapping จากนั้นคลิกเลือกสีที่ต้องการ

5.คลิกเลือกรูปแบบการทำงานที่ตัวเลือก Gradient Options   Dither กำหนดให้การไล่สีมีความกลมกลืน

Reverse กำหนดกลับด้านทิศทางการไล่สี

คลิกที่ปุ่ม OK

คำสั่ง Invert

เป็นคำสั่งแปลงสีภาพให้เป็นสีแบบบนแผ่นฟิล์ม โดยคลิกที่เมนู Inage -> Adjustment -> Invert

คำสั่ง Equalize

เป็นคำสั่งปรับภาพให้มีความคมชัดขึ้น โดยการหาพิกเซลที่มีความมืดที่สุดและพิกเซลที่มีความสว่างที่สุด จากนั้นจึงปรับพิกเซลที่เหลือให้มีความสมดุลกัน โดยคลิกที่เมนู Image -> Adjustment -> Equalize จะได้ผลลัพธ์

คำสั่ง Threshold

                เป็นคำสั่งแปลงภาพให้เป็นสีขาวดำ โดยจะแทนที่พิกเซลที่มีความมืดเป็นสีดำและแทนพิกเซลที่มีความสว่างเป็นสีขาว ซึ่งทีขั้นตอนดังนี้

1.คลิกที่เมนู Image -> Adjustment -> Threshold จะปรากฏหน้าต่าง

2.คลิกที่เมนู Preview เพื่อให้แสดงตัวอย่างการแปลงสี

3.คลิกที่ปุ่ม OK

คำสั่ง Posterize

เป็นคำสั่งที่ลดจำนวนสีในแต่ละแชลเนลลง จึงทำให้ภาพมีการตัดกันของสีที่สามารถมองเห็นได้ชัดเจน ซึ่งมีขั้นตอนดังนี้

1.คลิกที่เมนู Image -> Adjustment -> Posterize จะปรากฏหน้าต่าง

2.คลิกที่ Preview เพื่อให้แสดงตัวอย่างการแปลงสี ป้อนตัวเองที่ต้องกี่ลดสีลงในแต่ละแชนเนลในช่อง Levels

การใช้คำสั่ง Variations

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

คลิกที่เมนู Inage -> Adjustment -> Variations จะปรากฏหน้าต่าง

คลิกที่ Show Clipping เพื่อแสดงภาพที่ปรับกำหนดส่วนที่ต้องการปรับ ดังนี้

Shadows                             ปรับส่วนที่มืดของภาพ

Midtones                             ปรับส่วนที่สว่างปานกลางของภาพ

Highlights                            ปรับส่วนที่สว่างของภาพ

Saturation                           ปรับความอิ่มตัวของสี

กำหนดความละเอียดในการปรับที่ตัวเลื่อน Fine/Coarse โดยคลิกเมาส์ด้านซ้ายค้างไว้แล้วลากมด้านซ้ายทำให้

เพิ่มความละเอียดในการปรับ แต่ถ้าลากไปด้านขวาจะทำให้ลดความละเอีดยในการปรับและจะทำให้การปรับมีผลเร็ว เสร็จแล้ว คลิกที่ปุ่ม OK

Credits : http://internet402.exteen.com/20111031/entry-2

หลักการทำงานและการแสดงผลของ Graphic

5.หลักการทำงานและการแสดงผลของภาพกราฟฟิก

หลักการทำงาน

          หลักการทำงานของภาพกราฟฟิก คือ ภาพที่เกิดบนจอคอมพิวเตอร์ เกิดจากการทำงานของโหมดสี RGB ซึ่งประกอบด้วย สีแดง สีเขียว และสีน้ำเงิน โดยใช้หลักยิงประจุไฟฟ้าให้เกิดการเปล่งแสงของสีทั้ง 3 สีมาผสมกัน ทำให้เกิดเป็นจุดสีสี่เหลี่ยมเล็กๆ ที่เรียกว่า พิกเซล (Pixel) ซึ่งมาจากคำว่า Picture กับ Element โดยพิกเซลจะมีหลากหลายสี เมื่อนำมาวางต่อกันจะเกิดเป็นรูปภาพ ซึ่งภาพที่ใช้กับเครื่องคอมพิวเตอร์มี 2 ประเภท คือ แบบ Raster กับ Vector

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

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

การแสดงผลของภาพกราฟฟิก 2.1 การสร้างภาพแบบเวกเตอร์

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

2.2 การสร้างภาพแบบบิตแมป

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

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

1. เท็กซ์โหมด

เป็นระบบการแสดงผลพื้นฐานของจอภาพ ซึ่งแสดงผลในรูปของตัวอักษรหรือข้อความเท่านั้น ตัวอักษรที่ใช้แสดงจะมีการกำหนดรูปแบบหรือขนาดที่แน่นอนไว้แล้วในส่วนของ Character Generation ของการ์ดแสดงผล ดังนั้นจึงไม่สามารถแสดงผลที่เป็นรูปภาพต่าง ๆ ได้ ขนาดของการแสดงผลในเท็กซ์โหมด คือ แสดงผลของตัวอักษรมีจำนวน 25 แถว แต่ละแถวสามารถแสดงตัวอักษรได้ 80 ตัว

2. กราฟฟิกส์โหมด

 เป็นระบบการแสดงผลแบบรูปภาพ โดยใช้การ์ดแสดงผลในการควบคุมการแสดงรูปภาพให้อยู่ในลักษณะของพิกเซล ซึ่งรูปภาพที่ใช้ในการแสดงผลนี้ จะอยู่ในรูปของตัวอักษร ข้อความหรือรูปภาพโดยการควบคุมตำแหน่งของพิกเซลให้แสดงผลได้ตามที่ต้องการDisplay buffer เป็นตำแหน่งของหน่วยความจำ RAM (Read Access Memory) ขนาด 16 K-byte มีตำแหน่งเริ่มต้นที่ &HB800 สามารถติดต่อกับหน่วยความจำได้ 2 วิธี โดยผ่าน CPU และ Graphics control unit ข้อมูลที่เก็บในดิสเพลย์บัฟเฟอร์จะถูกอ่านออกมา และผ่านการตีความหมายพร้อมแสดงผล ข้อแตกต่างเบื้องต้นของเท็กซ์โหมดกับกราฟฟิกส์โหมด คือข้อมูลที่เก็บในดิสเพลย์จะถูกแปลความหมายของข้อมูลแล้ว

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

               และ การแสดงผลบนจอภาพสี จะต้องใช้หน่วยความจำทั้งหมดคือ 640 x480 x 3 = 921600 บิต หรือเท่ากับ 921600/8 = 115200ไบต์ ซึ่งประกอบด้วยเฟรมบัฟเฟอร์ที่ใช้ในการแสดงสี 3 สี คือสีแดง สีเขียวและสีน้ำเงิน และจอภาพต้องมีปืนยิงลำแสงอิเล็กตรอน 3 สี เพื่อทำการผสมสีให้เกิดเป็นสีต่าง ๆ 

Credits : http://navigatorgraphic2d.blogspot.com/2011/11/rgb-3-pixel-picture-element-2-raster.html

ประเภทของภาพ Graphic

4.ประเภทของภาพกราฟิก

11.           ภาพราสเตอร์ (Raster )

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

     ตัวอย่าง

               -  ภาพใช้งานทั่ว ๆไป ให้กำหนดพิกเซล ประมาณ 100-150 Pixel

               -  ภาพที่ใช้บนเว็บไซต์ ให้กำหนดพิกเซล ประมาณ 72 Pixel

               -  ถ้าเป็นภาพแบบงานพิมพ์ เช่น นิตยสาร โปสเตอร์ขนาดใหญ่

                  จะกำหนดพิกเซลประมาณ 300-350 Pixel

    ข้อดีของภาพชนิด Raster

               -  สามารถแก้ไขปรับแต่งได้

               -  ตกแต่งภาพได้ง่ายและสวยงาม

    นามสกุลที่ใช้เก็บภาพแบบ Raster

นามสกุลที่ใช้เก็บ	ลักษณะงาน	โปรแกรมที่ใช้สร้าง
.JPG, JPEG, JPE,.GIF	ใช้สำหรับรูปภาพทั่วไป งานเว็บเพจ และงานที่มีความจำกัดด้านพื้นที่หน่วยความจำ	โปรแกรม Photoshop, PaintShopPro , Illustrator
.TIFF , TIF	เหมาะสำหรับงานด้านนิตยสาร เพราะมีความละเอียดของภาพสูง
.BMP , DIB	ไฟล์มาตรฐานของระบบปฏิบัติการ วินโดว์	โปรแกรม PaintShopPro , Illustrator

      

2.           ภาพแบบ Vector

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

      

       ข้อดีของภาพชนิด Vector

       -  นิยมนำไปใช้ในด้านสถาปัตย์ตกแต่งภายในและการออกแบบต่าง ๆ เช่น การออกแบบอาคาร การออกแบบรถยนต์ การสร้างโลโก้ การสร้างการ์ตูน

      โปรแกรมที่นิยมนำมาสร้างภาพแบบ Vector

        -  โปรแกรม Illustrator

        -  CorelDraw

        -  AutoCAD

        -  3Ds max ฯลฯ

      นามสกุลที่ใช้เก็บภาพแบบ Vector

นามสกุลที่ใช้เก็บ	ลักษณะงาน	โปรแกรมที่ใช้สร้าง
.AI,.EPS	ใช้สำหรับงานที่ต้องการความละเอียดของภาพมาก เช่น การสร้างการ์ตูน การสร้างโลโก เป็นต้น	โปรแกรม Illustrator
.WMF	ไฟล์มาตรฐานของระบบปฏิบัติการ วินโดว์	โปรแกรม CorelDraw

Credits : http://group12lovely.blogspot.com/2011/10/blog-post_2810.html