ผู้จัดทำ

นาย โสฬส ดวงเกิด เลขที่ 28 ชั้น ม.4/8

นาย พงษ์สนิท ปะมาละ เลขที่ 29 ชั้น.4/8

นาย ธนเกียรติ ฮุงหวล เลขที่ 30 ชั้น ม.4/8

เสนอ
ม.ณัฐพงศ์   หอมอ่อน
ม.ปริญญา  นฤประชา

ประวัติความเป็นมาของกราฟฟิก

ประวัติความเป็นมาของกราฟฟิก

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

                                                         

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

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

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

http://www.rayongwit.ac.th/graphicweb/page/unit1-1.html

บทบาทและความสำคัญของกราฟฟิก

บทบาทและความสำคัญของกราฟฟิก

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

ความสำคัญของงานด้านกราฟฟิก

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

https://sites.google.com/site/janjerilibli/home/1-3-bthbath-laea-khwam-sakhay-khxng-ngan-dan-krafik

ความหมายเกี่ยวกับกราฟฟิก

ความหมายเกี่ยวกับกราฟฟิก

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

https://sites.google.com/site/golfkuppom/khwam-ru-thang-khxmphiwtexr/khwam-hmay-khxng-khxmphiwtexr-krafik

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

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

ประเภทกราฟฟิก

การสร้างภาพกราฟิกด้วยคอมพิวเตอร์ มีวิธีการสร้าง 2 แบบ คือ แบบบิตแมพ (Bit Mapped) และแบบเวกเตอร์ (Vector) หรือสโตรก (Stroked)

   ภาพที่เกิดบนจอคอมพิวเตอร์ เกิดจากการทำงานของโหมดสี RGB ซึ่งประกอบด้วย สีแดง (Red) สีเขียว (Green) และสีน้ำเงิน (Blue) โดยใช้หลักการยิงประจุไฟฟ้าให้เกิดการเปล่งแสงของสีทั้ง 3 สี มาผสมกันทำให้เกิดเป็นจุดสีเล็ก ๆ ที่เรียกว่า พิกเซล (Pixel) โดยพิกเซลจะมีหลากหลายสี เมื่อนำมาวางต่อกันจะเกิดเป็นรูปภาพ ซึ่งภาพที่ใช้กับเครื่องคอมพิวเตอร์ มี 2 ประเภท คือ
    ภาพกราฟิกที่เกิดจากการเรียงตัวของจุดสี่เหลี่ยมเล็ก ๆ หลากหลายสี ที่เรียกว่า พิกเซล ในการสร้างภาพกราฟิกแบบ Raster จะต้องกำหนดจำนวนพิกเซลให้กับภาพที่ต้องการสร้าง ถ้ากำหนดจำนวนพิกเซลน้อย เมื่อขยายภาพให้มีขนาดใหญ่ขึ้น จะทำให้มองเห็นภาพเป็นจุดสี่เหลี่ยมเล็ก ๆ หรือถ้ากำหนดจำนวนพิกเซลมากก็จะทำให้แฟ้มภาพมีขนาดใหญ่ ดังนั้น การกำหนดจำนวนพิกเซลจึงควรกำหนดให้เหมาะสมกับงานที่จะสร้าง เช่น งานที่มีความละเอียดน้อย หรือภาพสำหรับเว็บไซต์ ควรกำหนดจำนวนพิกเซล ประมาณ 72 ppi (pixel / inch คือ จำนวนพิกเซลใน 1 ตารางนิ้ว) แต่ถ้าเป็นงานแบบพิมพ์ เช่น นิตยสาร ปกหนังสือ โปสเตอร์ขนาดใหญ่ จะกำหนดประมาณ 300 – 350 ppi เป็นต้น ข้อดีของภาพกราฟิกแบบ Raster คือ สามารถปรับแต่งสี ตกแต่งภาพได้ง่ายและสวยงาม ซึ่งโปรแกรมที่นิยมใช้สร้างภาพกราฟิกแบบ Raster คือ Photoshop, Paint เป็นต้น ภาพกราฟิกแบบ Raster ที่ขยายใหญ่ขึ้น จะมองเห็นภาพเป็นจุดสี่เหลี่ยม
       2.2 ภาพกราฟิกแบบ Vector เป็นภาพกราฟิกที่เกิดจากการอ้างอิงความสัมพันธ์ทางคณิตศาสตร์ หรือการคำนวณ ซึ่งภาพจะมีความเป็นอิสระต่อกัน โดยแยกชิ้นส่วนของภาพทั้งหมดออกเป็นเส้นตรง เส้นโค้ง รูปทรง เมื่อมีการขยายภาพความละเอียดของภาพจะไม่ลดลง แฟ้มมีขนาดเล็กกว่าแบบ Raster ภาพกราฟิกแบบ Vector นิยมใช้เพื่องานสถาปัตยกรรมตกแต่งภายใน และการออกแบบต่าง ๆ เช่น การออกแบบรถยนต์ การออกแบบอาคาร การสร้างการ์ตูน เป็นต้น ซึ่งโปรแกรมที่นิยมใช้สร้างภาพแบบ Vector คือ โปรแกรม Illustrator, CorrelDraw, 3Ds Max แต่อุปกรณ์ที่ใช้แสดงผลภาพ เช่น จอคอมพิวเตอร์ หรือเครื่องพิมพ์ จะเป็นการแสดงผลภาพแบบ Raster ภาพกราฟิกแบบ Vector ที่ขยายใหญ่ขึ้น ความละเอียดของภาพจะไม่ลดลง

