SlideShare ist ein Scribd-Unternehmen logo
1 von 20
Downloaden Sie, um offline zu lesen
ผู สอน ครูวณา อุ ดมโภชน์
         ้       ี
E-mail : weena.swkj@hotmail.co.th
ความหมายของกราฟิ ก
          หมายถึง ศิลปะแขนงหนึงซืงใช้การสือความหมายด้วย
                               ่ ่         ่
 เส้น สัญลักษณ์ รูปวาด ภาพถ่าย กราฟ แผนภูม ิ การ์ ตูน ฯลฯ
 เพือให้สามารถสือความหมายของข้อมูลได้ถูกต้องตรงตามที่
     ่          ่
 ผู รบสารต้องการ
    ้ั
ความหมายของคอมพิวเตอร์ กราฟิ ก
                        หมายถึง การสร้าง การตกแต่งแก้ไข
 หรือการจัดการเกียวกับรูปภาพ โดยใช้เครืองคอมพิวเตอร์ ใน
                 ่                     ่
 การจัดการ เช่น การทาตกแต่งภาพทีเ่ รียกว่า Image
 Retouching ภาพคนแก่ ให้มวยทีเ่ ด็กขึน การใช้
                                  ีั        ้
 ภาพกราฟิ กในการนาเสนอข้อมูลต่าง ๆ
ภาพกราฟิ กแบ่งเป็ น 2 ประเภท คือ
ภาพกราฟิ กแบบ 2 มิติ และแบบ 3 มิติ
                          เป็ นภาพทีพบเห็นโดยทัวไป ได่แก่
                                      ่          ่
   ภาพถ่าย รูปวาด สัญลักษณ์ การ์ ตูนต่าง ๆ ในโทรทัศน์
   เช่น ชินจัง โดเรม่อน
ภาพกราฟิ กแบ่งเป็ น 2 ประเภท คือ
ภาพกราฟิ กแบบ 2 มิติ และแบบ 3 มิติ
                            เป็ นภาพกราฟิ กทีใ่ ช้โปรแกรมสร้าง
   ภาพ 3 มิต ิ เช่น 3Dmax, Maya ทาให้ได้ภาพทีมสและ        ่ีี
   แสงเงาเหมือนจริง เหมาะสาหรับการออกแบบและสถาปัตยกรรม
   เช่น การผลิตรถยนต์ และภาพยนตร์ การ์ ตูน 3 มิต ิ
คอมพิวเตอร์ ประมวลผลภาพอย่างไร
1.การประมวลผลภาพแบบเวกเตอร์(Vector)
2.การประมวลผลภาพแบบบิตแมพ (Bitmap)
คอมพิวเตอร์ ประมวลผลภาพอย่างไร

    เป็ นการประมวลผลแบบอาศัยการคานวณทางคณิตศาสตร์            โดยมีสและ
                                                                    ี
      ตาแหน่งของสีทแน่นอน ฉะนันไม่ว่าเราจะมีการเคลือนทีหรือย่อขยายขนาด
                     ี่       ้                    ่ ่
      ของภาพ ภาพจะไม่เสียรูปทรงในเชิงเรขาคณิต ตัวอย่างเช่นรูปการ์ตูน
      ได้แก่โปรแกรม Illustrator และ CorelDraw เป็ นต้น
ภาพแบบเวกเตอร์ (VECTOR)

 เช่น นามสกุล
 .wmf
 .ai
คอมพิวเตอร์ ประมวลผลภาพอย่างไร

    เป็ นการประมวลผลแบบอาศัยการอ่านค่าสีในแต่ละพิกเซลมีชอเรียกอีก
                                                          ื่
      อย่างหนึงว่า Raster Image แต่ละพิกเซลมีการเก็บค่าสีทเี่ จาะจง
              ่
      ในแต่ละตาแหน่ง ซึงเหมาะกับภาพทีมลกษณะแบบภาพถ่าย ได้แก่โปรแกรม
                       ่             ่ีั
      Photoshop และ PhotoPaint เป็ นต้น
ภาพแบบบิตแมพ (BITMAP)
เช่น นามสกุล
.bmp
.pcx
.gif
.jpg
.tif
ความรู้เรืองความละเอียด
          ่

   จุดภาพ หรือ พิกเซล ( pixel) เป็ นหน่วยพืนฐานของภาพ คือจุดภาพบน
                                                   ้
    จอแสดงผล หรือ จุดภาพในรูปภาพทีรวมกันเป็ นภาพขึน โดยภาพหนึงๆ จะประกอบไป
                                        ่             ้         ่
    ด้วยจุดภาพหรือพิกเซลมากมาย
          และแต่ละภาพทีสร้างขึนจะมีความหนาแน่นของจุดภาพ หรือบางครังแทนว่าความ
                        ่ ้                                       ้
    ละเอียด (ความคมชัด)ทีแตกต่างกันไป จึงใช้ในการบอกคุณสมบัตของภาพ จอภาพ หรือ
                            ่                                 ิ
    อุ ปกรณ์แสดงผลภาพได้
         จอภาพทีมจานวนพิกเซลมาก จะมีความละเอียดของภาพมาก โดยมากจะระบุจานวน
                  ่ี
    พิกเซลแนวนอน x แนวตัง เช่น 1366 x 768 พิกเซล
                              ้
                 คาว่า "พิกเซล" ( pixel) มาจากคาว่า "พิกเจอร์" ( picture) ที่
    แปลว่า รูปภาพ และ "เอเลเมนต์" ( element) ทีแปลว่า องค์ประกอบ
                                                        ่
ความรู้เรืองความละเอียด
          ่

         คานีสามารถใช้ได้กบสถานการณ์ทแตกต่างกัน เช่น ความละเอียดของ
            ้             ั          ี่
  การแสดงผลของเครืองพิมพ์ หรือความละเอียดในการแสดงผลของจอภาพ
                      ่
  ดังนันความละเอียดในการแสดงผลจึงหมายถึง
       ้
