โปรแกรมกราฟิก

เด็�กหญิ�งก��งแก�ว มานะ เลขที่�� 28เด็�กหญิ�งพรรณชนก เร�อง เลขที่�� 41

ช !นม ธยมศึ%กษาป'ที่�� 1/2โรงเร�ยนพ(ที่ธช�นราชพ�ที่ยา พ�ษณ(โลก ภาคเร�ยนที่�� 1 ป'การศึ%กษา 2556

ความหมายของคอมพ�วเตอร,กราฟิก คอมพ�วเตอร,กราฟิก หมายถึ%ง การสร�าง การ

ตกแต/งแก�ไข หร�อการจั ด็การเก��ยวก บร3ปภาพ โด็ยใช�เคร��องคอมพ�วเตอร,ในการจั ด็การ ยกต วอย/างเช/น การที่5า  Image Retouching ภาพคนแก/ให�ม�ว ยที่��เด็�กข%!น การสร�างภาพตามจั�นตนาการและการใช�ภาพกราฟิกในการน5าเสนอข�อม3ลต/าง ๆ เพ��อให�สามารถึส��อความหมายได็�ตรงตามที่��ผู้3�ส��อสารต�องการและน/าสนใจัย��งข%!นด็�วยกราฟิ แผู้นภ3ม� แผู้นภาพ เป9นต�น

ประเภทของคอมพิ�วเตอร�กราฟิ�กภาพกราฟิก แบ/งเป9น 2 ประเภที่ ค�อ ภาพกราฟิกแบบ 2 ม�ต� และแบบ

3 ม�ต�                ภาพกราฟิกแบบ  2 ม�ต� เป9นภาพที่��พบเห�นโด็ยที่ �วไป เช/น

ภาพถึ/าย  ร3ปวาด็  ภาพลายเส�น  ส ญิล กษณ,  กราฟิ  รวมถึ%งการ,ต3นต/าง ๆ ในโที่รที่ ศึน,  ยกต วอย/างเช/น  การ,ต3นเร��องพ�ภพยมราช ช�นจั ง  และโด็เรมอน  เป9นต�น ซึ่%�งการ,ต3นจัะเป9นภาพกราฟิกเคล��อนไหว (Animation) โด็ยจัะม�กระบวนการสร�างที่��ซึ่ บซึ่�อนกว/าภาพวาด็ปกต�

                ภาพกราฟิกแบบ 3 ม�ต�  เป9นภาพกราฟิกที่��ใช�โปรแกรมสร�างภาพ 3 ม�ต�โด็ยเฉพาะ เช/น โปรแกรม 3 Ds max โปรแกรม  Maya เป9นต�น ซึ่%�งจัะที่5าให�ได็�ภาพม�ส�และแสงเงาเหม�อนจัร�ง เหมาะก บงานด็�านสถึาป<ตย,และการออกแบบต/าง ๆ  รวมถึ%งการสร�างเป9นภาพยนตร,การ,ต3นหร�อโฆษณาส�นค�าต/าง ๆ เช/น การ,ต3น เร��อง  Nemo The Bug และป<งปอนด็,แอน�เมช น เป9นต�น

หล กการที่5างานและการแสด็งผู้ลของภาพคอมพ�วเตอร,กราฟิก

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

หล กการของกราฟิกแบบ  RASTER หล กการของภาพกราฟิกแบบ Raster หร�อแบบ  Bitmap เป9นภาพ