ขอขอบคุณที่มา

http://krunum.wordpress.com

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

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

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

 หลักการของกราฟิกแบบ Raster

หลักการของภาพกราฟิกแบบ Raster หรือแบบ Bitmap เป็นภาพกราฟิกที่เกิดจาก การเรียงตัวกันของจุดสี่เหลี่ยมเล็กๆ หลากหลายสี ซึ่งเรียกจุดเล็กๆ นี้ว่า พิกเซล(Pixel) ในการสร้างภาพกราฟิกแบบ Raster จะต้องกำหนดจำนวนของพิกเซลให้กับภาพที่ต้องการ สร้าง ถ้ากำหนดจำนวนพิกเซลน้อย เมื่อขยายภาพให้มีขนาดใหญ่ขึ้นจะทำให้มองเห็นภาพ เป็นจุดสี่เหลี่ยมเล็กๆ หรือถ้ากำหนดจำนวนพิกเซลมากก็จะทำให้แฟ้มภาพมีขนาดใหญ่ ดังนั้นการกำหนดพิกเซล จึงควรกำหนดให้เหมาะสมกับงานที่สร้าง คือถ้าต้องการใช้งานทั่วๆ ไปจะกำหนดพิกเซลประมาณ 100 – 150 ppi (Pixel/inch) “จำนวนพิกเซลต่อ 1 ตารางนิ้ว” ถ้าเป็นงานที่ต้องการความละเอียดน้อยและแฟ้มภาพมีขนาดเล็ก เช่น ภาพสำหรับใช้กับเว็บไซต์ จะกำหนดจำนวนพิกเซลประมาณ 72 ppi และถ้าเป็นแบบงานพิมพ์ เช่นนิตยสาร โปสเตอร์ ขนาดใหญ่จะกำหนดจำนวนพิกเซลประมาณ 300 – 350 เป็นต้นข้อดีของภาพกราฟิกแบบ Raster คือ สามารถแก้ไขปรับแต่งสี ตกแต่งภาพได้ง่ายและ สวยงาม ซึ่งโปรแกรมที่นิยมใช้สร้างภาพกราฟิกแบบ Raster คือ Adobe Photoshop, Adobe PhotoshopCS, Paint ภาพแบบ Raster หรือที่ ส่วนใหญ่จะเรียกอีกอย่าง ภาพบิตแมพ (Bitmap) มักนิยมใช้กับ ภาพถ่าย หรือภาพวาด เพราะสามารถใส่โทนสีของภาพได้เหมือนจริง แต่ข้อเสียของภาพแบบ Raster ก็คือเมื่อมีการขยายภาพมากๆ ซึ่งขนาดของ Pixel ก็จะเพิ่มขึ้น ทำให้เห็นภาพ ไม่ละเอียดเป็นขอบหยักๆ
หลักการของกราฟิกแบบ Vector
                       หลักการของกราฟิกแบบ Vector เป็นภาพกราฟิกที่เกิดจากการอ้างอิงความสัมพันธ์ทาง คณิตศาสตร์ หรือการคำนวณซึ่งภาพจะมีความเป็นอิสระต่อกัน โดยแยกชิ้นส่วนของภาพ ทั้งหมดออกเป็นเส้นตรง เส้นโค้ง รูปทรง เมื่อมีการขยายภาพความละเอียดของภาพไม่ลดลง แฟ้มมีขนาดเล็กกว่าแบบ Raster ภาพกราฟิกแบบ Vector นิยมใช้เพื่องานสถาปัตย์ตกแต่ง ภายในและการออกแบบต่างๆ เช่น การออกแบบอาคาร การออกแบบรถยนต์ การสร้างโลโก้ การสร้างการ์ตูน เป็นต้น ซึ่งโปรแกรมที่นิยมใช้สร้างภาพแบบ Vector คือ โปรแกรม Illustrator, CorelDraw, AutoCAD, 3Ds max เป็นต้น แต่อุปกรณ์ที่ใช้แสดงผลภาพ เช่น จอคอมพิวเตอร์ หรือเครื่องพิมพ์จะเป็นการแสดงผลภาพเป็นแบบ Raster