ความรู้เรืองความละเอียด
          ่

          จานวนจุดภาพทีใ่ ช้ประกอบกันเป็ นภาพหรือความละเอียดจากการสแกนภาพ การ
    แสดงภาพได้ละเอียดมากเท่าใดนันขึนอยู่กบประเภทของจอภาพ VGA จะแสดงภาพได้
                                  ้ ้ ั
    ละเอียดน้อยกว่า
          SVGAความละเอียดของภาพสามารถบอกเป็ นตัวเลขสองจานวน เช่น ความ
    ละเอียดของภาพขนาด1024x768 ซึงเมือคานวณออกมาแล้วก็คอจานวนจุดที่
                                            ่ ่                   ื
    จอภาพสามารถสร้างออกมาได้
        ในกรณีนเ้ ี ลขจานวนแรกคือจานวนจุดในแนวนอนซึงเท่ากับ 1024 จุด ตัวเลข
                                                     ่
    จานวนทีสองคือจานวนจุดในแนวตัง ซึงเท่ากับ 768 จุด
             ่                       ้ ่
ความรู้เรืองความละเอียด
          ่

        หมายถึง หน่วยของจานวนจุดทีมากทีสุดทีจอคอมพิวเตอร์สามารถผลิต
                                  ่ ่ ่
  ได้ โดยความละเอียดในการแสดงผลของจอ จะขึนกับวีดโี อการ์ด ทีเ่ รียกว่า
                                            ้
  การ์ดจอ ซึงจะมีความสามารถในการแสดงผล
             ่
         หลากหลาย เช่น แสดงผลทีความละเอียด 800 x 600 พิกเซล
                                ่
  หมายถึง จานวนพิกเซลในแนวนอน เท่ากับ 800 และจานวนพิกเซลในแนวตัง       ้
  เท่ากับ 600
ความรู้เรืองความละเอียด
          ่

          คือ จานวนจุดเลเซอร์ทเี่ ครืองพิมพ์สามารถผลิตได้ต่อนิว เช่น ถ้า
                                     ่                       ้
  เครืองพิมพ์แบบเลเซอร์มความละเอียด 300 จุดต่อนิว ( dots per
      ่                   ี                         ้
  inch – dpi ) นันคือ เครืองพิมพ์สามารถพิมพ์ได้ 300 จุดทุกๆ
                        ่          ่
  1 นิว ้
ระบบสี
สีที่ใช้ ในงานด้ านกราฟิ กทั่วไป   มี 4 ระบบ คือ
            1. RGB
              2. CMYK
              3. HSB
              4. LAB
ระบบสี

 1.   RGB
          เป็ นระบบสีท่ีประกอบด้วยแม่สี 3 สี คือ แดง ( Red), เขียว
  ( Green) และน้าเงิน ( Blue) เมือนามาผสมผสานกันทาให้
                                          ่
  เกิดสีต่าง ๆ บนจอคอมพิวเตอร์มากถึง 16.7 ล้านสี
      ซึ่งใกล้เคียงกับสีท่ีตาเรามองเห็นปกติ สีท่ีได้จากการผสมสี
                                                       ่
  ขึ้นอยู่กับความเข้มของสี โดยถ้าสีมความเข้มมาก เมือนามาผสม
                                       ี
  กันจะทาให้เกิดเป็ นสีขาว จึงเรียกระบบสีน้ ว่าแบบ Additive
                                             ี
  หรือการผสมสีแบบบวก
ระบบสี

   2. CMYK
                 เป็ นระบบสีทใี่ ช้กบเครืองพิมพ์ทพมพ์ออกทางกระดาษหรือวัสดุผวเรียบอืน ๆ
                                    ั ่          ี่ ิ                            ิ ่
    ซึงประกอบด้วย สีหลัก 4 สี คือ สีฟา (Cyan), สีม่วงแดง (Magenta), สี
      ่                                     ้
    เหลือง (Yellow) และสีดา (Black)
           เมือนามาผสมกันจะเกิดสีเป็ นสีดา แต่จะไม่ดาสนิท เนืองจากหมึกพิมพ์มความไม่บริสุทธิ์
              ่                                              ่                 ี
    จึงเป็ นการผสมสีแบบลบ (Subtractive) หลักการเกิดสีของระบบนี้ คือ หมึกสีหนึง           ่
    จะดูด
           กลืนแสงจากสีหนึงแล้วสะท้อนกลับออกมาเป็ นสีต่าง ๆ เช่น สีฟาดูดกลืนแสงของสีม่วง
                            ่                                       ้
    แล้วสะท้อนออกมาเป็ นสีน้าเงิน ซึงจะสังเกตได้ว่าสีทสะท้อนออกมาจะเป็ นสีหลัก
                                        ่             ี่
           ของระบบ RGB การเกิดสีในระบบนีจงตรงข้ามกับการเกิดสีในระบบ RGB ดัง
                                                   ้ึ
    ภาพ
ระบบสี

 3.        HSB
         เป็ นระบบสีแบบการมองเห็นของสายตามนุษย์ ซึงแบ่งออกเป็ น 3 ส่วน คือ
                                                  ่
  Hue คือ สีต่าง ๆ ทีสะท้อนออกมาจากวัตถุแล้วเข้าสู่สายตาของเรา ซึงมักจะเรียกสี
                             ่                                       ่
  ตามชือสี เช่น สีเขียว
          ่
         สีเหลือง สีแดง เป็ นต้น Saturation คือ ความสดของสี โดยค่าความสด
  ของสีจะเริมที่ 0 ถึง 100 ถ้ากาหนด Saturation ที่ 0 สีจะมีความสดน้อย
              ่
  แต่ถากาหนดที่ 100 สีจะมีความสดมาก
       ้
         Brightness คือ ระดับความสว่างของสี โดยค่าความสว่างของสีจะเริมที่  ่
  0 ถึง 100 ถ้ากาหนดที่ 0 ความสว่างจะน้อยซึงจะเป็ นสีดา แต่ถากาหนดที่ 100 สี
                                               ่               ้
  จะมีความสว่างมากทีสุด ่