กราฟิกที่��เก�ด็จัากการเร�ยงต วก นของจั(ด็ส��เหล��ยมเล�ก ๆ  หลากหลายส� ซึ่%�งเร�ยกจั(ด็ส�เหล��ยมเล�ก ๆ น�!ว/าพ�กเซึ่ล (Pixel) ในการสร�างภาพกราฟิกแบบ Raster  จัะต�องก5าหนด็จั5านวนของพ�กเซึ่ลให�ก บภาพที่��ต�องการสร�าง ถึ�าก5าหนด็จั5านวนพ�กเซึ่ลน�อย เม��อขยายภาพให�ม�ขนาด็ใหญิ/ข%!นจัะที่5าให�แฟิ>มภาพม�ขนาด็ใหญิ/ ด็ งน !นการก5าหนด็พ�กเซึ่ลจั%งควรก5าหนด็ให�เหมาะก บงานที่��สร�างค�อ ถึ�าต�องการใช�งานที่ �ว ๆ ไปจัะก5าหนด็จั5านวนพ�กเซึ่ลประมาณ 100-150 ppi (Pixel/inch)  “จั5านวนพ�กเซึ่ลต/อ 1 ตารางน�!ว   ถึ�าเป9นงานที่��ต�องการความละเอ�ยด็น�อยและ”แฟิ>มภาพม�ขนาด็เล�ก เช/น ภาพส5าหร บใช�ก บเว�บไซึ่ต,จัะก5าหนด็จั5านวนพ�กเซึ่ลประมาณ 72 ppi  และถึ�าเป9นแบบงานพ�มพ, เช/น น�ตยสาร  โปสเตอร,ขนาด็ใหญิ/  จัะก5าหนด็จั5านวนพ�กเซึ่ลประมาณ  300-350 เป9นต�น  ข�อด็�ของภาพกราฟิกแบบ Raster  ค�อ สามารถึแก�ไขปร บแต/งส� ตกแต/งภาพได็�ง/ายและสวยงาม ซึ่%�งโปรแกรมที่��น�ยมใช�สร�างภาพกราฟิกแบบRaster ค�อ  Adobe  PhotoShop, Adobe PhotoShopCS, Paint  เป9นต�น

หล กการของกราฟิกแบบ  VECTORหล กการของกราฟิกแบบ Vector เป9นภาพกราฟิกที่��เก�ด็จัากการอ�างอ�งความส มพ นธ,ที่างคณ�ตศึาสตร, หร�อการค5านวณ ซึ่%�งภาพจัะม�ความเป9นอ�สระต/อก น โด็ยแยกช�!นส/วนของภาพที่ !งหมด็ออกเป9นเส�นตรง เส�นโค�ง  ร3ปที่รง  เม��อม�การขยายภาพความละเอ�ยด็ของภาพไม/ลด็ลง  แฟิ>มม�ขนาด็เล�กกว/าแบบ Raster  ภาพกราฟิกแบบ Vector  น�ยมใช�เพ��องานสถึาป<ยต,ตกแต/งภายในและการออกแบบต/าง ๆ เช/น การออกแบบอาคาร  การออกแบบรถึยนต,  การสร�างโลโก  การสร�างการ,ต3น เป9นต�น ซึ่%�งโปรแกรมที่��น�ยมใช�สร�างภาพแบบ Vector ค�อ โปรแกรม  Illustrator, CoreDraw, AutoCAD, 3Ds max เป9นต�น  แต/อ(ปกรณ,ที่��ใช�แสด็งผู้ลภาพ เช/น จัอคอมพ�วเตอร,จัะเป9นการแสด็งผู้ลภาพเป9นแบบ  Raster

หล กการใช�ส�และแสงในคอมพ�วเตอร,ส�ที่��ใช�งานด็�านกราฟิกที่ �วไปม� 4 ระบบ ค�อ

     1. RGB    2. CMYK    3. HSB                4. LAB

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

CMYKเป9นระบบส�ที่��ใช�ก บเคร��องพ�มพ,ที่��พ�มพ,ออกที่างกระด็าษหร�อว สด็(ผู้�วเร�ยบอ��น ๆ ซึ่%�งประกอบด็�วยส�หล ก 4 ส�ค�อ ส�ฟิ>า (Cyan), ส�ม/วงแด็ง (Magenta), ส�เหล�อง (Yellow) และส�ด็5า (Black) เม��อน5ามาผู้สมก นจัะกเก�ด็ส�เป9นส�ด็5าแต/จัะไม/ด็5าสน�ที่เน��องจัากหม%กพ�มพ,ม�ความไม/บร�ส(ที่ธ�?  จั%งเป9นการผู้สมส�แบบลบ (Subtractive) หล กการเก�ด็ส�ของระบบน�!ค�อ หม%กส�หน%�งจัะด็3ด็กล�นแสงจัากส�หน%�งแล�วสะที่�อนกล บออกมาเป9นส�ต/าง ๆ เช/น ส�ฟิ>าด็3ด็กล�นแสงของส�ม/วงแล�วสะที่�อนออกมาเป9นส�น5!าเง�น ซึ่%�งจัะส งเกตได็�ว/าส�ที่��สะที่�อนออกมาจัะเป9นส�หล กของระบบ RGB  การเก�ด็ส�ในระบบน�!จั%งตรงข�ามก บการเก�ด็ส�ในระบบ  RGB ด็ งภาพ

HSBเป9นระบบส�แบบการมองเห�นของสายตามมน(ษย, ซึ่%�งแบ/งออกเป9น 3 ส/วน ค�อ               Hue  ค�อส�ต/าง ๆ ที่��สะที่�อนออกมาจัากว ตถึ(แล�วเข�าส3/สายตาของเรา  ซึ่%�งม กเร�ยกส�ตามช��อส� เช/น ส�เข�ยว  ส�เหล�อง  ส�แด็ง เป9นต�น               Saturation  ค�อความสด็ของส�  โด็ยค/าความสด็ของส�จัะเร��มที่�� 0 ถึ%ง 100 ถึ�าก5าหนด็Saturation  ที่�� 0  ส�จัะม�ความสด็น�อย แต/ถึ�าก5าหนด็ที่��  100 ส�จัะม�ความสด็มาก               Brightness  ค�อระด็ บความสว/างของส� โด็ยค/าความสว/างของส�จัะเร��มที่�� 0 ถึ%ง 100 ถึ�าก5าหนด็ที่��  0 ความสว/างจัะน�อยซึ่%�งจัะเป9นส�ด็5า  แต/ถึ�าก5าหนด็ที่��  100 ส�จัะม�ความสว/างมากที่��ส(ด็

LABเป9นระบบส�ที่��ไม/ข%!นก บอ(ปกรณ,ใด็ ๆ (Device Independent) โด็ยแบ/งออกเป9น 3 ส/วน ค�อ

               “L”  หร�อ  Luminance  เป9นการก5าหนด็ความสว/างซึ่%�งม�ค/าต !งแต/ 0 ถึ%ง 100  ถึ�าก5าหนด็ที่�� 0  จัะกลายเป9นส�ด็5า  แต/ถึ�าก5าหนด็ที่��  100 จัะเป9นส�ขาว                “A”  เป9นค/าของส�ที่��ไล/จัากส�เข�ยวไปส�แด็ง                “B”  เป9นค/าของส�ที่��ไล/จัากส�น5!าเง�นไปเหล�อง

คอมพ�วเตอร,กราฟิกก บการประย(กต,ใช�ในงานด็�านต/าง ๆ

ในย(คป<จัจั(บ นม�การพ ฒนาที่างด็�านเที่คโนโลย�อย/างไม/หย(ด็ย !ง  ที่5าให�การส��อสารม�ส�ส นและช�ว�ตช�วามากข%!น  โด็ยการใช�ภาพกราฟิกมาประย(กต,ร/วมก บงานด็�านต/าง ๆ เพ��อให�งานด็3สวยงามและด็%งด็3ด็ใจัให�น/าใช�งานมากย��งข%!น ซึ่%�งแบ/งงานด็�านภาพกราฟิกออกได็�ด็ งน�!                1.คอมพ�วเตอร,กราฟิกก บงานด็�านการออกแบบ  คอมพ�วเตอร,ได็�เข�ามาม�บที่บาที่ก บงานด็�านการออกแบบในสาขาต/าง ๆ  เป9นจั5านวนมาก  เช/น งานด็�านสถึาป<ตย,ออกแบบภายในบ�าน  การออกแบบรถึยนต,  การออกแบบเคร��องจั กรกล  รวมถึ%งการออกแบบวงจัรไฟิฟิ>าอ�เล�กที่รอน�กส,  ซึ่%�งโปรแกรมที่��ใช�จัะเป9นโปรแกรม  3 ม�ต�  เพราะสามารถึก5าหนด็ส�และแสงเงาได็�เหม�อนจัร�งที่��ส(ด็ อ�กที่ !งสามารถึด็3ม(มมองด็�านต/าง ๆ  ได็�ที่(กม(มมอง                2.คอมพ�วเตอร,กราฟิกก บงานด็�านโฆษณา  ป<จัจั(บ นการโฆษณาส�นค�าที่างโที่รที่ ศึน,ได็�น5าภาพกราฟิกเข�ามาช/วยในการโฆษณาส�นค�าเพ��อเพ��มความน/าสนใจัมากข%!น  เช/น การที่5าห�มะตกที่��กร(งเที่พฯ การน5าการ,ต3นมาประกอบการโฆษณาขนมเด็�ก เป9นต�น  และการโฆษณาส�นค�าด็�วยภาพกราฟิกย งม�อย3/ที่(กที่��รอบต วเราไม/ว/าจัะเป9นตามป>ายรถึเมล,  ข�างรถึโด็ยสาร  หน�าร�านค�าตามแหล/งช(มชนต/าง ๆ เป9นต�น

  3. คอมพ�วเตอร,กราฟิกก บงานด็�านการน5าเสนอ  การน5าเสนอข�อม3ลต/าง ๆ เป9นการส��อความหมายให�ผู้3�ร บสารเข�าใจัในส��งที่��ผู้3�ส��อต�องการ และการส��อสารที่��ด็�จั5าเป9นอย/างย��งที่��จัะต�องใช�ภาพเข�ามาช/วยเพ��อเพ��มความเข�าใจัให�ก บผู้3�ร บสาร เช/น การสร(ปยอด็ขายส�นค�าในแต/ละป'ด็�วยกราฟิ หร�อการอธ�บายระบบการที่5างานของบร�ษ ที่ด็�วยแผู้นภ3ม�  เป9นต�น

       4. คอมพ�วเตอร,กราฟิกก บงานด็�านเว�บเพจั ธ(รก�จัร บสร�างเว�บเพจัให�ก บบร�ษ ที่หร�อหน/วยงานต/าง ๆ ได็�น5าคอมพ�วเตอร,กราฟิกเข�ามาช/วยในการสร�างเว�บเพจัเพ��อให�เว�บเพจัที่��สร�างม�ความสวยงามน/าใช�งานย��งข%!น

        5. คอมพ�วเตอร,กราฟิกก บงานด็�าน  Image  Retouching  ป<จัจั(บ นธ(รก�จัคอมพ�วเตอร,กราฟิกที่��ใช�ในการ  Retouching ภาพ ได็�เปด็ต วข%!นเป9นจั5านวนมาก เพราะสามารถึตอบสนองความต�องการของคนในการที่5าภาพตามจั�นตนาการได็�เป9นอย/างด็�  เช/น การที่5าภาพผู้�วกายให�ขาวเน�ยนเหม�อนด็ารา การที่5าภาพเก/าให�เป9นภาพใหม/  การที่5าภาพขาวด็5าเป9นภาพส�  และการที่5าภาพคนแก/ให�ด็3หน(/มหร�อสาวข%!น เป9นต�น

  ภาพิกราฟิ�กแบบ Raster ท��ขยายใหญ่�ข !น

  ภาพิกราฟิ�กแบบ Vector ท��ขยายใหญ่�ข !น

ประเภที่ของโปรแกรมคอมพ�วเตอร,กราฟิก

1. Photo Retouching      โปรแกรมที่��เหมาะส5าหร บการแก�ไข ตกแต/งภาพ และ ที่5าเอฟิเฟิกต,ให�ก บภาพที่��ได็�สร�างข%!นมาแล�ว ซึ่%�งอาจัจัะ มาจัากภาพถึ/ายจัร�ง ได็�แก/ Adobe PhotoShop, Corel Photopaint, PaintShop

2. Graphic Illustrator         โปรแกรมส5าหร บการออกแบบงานกราฟิก หร�องาน Lay out ซึ่%�งเป9นงานสองม�ต� ม�การเข�ยนร3ปในล กษณะการเน�น เส�นเน�นร3ปที่รงเรขาคณ�ต ซึ่%�งไม/ใช/ร3ปถึ/าย ได็�แก/ Adobe       Illustrator,   CorelDraw

3. Computer Aided Design            โปรแกรมส5าหร บการเข�ยนภาพที่��แสด็งออกถึ%งม�ต� ขนาด็ ที่�� ให�ความช ด็เจันของว ตถึ(ที่��ต�องการสร�างข%!นมา ได็�แก/ Auto CAD, Prodesign

4. 3D Photo Realistic          โปรแกรมที่��สามารถึสร�างภาพสามม�ต� ที่��ม�มวลและปร�มาตร และม�ค(ณสมบ ต�ของพ�!นผู้�ว จันเก�ด็ความสมจัร�งของแสง และเงา ได็�แก/ 3D studio MAX, Auto CAD 3D

5. Presentation           โปรแกรมกราฟิก ส5าหร บช/วยในการน5าเสนองาน ใน ล กษณะเป9นสไลค,ประกอบค5าบรรยาย ม�การสร�างภาพ กราฟิฟิกที่��ด็3แล�วเข�าใจัง/ายข%!น เช/น กราฟิชน�ด็ต/าง ๆ หร�อการสร�าง    แผู้นผู้ งการจั ด็องค,กรโปรแกรมประเภที่น�! ส/วนมากใช�ในงานธ(รก�จั6. Animation          เป9นโปรแกรมสร�างภาพเคล��อนไหวตามล5าด็ บ โปรแกรมจัะ แสด็งภาพเป9นล5าด็ บให�แลด็3เหม�อนภาพเคล��อนไหว โด็ย อาจัม�เที่คน�คต/างๆ ประกอบการแสด็งภาพเช/น การซึ่�อนภาพ ,      เล��อนภาพ, การเล��อนภาพให�หายไปได็� และ การ แปลงภาพ รวมถึ%งม�ล กษณะการโต�ตอบก บผู้3�ใช�ด็�วย

จับการน5าเสนอ

ขอบค(ณค/ะ