ขอขอบคุณที่มา

http://krumaew.wordpress.com

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

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

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

เช่น การ์ดจอที่สามารถแสดงสีได้ 24 บิต ก็จะแสดงสีได้ = 2²⁴ = 16.7 ล้านสี เป็นต้น

ปัจจุบันเราจะพบว่าการแสดงผลภาพบนหน้าจอคอมพิวเตอร์กราฟิก  สามารถแสดงสีได้ตั้งแต่  16.7  ล้านสีขึ้นไป  เนื่องจากการ์ดจอส่วนใหญ่สามารถแสดงสีได้ตั้งแต่ 24 บิตไปจนถึง 32  และ 64 บิต

3.6    โมเดลของสี ( Color  Model )  โดยทั่วไปแล้วสีต่างๆ ในธรรมชาติและสีที่ถูกสร้างขึ้น จะมีรูปแบบการมองเห็นสีที่แตกต่างกัน  ซึ่งรูปแบบการมองเห็นสีนี้เรียกว่า “โมเดล (Model)” ดังนั้น จึงทำให้มีโมเดลหลายแบบดังที่เราจะได้ศึกษาต่อไปนี้ คือ

1.โมเดลแบบ HSB ตามหลักการมองเห็นสีของสายตามนุษย์

2.โมเดลแบบ RGB ตามหลักการแสดงสีของเครื่องคอมพิวเตอร์

3.โมเดลแบบ CMYK ตามหลักการแสดงสีของเครื่องพิมพ์

4.โมเดล Lab ตามมาตรฐานของ CIE

3.7 โมเดลแบบ HSB ตามหลักการมองเห็นสีของสายตามนุษย์

เป็นลักษณะพื้นฐานการมองเห็นสีด้วยสายตาของมนุษย์ โมเดล HSB จะประกอบด้วยลักษณะของสี 3 ลักษณะคือ

1.   Hue เป็นสีของวัตถุที่สะท้อนเข้ามายังตาของเรา ทำให้เราสามารถมองเห็นวัตถุเป็นสีได้ ซึ่งแต่ละสีจะแตกต่างกันตามความยาวของคลื่นแสงที่มากระทบวัตถุและสะท้อนกลับที่มีตาของเรา Hue ถูกวัดโดยตำแหน่งการแสดงสีบน Standard Color Wheel ซึ่งถูกแทนด้วยองศา คือ 0 ถึง 360 องศา แต่โดยทั่วๆ ไปแล้วมักจะเรียกการแสดงสีนั้นๆ เป็นชื่อของสีเลย เช่น สีแดง สีม่วง สีเหลือง

            2.   Saturation คือสัดส่วนของสีเทาที่มีอยู่ในสีนั้น โดยวัดค่าสีเทาในสีหลักเป็นเปอร์เซ็นต์ดังนี้คือ จาก 0% (สีเทาผสมอยู่มาก) จนถึง 100% (สีเทาไม่มีเลย หรือเรียกว่า “Full Saturation” คือสีที่มีความอิ่มตัวเต็มที่) โดยค่า Saturation นี้จะบ่งบอกถึงความเข้มข้นและความจางของสี ถ้าถูกวัดโดยตำแหน่งบน Standard Color Wheel ค่า Saturation จะเพิ่มขึ้นจากจุดกึ่งกลางจนถึงเส้นขอบ โดยค่าที่เส้นขอบจะมีสีที่ชัดเจนและอิ่มตัวที่สุด

3.   Brightness เป็นเรื่องราวของความสว่างและความมืดของสี ซึ่งถูกกำหนดค่าเป็นเปอร์เซ็นต์จาก 0% (สีดำ) ถึง 100% (สีขาว) ยิ่งมีเปอร์เซ็นต์มากจะทำให้สีนั้นสว่างมากขึ้น

ขอขอบคุณที่มา

https://docs.google.com/document/d/14wFGUfMMFv3sc9NzpK5pBdqOzOkGMbCkI_LQoKEKSM/edit?pli=1