ระบบสี
 4.    LAB
       เป็ นระบบสีทไี่ ม่ขนกับอุ ปกรณ์ใด ๆ (Device Independent)
                          ้ึ
  โดยแบ่งออกเป็ น 3 ส่วน คือ
      "L" หรือ Luminance เป็ นการกาหนดความสว่าง ซึงมีค่าตังแต่
                                                          ่       ้
  0 ถึง 100 ถ้ากาหนดที่ 0 จะกลายเป็ นสีดา แต่ถากาหนดที่ 100 จะเป็ นสี
                                                   ้
  ขาว
      "A" เป็ นค่าของสีทไี่ ล่จากสีเขียวไปสีแดง
      "B" เป็ นค่าของสีทไี่ ล่จากสีน้าเงินไปเหลือง

Weitere ähnliche Inhalte

Was ist angesagt?

คู่มือ Photoshop cs3
คู่มือ Photoshop cs3คู่มือ Photoshop cs3
คู่มือ Photoshop cs3charuwarin
 
หน่วยการเรียนรู้ที่ 3
หน่วยการเรียนรู้ที่ 3หน่วยการเรียนรู้ที่ 3
หน่วยการเรียนรู้ที่ 3arachaporn
 
รู้จักโปรแกรม Adobe Photoshop CS6
รู้จักโปรแกรม Adobe Photoshop CS6รู้จักโปรแกรม Adobe Photoshop CS6
รู้จักโปรแกรม Adobe Photoshop CS6Khon Kaen University
 
ใบความรู้ Type tool ใน photoshop
ใบความรู้ Type tool ใน photoshopใบความรู้ Type tool ใน photoshop
ใบความรู้ Type tool ใน photoshopObob Kukkong
 
การใช้งาน Adobe photoshop cs5
การใช้งาน Adobe photoshop cs5การใช้งาน Adobe photoshop cs5
การใช้งาน Adobe photoshop cs5Rattapadol Gunhakoon
 
Digital media animation
Digital media animationDigital media animation
Digital media animationajpeerawich
 
F:\Photo Shop\อุปกรณ์เบื้องต้นของ Photoshop
F:\Photo Shop\อุปกรณ์เบื้องต้นของ Photoshop F:\Photo Shop\อุปกรณ์เบื้องต้นของ Photoshop
F:\Photo Shop\อุปกรณ์เบื้องต้นของ Photoshop Wangwiset School
 
คู่มือการใช้งานโปรแกรม Photoshop cs
คู่มือการใช้งานโปรแกรม Photoshop csคู่มือการใช้งานโปรแกรม Photoshop cs
คู่มือการใช้งานโปรแกรม Photoshop cssamnaknit
 
การใช้โปรแกรมกราฟิกส์.1
การใช้โปรแกรมกราฟิกส์.1การใช้โปรแกรมกราฟิกส์.1
การใช้โปรแกรมกราฟิกส์.1Sodaam AC
 
เทคนิคโฟโต้
เทคนิคโฟโต้เทคนิคโฟโต้
เทคนิคโฟโต้weena22
 
อาทิตย์อัสดง
อาทิตย์อัสดงอาทิตย์อัสดง
อาทิตย์อัสดงIvIy Alice
 

Was ist angesagt? (15)

Photoshop
PhotoshopPhotoshop
Photoshop
 
คู่มือ Photoshop cs3
คู่มือ Photoshop cs3คู่มือ Photoshop cs3
คู่มือ Photoshop cs3
 
หน่วยการเรียนรู้ที่ 3
หน่วยการเรียนรู้ที่ 3หน่วยการเรียนรู้ที่ 3
หน่วยการเรียนรู้ที่ 3
 
รู้จักโปรแกรม Adobe Photoshop CS6
รู้จักโปรแกรม Adobe Photoshop CS6รู้จักโปรแกรม Adobe Photoshop CS6
รู้จักโปรแกรม Adobe Photoshop CS6
 
E book desktop auther
E  book desktop autherE  book desktop auther
E book desktop auther
 
ใบความรู้ Type tool ใน photoshop
ใบความรู้ Type tool ใน photoshopใบความรู้ Type tool ใน photoshop
ใบความรู้ Type tool ใน photoshop
 
การใช้งาน Adobe photoshop cs5
การใช้งาน Adobe photoshop cs5การใช้งาน Adobe photoshop cs5
การใช้งาน Adobe photoshop cs5
 
Digital media animation
Digital media animationDigital media animation
Digital media animation
 
Lesson3
Lesson3Lesson3
Lesson3
 
F:\Photo Shop\อุปกรณ์เบื้องต้นของ Photoshop
F:\Photo Shop\อุปกรณ์เบื้องต้นของ Photoshop F:\Photo Shop\อุปกรณ์เบื้องต้นของ Photoshop
F:\Photo Shop\อุปกรณ์เบื้องต้นของ Photoshop
 
คู่มือการใช้งานโปรแกรม Photoshop cs
คู่มือการใช้งานโปรแกรม Photoshop csคู่มือการใช้งานโปรแกรม Photoshop cs
คู่มือการใช้งานโปรแกรม Photoshop cs
 
การใช้โปรแกรมกราฟิกส์.1
การใช้โปรแกรมกราฟิกส์.1การใช้โปรแกรมกราฟิกส์.1
การใช้โปรแกรมกราฟิกส์.1
 
Animation flash
Animation flashAnimation flash
Animation flash
 
เทคนิคโฟโต้
เทคนิคโฟโต้เทคนิคโฟโต้
เทคนิคโฟโต้
 
อาทิตย์อัสดง
อาทิตย์อัสดงอาทิตย์อัสดง
อาทิตย์อัสดง
 

Andere mochten auch

Ifes aula 7-brasil-relevo_e_estrutura_geológica
Ifes aula 7-brasil-relevo_e_estrutura_geológicaIfes aula 7-brasil-relevo_e_estrutura_geológica
Ifes aula 7-brasil-relevo_e_estrutura_geológicaKéliton Ferreira
 
Astronomia: belas imagens! Recebi por email.
Astronomia: belas imagens! Recebi por email.Astronomia: belas imagens! Recebi por email.
Astronomia: belas imagens! Recebi por email.Rodrigo Penna
 
Marketing and the customer lifecycle
Marketing and the customer lifecycleMarketing and the customer lifecycle
Marketing and the customer lifecycleweichengwendao
 
Зырянова анонс Оценка секретарей
Зырянова анонс Оценка секретарейЗырянова анонс Оценка секретарей
Зырянова анонс Оценка секретарейMoscow Business School
 
A Legacy of Light and Dark Generation 2 Chapter 1
A Legacy of Light and Dark Generation 2 Chapter 1A Legacy of Light and Dark Generation 2 Chapter 1
A Legacy of Light and Dark Generation 2 Chapter 1AuroraDay01
 
Statment of claim
Statment of claimStatment of claim
Statment of claimmecteam7
 
3й западно-сибирский форум по недвижимости
3й западно-сибирский форум по недвижимости3й западно-сибирский форум по недвижимости
3й западно-сибирский форум по недвижимостиSalesDog
 
Recognition.lab аминова
Recognition.lab аминоваRecognition.lab аминова
Recognition.lab аминоваstartuppoint
 
My favorite philosophy
My favorite philosophyMy favorite philosophy
My favorite philosophyRaci Göktaş
 
WILD LIFE IN AFRICA
WILD LIFE IN AFRICAWILD LIFE IN AFRICA
WILD LIFE IN AFRICAladymandona
 
Tüy üzerine resim yapma sanatı
Tüy üzerine resim yapma sanatıTüy üzerine resim yapma sanatı
Tüy üzerine resim yapma sanatıRaci Göktaş
 
3 в контексте
3 в контексте3 в контексте
3 в контекстеstartuppoint
 
Emilys HS Diploma0001
Emilys HS Diploma0001Emilys HS Diploma0001
Emilys HS Diploma0001Emily Marien
 

Andere mochten auch (20)

Gonda 3 4_seminar_ake_2011
Gonda 3 4_seminar_ake_2011Gonda 3 4_seminar_ake_2011
Gonda 3 4_seminar_ake_2011
 
Profile
ProfileProfile
Profile
 
Ifes aula 7-brasil-relevo_e_estrutura_geológica
Ifes aula 7-brasil-relevo_e_estrutura_geológicaIfes aula 7-brasil-relevo_e_estrutura_geológica
Ifes aula 7-brasil-relevo_e_estrutura_geológica
 
Astronomia: belas imagens! Recebi por email.
Astronomia: belas imagens! Recebi por email.Astronomia: belas imagens! Recebi por email.
Astronomia: belas imagens! Recebi por email.
 
Marketing and the customer lifecycle
Marketing and the customer lifecycleMarketing and the customer lifecycle
Marketing and the customer lifecycle
 
Зырянова анонс Оценка секретарей
Зырянова анонс Оценка секретарейЗырянова анонс Оценка секретарей
Зырянова анонс Оценка секретарей
 
A Legacy of Light and Dark Generation 2 Chapter 1
A Legacy of Light and Dark Generation 2 Chapter 1A Legacy of Light and Dark Generation 2 Chapter 1
A Legacy of Light and Dark Generation 2 Chapter 1
 
Statment of claim
Statment of claimStatment of claim
Statment of claim
 
Lei número 12.395/2011 (Lei Pelé)
Lei número 12.395/2011 (Lei Pelé)Lei número 12.395/2011 (Lei Pelé)
Lei número 12.395/2011 (Lei Pelé)
 
3й западно-сибирский форум по недвижимости
3й западно-сибирский форум по недвижимости3й западно-сибирский форум по недвижимости
3й западно-сибирский форум по недвижимости
 
Recognition.lab аминова
Recognition.lab аминоваRecognition.lab аминова
Recognition.lab аминова
 
My favorite philosophy
My favorite philosophyMy favorite philosophy
My favorite philosophy
 
Bachelor Transcript
Bachelor TranscriptBachelor Transcript
Bachelor Transcript
 
3Dtomsk
3Dtomsk3Dtomsk
3Dtomsk
 
WILD LIFE IN AFRICA
WILD LIFE IN AFRICAWILD LIFE IN AFRICA
WILD LIFE IN AFRICA
 
Tüy üzerine resim yapma sanatı
Tüy üzerine resim yapma sanatıTüy üzerine resim yapma sanatı
Tüy üzerine resim yapma sanatı
 
3 в контексте
3 в контексте3 в контексте
3 в контексте
 
Emilys HS Diploma0001
Emilys HS Diploma0001Emilys HS Diploma0001
Emilys HS Diploma0001
 
degree
degreedegree
degree
 
Movie classics
Movie classicsMovie classics
Movie classics
 

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

ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิกความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิกPpatbongga
 
สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)
สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)
สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)Dr.Kridsanapong Lertbumroongchai
 
ความรู้เบื้องต้นเกี่ยวกับกราฟิก
ความรู้เบื้องต้นเกี่ยวกับกราฟิกความรู้เบื้องต้นเกี่ยวกับกราฟิก
ความรู้เบื้องต้นเกี่ยวกับกราฟิกainam29
 
คอมพิวเตอร์กราฟิกส์ (Computer graphics)
คอมพิวเตอร์กราฟิกส์ (Computer graphics)คอมพิวเตอร์กราฟิกส์ (Computer graphics)
คอมพิวเตอร์กราฟิกส์ (Computer graphics)kru na Swkj
 
Dc102 digital media-still image
Dc102 digital media-still imageDc102 digital media-still image
Dc102 digital media-still imageajpeerawich
 
ใบความรู้ หน่วยที่ 1 com graphic
ใบความรู้ หน่วยที่ 1 com graphicใบความรู้ หน่วยที่ 1 com graphic
ใบความรู้ หน่วยที่ 1 com graphicjumjim2012
 
โหมดสี
โหมดสีโหมดสี
โหมดสีpaween
 
ประเภทของภาพกราฟฟิค
ประเภทของภาพกราฟฟิคประเภทของภาพกราฟฟิค
ประเภทของภาพกราฟฟิคwattikorn_080
 
คอมพิวเตอร์กราฟิก2
คอมพิวเตอร์กราฟิก2คอมพิวเตอร์กราฟิก2
คอมพิวเตอร์กราฟิก2kroopoom ponritti
 
ใบความรู้ เรื่อง ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
ใบความรู้ เรื่อง ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิกใบความรู้ เรื่อง ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
ใบความรู้ เรื่อง ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิกคีตะบลู รักคำภีร์
 
ใบความรู้ที่ 2 รู้จักกับเครื่องมือต่างๆ
ใบความรู้ที่ 2 รู้จักกับเครื่องมือต่างๆใบความรู้ที่ 2 รู้จักกับเครื่องมือต่างๆ
ใบความรู้ที่ 2 รู้จักกับเครื่องมือต่างๆWilasineejib
 
บทที่ 1 ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
บทที่ 1 ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิกบทที่ 1 ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
บทที่ 1 ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิกKruOrraphan Kongmun
 

Ähnlich wie คอมพิวเตอร์กราฟิกส์ (20)

ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิกความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
 
สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)
สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)
สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)
 
ความรู้เบื้องต้นเกี่ยวกับกราฟิก
ความรู้เบื้องต้นเกี่ยวกับกราฟิกความรู้เบื้องต้นเกี่ยวกับกราฟิก
ความรู้เบื้องต้นเกี่ยวกับกราฟิก
 
การออกแบบทำไวนิล
การออกแบบทำไวนิลการออกแบบทำไวนิล
การออกแบบทำไวนิล
 
Photoshop cs3
Photoshop cs3Photoshop cs3
Photoshop cs3
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
คอมพิวเตอร์กราฟิกส์ (Computer graphics)
คอมพิวเตอร์กราฟิกส์ (Computer graphics)คอมพิวเตอร์กราฟิกส์ (Computer graphics)
คอมพิวเตอร์กราฟิกส์ (Computer graphics)
 
1.3
1.31.3
1.3
 
Dc102 digital media-still image
Dc102 digital media-still imageDc102 digital media-still image
Dc102 digital media-still image
 
ใบความรู้ หน่วยที่ 1 com graphic
ใบความรู้ หน่วยที่ 1 com graphicใบความรู้ หน่วยที่ 1 com graphic
ใบความรู้ หน่วยที่ 1 com graphic
 
Photoshop lab1
Photoshop lab1Photoshop lab1
Photoshop lab1
 
โหมดสี
โหมดสีโหมดสี
โหมดสี
 
ประเภท
ประเภทประเภท
ประเภท
 
ประเภทของภาพกราฟฟิค
ประเภทของภาพกราฟฟิคประเภทของภาพกราฟฟิค
ประเภทของภาพกราฟฟิค
 
คอมพิวเตอร์กราฟิก2
คอมพิวเตอร์กราฟิก2คอมพิวเตอร์กราฟิก2
คอมพิวเตอร์กราฟิก2
 
7.1
7.17.1
7.1
 
ใบความรู้ เรื่อง ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
ใบความรู้ เรื่อง ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิกใบความรู้ เรื่อง ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
ใบความรู้ เรื่อง ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
 
Graphic
GraphicGraphic
Graphic
 
ใบความรู้ที่ 2 รู้จักกับเครื่องมือต่างๆ
ใบความรู้ที่ 2 รู้จักกับเครื่องมือต่างๆใบความรู้ที่ 2 รู้จักกับเครื่องมือต่างๆ
ใบความรู้ที่ 2 รู้จักกับเครื่องมือต่างๆ
 
บทที่ 1 ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
บทที่ 1 ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิกบทที่ 1 ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
บทที่ 1 ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
 

Mehr von พัน พัน

เรื่องระบบปฏิบัติการ
เรื่องระบบปฏิบัติการเรื่องระบบปฏิบัติการ
เรื่องระบบปฏิบัติการพัน พัน
 
เรื่องภาษาซี
เรื่องภาษาซีเรื่องภาษาซี
เรื่องภาษาซีพัน พัน
 
ประวัติความเป็นมาของคอมพิวเตอร์
ประวัติความเป็นมาของคอมพิวเตอร์ประวัติความเป็นมาของคอมพิวเตอร์
ประวัติความเป็นมาของคอมพิวเตอร์พัน พัน
 
การเปลี่ยนตัวเลขให้เป็นตัวอักษร
การเปลี่ยนตัวเลขให้เป็นตัวอักษรการเปลี่ยนตัวเลขให้เป็นตัวอักษร
การเปลี่ยนตัวเลขให้เป็นตัวอักษรพัน พัน
 
หลักการทำงาน บทบาทและอุปกรณ์พื้นฐานของคอมพิวเตอร์
หลักการทำงาน บทบาทและอุปกรณ์พื้นฐานของคอมพิวเตอร์หลักการทำงาน บทบาทและอุปกรณ์พื้นฐานของคอมพิวเตอร์
หลักการทำงาน บทบาทและอุปกรณ์พื้นฐานของคอมพิวเตอร์พัน พัน
 
รายงานเทคโนโลยีคอมพิวเตอร์
รายงานเทคโนโลยีคอมพิวเตอร์รายงานเทคโนโลยีคอมพิวเตอร์
รายงานเทคโนโลยีคอมพิวเตอร์พัน พัน
 
การทำงานพื้นฐานของคอมพิวเตอร์
การทำงานพื้นฐานของคอมพิวเตอร์การทำงานพื้นฐานของคอมพิวเตอร์
การทำงานพื้นฐานของคอมพิวเตอร์พัน พัน
 
การทำงานของคอมพิวเตอร์
การทำงานของคอมพิวเตอร์การทำงานของคอมพิวเตอร์
การทำงานของคอมพิวเตอร์พัน พัน
 
ระบบคอมพิวเตอร์และยุคสมัย
ระบบคอมพิวเตอร์และยุคสมัยระบบคอมพิวเตอร์และยุคสมัย
ระบบคอมพิวเตอร์และยุคสมัยพัน พัน
 
เรื่องเทคโนโลยีสารสนเทศ
เรื่องเทคโนโลยีสารสนเทศเรื่องเทคโนโลยีสารสนเทศ
เรื่องเทคโนโลยีสารสนเทศพัน พัน
 
ประเภทของคอมพิวเตอร์
ประเภทของคอมพิวเตอร์ประเภทของคอมพิวเตอร์
ประเภทของคอมพิวเตอร์พัน พัน
 
เครือข่ายคอมพิวเตอร์เบื้องต้น
เครือข่ายคอมพิวเตอร์เบื้องต้นเครือข่ายคอมพิวเตอร์เบื้องต้น
เครือข่ายคอมพิวเตอร์เบื้องต้นพัน พัน
 
เรื่องคอมพิวเตอร์เบื้องต้น
เรื่องคอมพิวเตอร์เบื้องต้นเรื่องคอมพิวเตอร์เบื้องต้น
เรื่องคอมพิวเตอร์เบื้องต้นพัน พัน
 
เรื่องด้านคอมพิวเตอร์
เรื่องด้านคอมพิวเตอร์เรื่องด้านคอมพิวเตอร์
เรื่องด้านคอมพิวเตอร์พัน พัน
 
เรื่องคอมพิวเตอร์
เรื่องคอมพิวเตอร์เรื่องคอมพิวเตอร์
เรื่องคอมพิวเตอร์พัน พัน
 
ปัญหาทรัพยากรป่าไม้
ปัญหาทรัพยากรป่าไม้ปัญหาทรัพยากรป่าไม้
ปัญหาทรัพยากรป่าไม้พัน พัน
 

Mehr von พัน พัน (20)

เรื่องระบบปฏิบัติการ
เรื่องระบบปฏิบัติการเรื่องระบบปฏิบัติการ
เรื่องระบบปฏิบัติการ
 
เรื่องภาษาซี
เรื่องภาษาซีเรื่องภาษาซี
เรื่องภาษาซี
 
ประวัติความเป็นมาของคอมพิวเตอร์
ประวัติความเป็นมาของคอมพิวเตอร์ประวัติความเป็นมาของคอมพิวเตอร์
ประวัติความเป็นมาของคอมพิวเตอร์
 
การเปลี่ยนตัวเลขให้เป็นตัวอักษร
การเปลี่ยนตัวเลขให้เป็นตัวอักษรการเปลี่ยนตัวเลขให้เป็นตัวอักษร
การเปลี่ยนตัวเลขให้เป็นตัวอักษร
 
หลักการทำงาน บทบาทและอุปกรณ์พื้นฐานของคอมพิวเตอร์
หลักการทำงาน บทบาทและอุปกรณ์พื้นฐานของคอมพิวเตอร์หลักการทำงาน บทบาทและอุปกรณ์พื้นฐานของคอมพิวเตอร์
หลักการทำงาน บทบาทและอุปกรณ์พื้นฐานของคอมพิวเตอร์
 
รายงานเทคโนโลยีคอมพิวเตอร์
รายงานเทคโนโลยีคอมพิวเตอร์รายงานเทคโนโลยีคอมพิวเตอร์
รายงานเทคโนโลยีคอมพิวเตอร์
 
การทำงานพื้นฐานของคอมพิวเตอร์
การทำงานพื้นฐานของคอมพิวเตอร์การทำงานพื้นฐานของคอมพิวเตอร์
การทำงานพื้นฐานของคอมพิวเตอร์
 
การทำงานของคอมพิวเตอร์
การทำงานของคอมพิวเตอร์การทำงานของคอมพิวเตอร์
การทำงานของคอมพิวเตอร์
 
ระบบคอมพิวเตอร์และยุคสมัย
ระบบคอมพิวเตอร์และยุคสมัยระบบคอมพิวเตอร์และยุคสมัย
ระบบคอมพิวเตอร์และยุคสมัย
 
เรื่องเทคโนโลยีสารสนเทศ
เรื่องเทคโนโลยีสารสนเทศเรื่องเทคโนโลยีสารสนเทศ
เรื่องเทคโนโลยีสารสนเทศ
 
ประเภทของคอมพิวเตอร์
ประเภทของคอมพิวเตอร์ประเภทของคอมพิวเตอร์
ประเภทของคอมพิวเตอร์
 
เครือข่ายคอมพิวเตอร์เบื้องต้น
เครือข่ายคอมพิวเตอร์เบื้องต้นเครือข่ายคอมพิวเตอร์เบื้องต้น
เครือข่ายคอมพิวเตอร์เบื้องต้น
 
เรื่องคอมพิวเตอร์เบื้องต้น
เรื่องคอมพิวเตอร์เบื้องต้นเรื่องคอมพิวเตอร์เบื้องต้น
เรื่องคอมพิวเตอร์เบื้องต้น
 
เรื่องด้านคอมพิวเตอร์
เรื่องด้านคอมพิวเตอร์เรื่องด้านคอมพิวเตอร์
เรื่องด้านคอมพิวเตอร์
 
เรื่องคอมพิวเตอร์
เรื่องคอมพิวเตอร์เรื่องคอมพิวเตอร์
เรื่องคอมพิวเตอร์
 
โครงงานคอม
โครงงานคอมโครงงานคอม
โครงงานคอม
 
การปริ้น
การปริ้นการปริ้น
การปริ้น
 
Office
OfficeOffice
Office
 
ปัญหาทรัพยากรป่าไม้
ปัญหาทรัพยากรป่าไม้ปัญหาทรัพยากรป่าไม้
ปัญหาทรัพยากรป่าไม้
 
ยาเสพติด
ยาเสพติดยาเสพติด
ยาเสพติด
 

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

  • 1. ผู สอน ครูวณา อุ ดมโภชน์ ้ ี E-mail : weena.swkj@hotmail.co.th
  • 2. ความหมายของกราฟิ ก  หมายถึง ศิลปะแขนงหนึงซืงใช้การสือความหมายด้วย ่ ่ ่ เส้น สัญลักษณ์ รูปวาด ภาพถ่าย กราฟ แผนภูม ิ การ์ ตูน ฯลฯ เพือให้สามารถสือความหมายของข้อมูลได้ถูกต้องตรงตามที่ ่ ่ ผู รบสารต้องการ ้ั
  • 3. ความหมายของคอมพิวเตอร์ กราฟิ ก  หมายถึง การสร้าง การตกแต่งแก้ไข หรือการจัดการเกียวกับรูปภาพ โดยใช้เครืองคอมพิวเตอร์ ใน ่ ่ การจัดการ เช่น การทาตกแต่งภาพทีเ่ รียกว่า Image Retouching ภาพคนแก่ ให้มวยทีเ่ ด็กขึน การใช้ ีั ้ ภาพกราฟิ กในการนาเสนอข้อมูลต่าง ๆ
  • 4. ภาพกราฟิ กแบ่งเป็ น 2 ประเภท คือ ภาพกราฟิ กแบบ 2 มิติ และแบบ 3 มิติ  เป็ นภาพทีพบเห็นโดยทัวไป ได่แก่ ่ ่ ภาพถ่าย รูปวาด สัญลักษณ์ การ์ ตูนต่าง ๆ ในโทรทัศน์ เช่น ชินจัง โดเรม่อน
  • 5. ภาพกราฟิ กแบ่งเป็ น 2 ประเภท คือ ภาพกราฟิ กแบบ 2 มิติ และแบบ 3 มิติ  เป็ นภาพกราฟิ กทีใ่ ช้โปรแกรมสร้าง ภาพ 3 มิต ิ เช่น 3Dmax, Maya ทาให้ได้ภาพทีมสและ ่ีี แสงเงาเหมือนจริง เหมาะสาหรับการออกแบบและสถาปัตยกรรม เช่น การผลิตรถยนต์ และภาพยนตร์ การ์ ตูน 3 มิต ิ
  • 7. คอมพิวเตอร์ ประมวลผลภาพอย่างไร  เป็ นการประมวลผลแบบอาศัยการคานวณทางคณิตศาสตร์ โดยมีสและ ี ตาแหน่งของสีทแน่นอน ฉะนันไม่ว่าเราจะมีการเคลือนทีหรือย่อขยายขนาด ี่ ้ ่ ่ ของภาพ ภาพจะไม่เสียรูปทรงในเชิงเรขาคณิต ตัวอย่างเช่นรูปการ์ตูน ได้แก่โปรแกรม Illustrator และ CorelDraw เป็ นต้น
  • 9. คอมพิวเตอร์ ประมวลผลภาพอย่างไร  เป็ นการประมวลผลแบบอาศัยการอ่านค่าสีในแต่ละพิกเซลมีชอเรียกอีก ื่ อย่างหนึงว่า Raster Image แต่ละพิกเซลมีการเก็บค่าสีทเี่ จาะจง ่ ในแต่ละตาแหน่ง ซึงเหมาะกับภาพทีมลกษณะแบบภาพถ่าย ได้แก่โปรแกรม ่ ่ีั Photoshop และ PhotoPaint เป็ นต้น
  • 11. ความรู้เรืองความละเอียด ่   จุดภาพ หรือ พิกเซล ( pixel) เป็ นหน่วยพืนฐานของภาพ คือจุดภาพบน ้ จอแสดงผล หรือ จุดภาพในรูปภาพทีรวมกันเป็ นภาพขึน โดยภาพหนึงๆ จะประกอบไป ่ ้ ่ ด้วยจุดภาพหรือพิกเซลมากมาย และแต่ละภาพทีสร้างขึนจะมีความหนาแน่นของจุดภาพ หรือบางครังแทนว่าความ ่ ้ ้ ละเอียด (ความคมชัด)ทีแตกต่างกันไป จึงใช้ในการบอกคุณสมบัตของภาพ จอภาพ หรือ ่ ิ อุ ปกรณ์แสดงผลภาพได้ จอภาพทีมจานวนพิกเซลมาก จะมีความละเอียดของภาพมาก โดยมากจะระบุจานวน ่ี พิกเซลแนวนอน x แนวตัง เช่น 1366 x 768 พิกเซล ้ คาว่า "พิกเซล" ( pixel) มาจากคาว่า "พิกเจอร์" ( picture) ที่ แปลว่า รูปภาพ และ "เอเลเมนต์" ( element) ทีแปลว่า องค์ประกอบ ่
  • 12. ความรู้เรืองความละเอียด ่  คานีสามารถใช้ได้กบสถานการณ์ทแตกต่างกัน เช่น ความละเอียดของ ้ ั ี่ การแสดงผลของเครืองพิมพ์ หรือความละเอียดในการแสดงผลของจอภาพ ่ ดังนันความละเอียดในการแสดงผลจึงหมายถึง ้
  • 13. ความรู้เรืองความละเอียด ่  จานวนจุดภาพทีใ่ ช้ประกอบกันเป็ นภาพหรือความละเอียดจากการสแกนภาพ การ แสดงภาพได้ละเอียดมากเท่าใดนันขึนอยู่กบประเภทของจอภาพ VGA จะแสดงภาพได้ ้ ้ ั ละเอียดน้อยกว่า SVGAความละเอียดของภาพสามารถบอกเป็ นตัวเลขสองจานวน เช่น ความ ละเอียดของภาพขนาด1024x768 ซึงเมือคานวณออกมาแล้วก็คอจานวนจุดที่ ่ ่ ื จอภาพสามารถสร้างออกมาได้ ในกรณีนเ้ ี ลขจานวนแรกคือจานวนจุดในแนวนอนซึงเท่ากับ 1024 จุด ตัวเลข ่ จานวนทีสองคือจานวนจุดในแนวตัง ซึงเท่ากับ 768 จุด ่ ้ ่
  • 14. ความรู้เรืองความละเอียด ่  หมายถึง หน่วยของจานวนจุดทีมากทีสุดทีจอคอมพิวเตอร์สามารถผลิต ่ ่ ่ ได้ โดยความละเอียดในการแสดงผลของจอ จะขึนกับวีดโี อการ์ด ทีเ่ รียกว่า ้ การ์ดจอ ซึงจะมีความสามารถในการแสดงผล ่ หลากหลาย เช่น แสดงผลทีความละเอียด 800 x 600 พิกเซล ่ หมายถึง จานวนพิกเซลในแนวนอน เท่ากับ 800 และจานวนพิกเซลในแนวตัง ้ เท่ากับ 600
  • 15. ความรู้เรืองความละเอียด ่  คือ จานวนจุดเลเซอร์ทเี่ ครืองพิมพ์สามารถผลิตได้ต่อนิว เช่น ถ้า ่ ้ เครืองพิมพ์แบบเลเซอร์มความละเอียด 300 จุดต่อนิว ( dots per ่ ี ้ inch – dpi ) นันคือ เครืองพิมพ์สามารถพิมพ์ได้ 300 จุดทุกๆ ่ ่ 1 นิว ้
  • 16. ระบบสี สีที่ใช้ ในงานด้ านกราฟิ กทั่วไป มี 4 ระบบ คือ 1. RGB 2. CMYK 3. HSB 4. LAB
  • 17. ระบบสี  1. RGB เป็ นระบบสีท่ีประกอบด้วยแม่สี 3 สี คือ แดง ( Red), เขียว ( Green) และน้าเงิน ( Blue) เมือนามาผสมผสานกันทาให้ ่ เกิดสีต่าง ๆ บนจอคอมพิวเตอร์มากถึง 16.7 ล้านสี ซึ่งใกล้เคียงกับสีท่ีตาเรามองเห็นปกติ สีท่ีได้จากการผสมสี ่ ขึ้นอยู่กับความเข้มของสี โดยถ้าสีมความเข้มมาก เมือนามาผสม ี กันจะทาให้เกิดเป็ นสีขาว จึงเรียกระบบสีน้ ว่าแบบ Additive ี หรือการผสมสีแบบบวก
  • 18. ระบบสี  2. CMYK เป็ นระบบสีทใี่ ช้กบเครืองพิมพ์ทพมพ์ออกทางกระดาษหรือวัสดุผวเรียบอืน ๆ ั ่ ี่ ิ ิ ่ ซึงประกอบด้วย สีหลัก 4 สี คือ สีฟา (Cyan), สีม่วงแดง (Magenta), สี ่ ้ เหลือง (Yellow) และสีดา (Black) เมือนามาผสมกันจะเกิดสีเป็ นสีดา แต่จะไม่ดาสนิท เนืองจากหมึกพิมพ์มความไม่บริสุทธิ์ ่ ่ ี จึงเป็ นการผสมสีแบบลบ (Subtractive) หลักการเกิดสีของระบบนี้ คือ หมึกสีหนึง ่ จะดูด กลืนแสงจากสีหนึงแล้วสะท้อนกลับออกมาเป็ นสีต่าง ๆ เช่น สีฟาดูดกลืนแสงของสีม่วง ่ ้ แล้วสะท้อนออกมาเป็ นสีน้าเงิน ซึงจะสังเกตได้ว่าสีทสะท้อนออกมาจะเป็ นสีหลัก ่ ี่ ของระบบ RGB การเกิดสีในระบบนีจงตรงข้ามกับการเกิดสีในระบบ RGB ดัง ้ึ ภาพ
  • 19. ระบบสี  3. HSB เป็ นระบบสีแบบการมองเห็นของสายตามนุษย์ ซึงแบ่งออกเป็ น 3 ส่วน คือ ่ Hue คือ สีต่าง ๆ ทีสะท้อนออกมาจากวัตถุแล้วเข้าสู่สายตาของเรา ซึงมักจะเรียกสี ่ ่ ตามชือสี เช่น สีเขียว ่ สีเหลือง สีแดง เป็ นต้น Saturation คือ ความสดของสี โดยค่าความสด ของสีจะเริมที่ 0 ถึง 100 ถ้ากาหนด Saturation ที่ 0 สีจะมีความสดน้อย ่ แต่ถากาหนดที่ 100 สีจะมีความสดมาก ้ Brightness คือ ระดับความสว่างของสี โดยค่าความสว่างของสีจะเริมที่ ่ 0 ถึง 100 ถ้ากาหนดที่ 0 ความสว่างจะน้อยซึงจะเป็ นสีดา แต่ถากาหนดที่ 100 สี ่ ้ จะมีความสว่างมากทีสุด ่
  • 20. ระบบสี  4. LAB เป็ นระบบสีทไี่ ม่ขนกับอุ ปกรณ์ใด ๆ (Device Independent) ้ึ โดยแบ่งออกเป็ น 3 ส่วน คือ "L" หรือ Luminance เป็ นการกาหนดความสว่าง ซึงมีค่าตังแต่ ่ ้ 0 ถึง 100 ถ้ากาหนดที่ 0 จะกลายเป็ นสีดา แต่ถากาหนดที่ 100 จะเป็ นสี ้ ขาว "A" เป็ นค่าของสีทไี่ ล่จากสีเขียวไปสีแดง "B" เป็ นค่าของสีทไี่ ล่จากสีน้าเงินไปเหลือง