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

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

คอมพิวเตอร์ก ร์ ราฟิก กราฟิก หมายถึง ศิลปะแขนงหนึ่งซึ่งใช้สื่อความหมายด้วยเส้น สัญลักษณ์ รูปวาด ภาพถ่าย กราฟ แผนภูมิ การ์ตูน ฯลฯ เพื่อให้สามารถสื่อความหมายข้อมูลได้ถูก ต้องตรงตามที่ผู้สื่อสารต้องการ 1. ภาพบิตแมพ (Bitmap) 2. ภาพเวกเตอร์ (Vector) 3. คลิปอาร์ต (Clipart) 4. HyperPicture 1. กราฟิกแบบ 2 มิติ 2. กราฟิกแบบ 3 มิติ ภาพกราฟิกมี 2 ประเภทคือ คอมพิวเตอร์กราฟฟิก หมายถึง การสร้าง การตกแต่งแก้ไข หรือการจัดการเกี่ยวกับรูปภาพ โดยใช้เครื่องคอมพิวเตอร์ใน การจัดการ ยกตัวอย่างเช่น การทำ Image Retouching ภาพ คนแก่ให้มีวัยที่เด็กขึ้น การสร้างภาพตามจินตนาการ และการ ใช้ภาพกราฟิกในการนำ เสนอข้อมูลต่างๆ เพื่อให้สามารถสื่อ ความหมายได้ตรงตามที่ผู้สื่อสาร ต้องการและน่าสนใจยิ่งขึ้น ด้วยกราฟ แผนภูมิ แผนภาพ เป็นต้น กราฟิก ประกอบด้วย เทคโนโลยีได้วิวัฒนาการไปค่อนข้างรวดเร็ว มีการกระจายของข้อมูลไปอย่าง รวดเร็ว โดยอาจเป็นการกระจายข้อมูล จาก ที่หนึ่งไปยังอีกที่หนึ่ง การที่จะให้คน หนึ่งเข้าใจความหมายของคนอีกคนหนึ่งนั้นเป็นเรื่องที่ไม่สามารถทำ ได้ง่ายนักเนื่อง มาจากความแตกต่างกันทั้งทางด้านขนบธรรมเนียม ประเพณีวัฒนธรรม สภาพ ภูมิประเทศ สภาพดินฟ้าอากาศความเชื่อของแต่ละท้องถิ่น ดังนั้นการใช้งานกราฟิก ที่ดีที่สามารถสื่อความหมายได้ชัดเจนถูกต้อง จะช่วยให้มนุษย์สามารถสื่อสารกันได้ เข้าใจกันได้ เกินจินตนาการร่วมกัน อีกทั้งยังเกิดทัศนคติที่ดีต่อกันด้วย หรือถึงขั้น คล้อยตามให้ปฏิบัติตาม ประโยชน์ของงานกราฟิกกับ กั สังคมปัจจุบั จุ น บั

กาติดตั้ง 1. คลิกเมนู File > Open จะปรากฏวินโดว์ Open ขึ้นมา 2. เลือก Drive หรือโฟลเดอร์ที่เก็บรูปภาพไว้ 3. ลิกเลือกไฟล์รูปภาพ 4. คลิกปุ่ม Open เพื่อเปิดไฟล์ภาพ การติดตั้งและการใช้งานโปรแกรม เป็นโปรแกรมสร้างสรรค์ภาพ และตกแต่งภาพ กราฟิกที่ได้รับความนิยมเป็นอย่างมาก เพราะมี เครื่องมือที่พร้อมต่อการทำ งาน ทำ ให้นักกราฟิก ส่วนใหญ่ต่างก็ใช้ Photoshop ในการตกแต่งภาพ กราฟิก ความสามารถพื้นฐานของ Adobe Photoshop ที่ควรทราบ ตกแต่งหรือแก้ไขรูปภาพ ตัดต่อภาพบางส่วน หรือที่เรียกว่า crop ภาพ การเริ่มต้นใช้งานโปรแกรม ขั้นตอนการสร้างชิ้นงานใหม่ >> File ที่แถบ Menu bar จากนั้นเลือกคำ สั่ง New >> ตั้งชื่อชิ้นงาน >> กดปุ่ม OK การดาวน์โหลด ไปที่เว็บไซต์ https://fixthephoto.com/th โหลดโปรแกรม-photoshop-cs6-ภาษา ไทย.html https://www.youtube.com/watch? v=EQW2TaDjnXA แหล่งข้อมูลอื่น ๆ ที่สนใจ

สีที่สี ที่เกิดการผสมสีทุสีกทุสี ในวงจรสี หรือรืแม่สีม่ สี3สี ผสมกัน จะได้สีเสีทาแก่ สีทั้สี ทั้งทั้ 3ขั้นขั้เมื่อมื่นำ มาจัดจัอยู่เยู่ ป็นวงจรจะได้ลักษณะเป็นวงล้อสี วงจรสี ( COLOUR WHEEL ) สีที่สี ที่ เกิดจากการผสมกันเป็นคู่ เริ่มริ่ตั้งตั้แต่ แม่สีม่ สี3 สี แล้วเกิดเป็นป็สีใสีหม่ขึ้ม่ ขึ้นขึ้มา จนครบวงจร จะได้สีด้ สี ทั้งทั้หมด 12 สี ซึ่งซึ่แบ่งบ่สีเสีป็น 3 ขั้นขั้ Printed copies of your selfies แม่สีม่วัสีตวัถุธถุาตุ เป็นสีที่สี ที่ได้มด้าจากธรรมชาติ และจากการ สังสัเคราะห์โห์ดยกระบวนทางเคมี มี 3 สี คือ สีแสีดง สี เหลือง และสีน้ำสีน้ำเงิน แม่สีม่วัสีตวัถุธถุาตุเตุป็นแม่สีม่ที่สี ที่ นำ มาใช้ งานกันอย่าย่งกว้าว้งขวาง ในวงการศิลปะ วงการ อุตสาหกรรม ฯลฯ แม่สีม่วัสีตวัถุธถุาตุ เมื่อมื่นำ มาผสมกันตาม หลักเกณฑ์ จะทำ ให้เห้กิด วงจรสี ซึ่งซึ่เป็นวงสีธสีรรมชาติ เกิดจากการผสมกันของแม่สีม่วัสีตวัถุธถุาตุ เป็นป็สีหสีลักที่ใช้ งานกันทั่วทั่ ไป แม่สีม่ขสีองแสง เกิดจากการหักหัเหของแสงผ่าผ่น แท่งแก้วปริซึริมซึมี 3 สี คือ สีแสีดง สีเสีหลือง และสีน้ำสีน้ำเงิน อยู่ใยู่นรูปรูของแสงรังรัสี ซึ่งซึ่ เป็นพลังงานชนิดนิเดียดีวที่มีสีมี สี คุณคุสมบัติบั ติของแสงสามารถนำ มาใช้ ในการถ่าย ภาพ ภาพโทรทัศน์ การจัดจัแสงสี ในการแสดงต่าง ๆ เป็นต้น (ดูเดูรื่อรื่ง แสงสี ) ทฤษฎีสี (THEORY OF COLOR)

การใช้สีช้ต่สี ต่างวรรณะ หลักการทั่วทั่ ไป ใช้อัช้ อัตราส่วส่น 80% ต่อ 20% ของวรรณะสี คือ ถ้าใช้สีช้วสีรรณธร้อร้น 80% สีวสีรรณะเย็นย็ก็ 20% ซึ่งซึ่การใช้แช้บบนี้ส นี้ ร้าร้ง จุดสนใจของผู้ดูผู้ ดูไม่คม่วรใช้อัช้ อัตราส่วส่นที่เท่ากัน เพราะจะทำ ให้ไห้ม่มีม่สีมี ใสีดเด่นด่ ไม่น่ม่าน่สนใจ การใช้สีช้ตสีรงกันข้าข้ม สีตสีรงข้าข้มจะทำ ให้คห้วามรู้สึรู้กสึที่ตัดกันรุนรุแรง สร้าร้งความเด่นด่และเร้าร้ใจได้มด้ากแต่ หากใช้ไช้ม่ถูม่กถูหลัก หรือรื ไม่เม่หมาะสม หรือรืใช้จำช้จำนวนสีมสีากสีจสีนเกินไป ก็จะทำ ให้คห้วามรุ้สึรุ้กสึพร่าร่มัวมัลายตา ขัดขัแย้งย้ควรใชสีชตสีรงข้าข้ม ในอัตราส่วส่น 80% ต่อ20% หรือรืหากมีพื้มีพื้นพื้ที่เท่ากันที่จำ เป็นป็ต้องใช้ ควรนำ สี ขาว หรือรืสีดำสีดำ เข้าข้มาเสริมริเพื่อพื่ตัดเส้นส้ ให้แห้ยกออก จาก กันหรือรือีกวิธีวิหธีนึ่งนึ่คือการลดความสดของสีตสีรง ข้าข้มให้หห้ม่นม่ลงไป จะไม่ใม่ช้วช้รรณะใดวรรณะหนึ่งนึ่โดดเดี่ย ดี่ ว โดยจะทำ ให้แห้ลดูแดูล้ว เกิดความรู้สึรู้กสึกลมกลืนไปหมด หลักองค์ประกอบนั้นนั้ ได้รด้ะบุ ถึงเกณฑ์หนึ่งนึ่ที่จะต้องมีใมีนภาพ คือ “จุดสนใจ” ถ้าทั้งทั้ภาพดู กลมกลืนไปหมด ก็อาจนับนั ได้ว่ด้าว่ ไม่มีม่อมีะไรเป็นป็จุดสนใจดังดันั้นนั้ การใช้สีช้แสีบบวรรณะนี้มั นี้ กมัจะนำ สีอีสี อีกวรรณะหนึ่งนึ่มาประกอบเพื่อพื่ ให้เห้กิดความขัดขัแย้งย้กัน สีร้สีอร้นเมื่อมื่มีสีมีเสีย็นย็เข้าข้มาประกอบย่อย่ม เกิดความรู้สึรู้กสึขัดขัแย้งย้หรือรืตัดกัน การใช้สีช้แสีบบประกอบรวมของสีต่สี ต่างวรรณะ จึงจึกำ หนดไว้ใว้น อัตราที่ก่อให้เห้กิดความตัดกันมาก หรือรืน้อน้ย เพื่อพื่เป็นป็แนวทาง การนำ ไปใช้ ดังดันั้นนั้ - การใช้สีช้ต่สี ต่างวรรณะ ในอัตรา 50/50 - การใช้สีช้ต่สี ต่างวรรณะ ในอัตรา 60/40 - การใช้สีช้ต่สี ต่างวรรณะ ในอัตรา 80/20 การใช้สีช้ ปสีระกอบแบบรวมวรรณะ (Tone) หลักการใช้สี งานออกแบบ หรือการจัดภาพ หากเรารู้จักใช้สีให้มีสภาพโดยรวมเป็นวรรณะร้อน หรือ วรรณะเย็น เราจะ สามารถควบคุม และสร้างสรรค์ภาพให้เกิดความประสานกลมกลืน งดงามได้ง่ายขึ้นขึ้ เพราะสีมีอิทธิพลต่อ มวลปริมาตร และช่องว่าง สีมีคุณสมบัติที่ทำ ให้เกิดความกลมกลืน หรือ ขัดแย้งกันได้ สีสามารถขับเน้นน้ ให้เกิดจุเด่น และการรวมกันให้เกิดเป็นหน่วยเดียวกันได้

1. BITMAP โหมดสีที่สี ที่ มีกมีารเก็บข้อข้มูลสีเสีพียพีง 1 BIT ต่อ PIXEL ซึ่งซึ่จะทำ ให้รูห้ ปรูในโหมดนี้มี นี้ เมีพียพีง สีขสีาว หรือรืดำ เท่านั้นนั้และไม่สม่ามารถไล่เฉดสีไสีด้ ทำ ให้ภห้าพหยาบมากและไม่สม่ามารถตกแต่งใด ๆ ได้ ข้อข้ดีขดีองโหมดภาพแบบนี้คื นี้ คือ ภาพที่ได้จด้ากโหมดนี จะมีขมีนาดที่เล็กมาก สามารถใช้สช้ร้าร้ง ภาพลายเส้นส้หรือรืโลโกที่ไม่ต้ม่ ต้องการสีสัสีนสั ได้ 2. GRAYSCALE โหมดสำ หรับรัภาพขาวดำ สามารถไล่เฉดสีไสีด้ทำด้ ทำ ให้ ภาพมีคมีวามคมชัดชักว่าว่ โหมด BITMAP มาก สามารถใช้กัช้ กับเครื่อรื่งมือมื ใน PHOTOSHOP ได้แด้ทบทุกทุตัว 3. DUOTONE โหมดสีที่สี ที่ สามารถปรับรัความคมชัดชัและเฉดสีขสีองภาพ แบบ GRAYSCALE ให้มีห้คมีวาม หลากหลายมากขึ้นขึ้สามารถใช้สีช้อื่สีอื่น ๆ เข้าข้มาเสริมริ ในสีดำสีดำ ทำ ให้ภห้าพมีคมีวามน่าน่สนใจมากขึ้นขึ้ 4. INDEXED COLOR โหมดสีที่สี ที่ จำ กัดไว้เว้พียพีง 256 สี โดย PHOTOSHOP จะ ปรับรัสีใสีห้ให้กล้เคียงกับสีที่สี ที่ กำ หนด ไว้ทั้ว้ ทั้งทั้ 256 สีที่สี ที่ ถูกถูกำ หนดไว้แว้ล้ว ซึ่งซึ่จะทำ ให้ขห้นาดของภาพไม่ใม่หญ่มญ่าก และยังยัคง คุณคุสมบัติบั ติของ ภาพไว้อว้ย่าย่งครบถ้วน 5. RGB COLOR โหมดสีที่สี ที่ ถอดคุณคุสมบัติบั ติของภาพแบบ RGB มาสร้าร้ง เป็นโหมดภาพ โดยมีสีมี สีแดง เขียขีว และน้ำ เงิน ซึ่งซึ่แต่ละสีจสีะสามารถไล่เฉดสีไสีด้ 256 ระดับดั โดยใช้หช้ลักการการรวมแสงสี ซึ่งซึ่สามารถ สร้าร้งสีไสีด้สูด้งสูสุดสุ 16.7 ล้านสี หลักการแสดงสีขสีอง จอคอมพิวพิเตอร์นั้ร์นนั้จะแสดงเป็นป็ RGB อยู่แยู่ล้ว ฉะนั้นนั้ ไม่ว่ม่าว่จะ เลือกโหมดการทงานใดก็ตาม การแสงดผลบนจอภาพก็จะ ใช้เช้ป็น RGB อยู่เยู่ช่นช่เดิมดิ 6. CMYK โหมดมาตรฐานสำ หรับรัเครื่อรื่งพิมพิพ์ โดยแบ่งบ่สีเสีป็น 4 สี หลักได้แด้ก่ ฟ้าฟ้ชมพูม่วม่ง เหลือง และดำ โดยใน แต่ละสีจสีะมีค่มี ค่า 8 BIT ซึ่งซึ่ทำ ให้ให้นแต่ละ PIXEL จะเก็บค่าถึง 32 BIT ในโหมดนี้ PHOTOSHOP จัดจัเตรียรีมสำ หรับรัภาพที่ใช้ใช้นการ พิมพิพ์ โดยแก้ไขจุดบกพร่อร่งของโหมดสี RBG ที่ เครื่อรื่งพิมพิพ์ไพ์ม่ สามารถพิมพิพ์สีพ์บสีางสีอสีอกไปได้ 7. LAB COLOR เป็นโหมดสีที่สี ที่ มีคมีวามเหมือมืนจริงริที่สุดสุสำ หรับรังานพิมพิพ์ ที่เป็น PHOTO CD หรือรืภาพที่ ต้องการใช้งช้านระหว่าว่ง ระบบ คอมพิวพิเตอร์ที่ร์ ที่ แตกต่างกัน เช่นช่ WINDOWS ไปยังยั MAC 8. MULTICHANNEL การเก็บสีจำสีจำนวน 8 BIT ต่อ PIXEL ทำ ให้มีห้คมีวามจำ กัด ของจำ นวนสี ซึ่งซึ่ใช้กัช้ กับการพิมพิพ์ แบบพิเพิศษที่ไม่ต้ม่ ต้องการความ ละเอียด และสีที่สี ที่ ฉูดฉูฉาดมากนักนั Photoshop เป็นป็ โปรแกรมที่ใช้ใช้นการจัดจัการกับภาพในระบบ Digital โดยเฉพาะ การใช้สีช้ สี โหมดต่าง ๆ จึงจึถูกถูสร้าร้งขึ้นขึ้มาเพื่อพื่ ใช้ใช้นงานที่แตกต่างกันไป สำ หรับรั Photoshop จะมีโมีหมดสีอสียู่ ด้วยกัน ทั้งหมด 8 โหมดคือ COLOR MODE (โหมดสี)

ใบความรู้ : เครื่อ รื่ งมือ มื สำ หรับ รั ปรับ รั แต่งภาพ เครื่อรื่งมือมืสำ หรับรัตกแต่งภาพด้วยโปรแกรม Photoshop 1. ใช้สำ หรับเลือกพื้นที่บนภาพเป็นรูปสี่เหลี่ยม วงกลม วงรี หรือเลือกเป็นแถวคอลัมน์ ขนาด 1 พิเซล 2. ใช้สำ หรับย้ายพื้นที่ที่เลือกไว้ของภาพ หรือย้ายภาพในเลเยอร์หรือย้ายเส้นไกด์ 3. ใช้เลือกพื้นที่บนภาพเป็นแนวเขตแบบอิสระ 4. ใช้เลือกพื้นที่ด้วยวิธีระบายบนภาพ หรือเลือกจากสีที่ใกล้เคียงกัน 5. ใช้ตัดขอบภาพ 6. ใช้ตัดแบ่งภาพเพื่อบันทึกไฟล์ภาพย่อย ๆ ที่เรียกว่าสไลซ์ (Slice)สำ หรับนำ ไปสร้าง เว็บเพจ 7. ใช้เลือกสีจากสีต่าง ๆ บนภาพ 8. ใช้ตกแต่งลบรอยตำ หนิในภาพ 9. ใช้ระบายลงบนภาพ 10. ใช้ทำ สำ เนาภาพ โดยก๊อปปี้ภาพจากบริเวณอื่นมาระบาย หรือระบายด้วยลวดลาย 11. ใช้ระบายภาพด้วยภาพของขั้นขั้ตอนเดิมที่ผ่านมา หรือภาพของสถานะ เดิมที่บันทึกไว้ 12. ใช้ลบภาพบางส่วนที่ไม่ต้องการ 13. ใช้เติมสีแบบไล่ระดับโทนสีหรือความทึบ 14. ใช้ระบายภาพให้เบลอ 15. ใช้ระบายเพื่อให้ภาพมืดลง 16. ใช้ระบายเพื่อให้ภาพสว่างขึ้น 17. ใช้วาดเส้นพาธ (Path) 18. ใช้พิมพ์ตัวอักษรหรือข้อความลงบนภาพ 19. ใช้เลือกและปรับแต่งรูปทรงของเส้นพาธ 20. ใช้วาดรูปทรงเรขาคณิตหรือรูปทรงสำ เร็จรูป 21. ใช้เลื่อนดูส่วนต่าง ๆ ของภาพ 22. ใช้ย่อหรือขยายมุมมองภาพ 23. ใช้สำ หรับกำ หนดสีForeground Color และ Background Color 24. เปิดแสดงหน้ากระดาษ แบบ Full screen

ลักษณะของรูปภาพดิจิตอลที่ใช้หรือถูกสร้างจากโปรแกรม กราฟิกมี 2 กลุ่มหลัก คือ ภาพ แบบบิตแมป (Bitmap) และภาพแบบเวคเตอร์ (Vector) 1.1 ภาพแบบบิตแมป (Bitmap) เป็นภาพแบบ Resolution Dependent เกิดจากพิกเซล (Pixel) หรือ เม็ดสีรูปทรงสี่เหลี่ยมจัตุรัสที่มีสีแตกต่างกัน มาเรียงต่อ กันจนเกิดเป็นภาพ หากขยายภาพ แบบบิตแมป (Bitmap) จะเห็นว่ามีลักษณะเป็นตารางเล็กๆ ซึ่งแต่ละบิต คือ ส่วนหนึ่งของข้อมูล คอมพิวเตอร์ข้อดีของภาพ ลักษณะนี้คือมีสีที่เป็นธรมชาติดูสมจริง 1.2 ภาพแบบเวคเตอร์ (Vector) เป็นภาพประเภท Resolution-Independent มีลักษณะ ของการสร้างให้ แต่ละส่วนเป็นอิสระต่อกัน โดยแยกชิ้นชิ้ส่วนของภาพ ทั้งทั้หมดออกเป็นเส้นตรง รูปทรง หรือส่วนโค้ง โดยอ้างอิง ตามความสัมพันธ์ทางคณิตศาสตร์หรือการคำ นวณเป็นตัว สร้างภาพ เรียกภาพ ประเภทนี้ว่า เวคเตอร์กราฟิก (Vector Graphic) ลักษณะเด่นของภาพแบบเวคเตอร์ (Vector) คือ สามารถยืดหรือหดภาพเท่าใดก็ได้ โดยที่ ภาพจะไม่แตก ความละเอียดของภาพไม่เปลี่ยนแปลง คง คุณภาพของภาพไว้ได้เหมือนเดิม และยังสามารถขยาย เฉพาะความกว้างหรือความสูง เพื่อให้มองเห็น เป็นภาพ ผอมหรืออ้วนกว่าภาพเดิมได้ด้วย และไฟล์มีขนาดเล็ก กว่าภาพบิตแมป (Bitmap) ภาพแบบ เวคเตอร์ (Vector) จึงเหมาะสำ หรับงานแบบวางเลย์เอาท์ (Layout) งานพิมพ์ ตัวอักษร หรืองาน ออกแบบภาพประกอบ เทคนิคการเลือก ภาพมาใช้งาน ชนิดของไฟล์ภาพ แนวคิดเกี่ยวกับรูปภาพดิจิตอล กล้องโทรทรรศน์สะท้อนแสง - PSD (Photoshop) เป็นนามสกุลของโปรแกรม photoshop จะทำ การบันทึกไฟล์ แบบแยกเลเยอร์ เก็บเอาไว้ควรบันทึกไฟล์ในรูปแบบนี้เอาไว้ทุกครั้งรั้ เพื่อแก้ไขภายหลังได้ - JPEG , JPG (Joint Photographic Export Group) เป็นไฟล์ที่มีการใช้ งานมากที่สุด มีคุณสมบัติในการบีบอัดขนาดไฟล์ ได้ ทำ ให้สามารถนำ ไปใช้งานบนเว็บไซต์ หรืองาน สิ่งพิมพ์ที่ไม่ได้ เน้นคุณภาพของภาพมากนัก - GIF (Graphics Interchange Format) เป็นไฟล์ที่ ถูกบีบอัดให้เล็กลง ใช้กับรูปภาพที่ ไม่ได้เน้นราย ละเอียดสีที่สมจริง ไม่เหมาะกับภาพถ่าย จะเหมาะ กับภาพการ์ตูน ภาพแนว vector มากกว่า เนื่องจากมีการไล่ระดับเฉดสีเพียง 256 สีทำ ให้มี ความละเอียดไม่เพียงพอ แต่มีคุณสมบัติ พิเศษคือ สร้างภาพเคลื่อนไหวได้ด้วย หรือที่เรียกกันว่า Gif Animation เหมาะกับการนำ ไปใช้งานบน เว็บไซต์ - TIFF (Tagged Image File Format) นามสกุล ที่มีความยืดหยุ่นและคุณภาพสูงสุด บันทึกแบบ Cross-platform จัดเก็บภาพได้ทั้งทั้ โหมด Grayscale Index Color, RGB และ CMYK เหมาะกับงานออกแบบสื่อสิ่งพิมพ์ - PNG (Portable Network Graphic) เป็นไฟล์ที่เหมาะ สำ หรับใช้ในเว็บไซต์สามารถ บีบอัดขนาดไฟล์ลง ได้พอสมควร โดยที่ยังรักษาคุณภาพของภาพเอา ไว้ได้ และที่สำ คัญสามารถเลือก ระดับสีใช้งานได้ ถึง 16 ล้านสี - RAW (.raw) เป็นไฟล์ภาพจาก กล้องดิจิตอลในกลุ่ม DSLR ที่เก็บรายละเอียด ของภาพ ได้สูงมาก การจัดการกับภาพลักษณะนี้ จะต้องใช้ Camera Raw มาช่วยในการทำ งาน

เลือกภาพที่ต้องการปรับรัแต่ง เลือกเใช้เช้ครื่อรื่งมือมืสำ หรับรัตกแต่งภาพให้เห้หมาะสมกับงานนั้นนั้ๆ เทคนิคนิการปรับรัแต่งภาพ ขั้นขั้ตอนการรีทัรี ทัชภาพ ขั้นขั้ตอนที่ 1 เปิดปิรูปรูภาพที่ต้องการรีทัรี ทัชออก มา จากโปรแกรม (เลือก Spot Healing Brush Tool แล้วปรับรัขนาดตามต้องการ ) ขั้นขั้ตอนที่ 2 จิ้มจิ้ภาพบริเริวณที่ไม่เม่ ป็นป็สิวสิหรือรื แผลเป็นป็ ขั้นขั้ตอนที่ 3 แล้วทำ การ รีทัรี ทัชบริเริวณที่เป็นป็สิวสิ (เมื่อมื่จิ้มจิ้บริเริวณที่ไม่เม่ ป็นป็สิวสิแล้ว ก็ไปจิ้มจิ้ต่อ บริเริวณที่เป็นป็สิวสิ) กดZoom( Ctrl + ) หรือรื รีทัรี ทัชได้ง่ด้ ง่าย ขั้นขั้ตอนที่ 4 จากนั้นนั้ก็ทำ การรีทัรี ทัช ทั่วทั่ ใบหน้าน้ ตามบริเริวณที่ต้องการลบสิวสิ เครื่อรื่งมือมืที่ใช้คืช้ คือ Spot Healing Brush Tool (J) สำ หรับรัรีทัรี ทัช เครื่อรื่งมือมืนี้จ นี้ ะเหมาะสำ หรับรัการ รีธัรีชธั Clone Stamp Tool (s) ใช้เช้มื่อมื่เครื่อรื่งมือมื Spot Healing Brush Tool (J) เสร็จร็แล้ว ให้ให้ช้ เครื่อรื่งมือมื Clone Stamp Tool (s) นี้ต นี้ อน เพราะมันมัจะรีทัรี ทัชให้ลห้ะเอียดกว่าว่เดิมดิ การปรับแต่งภาพ (RETOUCHING)

การพิมพิพ์ตัพ์ ตัวอักษรและการแก้ไขตัวอักษร การทำ งานเกี่ยวกับตัวอักษรและข้อความ คลิกตรงส่วส่นของรูปรูที่อยากใส่ข้ส่อข้ความใน Photoshop. แค่คลิกตรงที่ต้องการในรูปรู จะมีเมีคอร์เร์ซอร์โร์ผล่มา นี่คื นี่ คือจุดที่เวลาพิมพิพ์ ตัวอักษรแรกจะโผล่มา คลิกแล้วก็พิมพิพ์ไพ์ด้ เลย Photoshop จะเติมคำ ให้จห้ากจุดนี้ ถ้าแค่ใส่ข้ส่อข้ความปกติ ก็ไม่ต้ม่ ต้องทำ อะไรนอกเหนือนืจากนี้ ถ้าคุณคุใช้ pen tool เป็น ก็คลิก path เพื่อพื่เขียขีนข้อข้ความไปตามเส้นส้ ได้เด้ลย คลิกนอกช่อช่งพิมพิพ์ หรือรืกด CTRL (CONTROL) กับ ENTER ที่คีย์บย์อร์ดร์พร้อร้มกัน เพื่อพื่ดู ว่าว่ข้อข้ความจะออกมายังยัไงในรูปรู PHOTOSHOP นั้นนั้ . ถ้าคลิกนอกช่อช่งแล้วมีช่มีอช่งใหม่อีม่ อีก ให้คห้ลิก TOOL อื่น เพื่อพื่ออกจาก TEXT EDITOR คุณคุดับดัเบิลบิคลิกข้อข้ความ หรือรืคลิก ข้อข้ความด้วด้ย TEXT TOOL อีกรอบได้ ถ้าจะแก้ฟอนต์และพิมพิพ์ข้พ์อข้ความเพิ่มพิ่เติม คุณคุจะแก้ไขข้อข้ความไม่ไม่ด้อีด้ อีก หลัง "RASTERIZE" แล้ว ถ้าบังบัเอิญมีตัมี ตัวเลือกนี้โนี้ ผล่มา ก็อย่าย่ ไปสนใจ ถ้าเลือก LAYER ที่มีข้มีอข้ความแล้ว ให้กห้ด CTRL-T หรือรื CMD-T เพื่อพื่ปรับรัขนาดเอง ไม่ ต้องเลือกขนาดฟอนต์ใหม่ก็ม่ ก็ได้ 1 เลือก Type tool จากแถบ tools. ไอคอนจะเป็นป็ตัว "T" ให้ คลิกไอคอนนี้ หรือรืกด "T" ที่ คีย์บย์อร์ดร์เพื่อพื่เปิดปิ text tool จะคลิกตรงไหนของรูปก็ได้ แล้วเริ่มริ่พิมพิพ์ข้พ์อข้ความได้เด้ลย ก่อนพิมพิพ์ใพ์ห้คห้ลิกแล้วลาก text tool เพื่อพื่ล็อคข้อข้ความไว้ใว้นบริเริวณที่ ต้องการ. ถ้าอยากให้ข้ห้อข้ความพอดี กับส่วส่นที่ต้องการในรูปรูให้คห้ลิกแล้ว ลากกำ หนดพื้นพื้ที่ก่อนเริ่มริ่พิมพิพ์ ถ้า ข้อข้ความไหนเกินออกไปจะไม่โม่ผล่มา เว้นว้แต่คุณคุจะลดฟอนต์ซะก่อน การพิมพิพ์ตัพ์ ตัวอักษรและการแก้ไขตัวอักษร ตั้งตั้ค่าข้อข้ความด้วยเมนูทางด้านบนของหน้าจอ. พอคลิก Text tool แล้ว จะมีกมีลุ่มลุ่ตัวเลือกโผล่มาด้านบนของ Photoshop ใช้ กำ หนดสี ฟอนต์ ขนาด และปรับรัแนวข้อข้ความได้เลย หรือรืใช้ "Character" ไม่ก็ม่ ก็"Paragraph" ที่เป็นกล่องแก้ไขข้อข้ความ เหมือมืนใน Microsoft Word คุณคุหาช่อช่งนี้ได้โดยคลิก "Window" ทางด้านบนสุดสุของหน้าจอ แล้วติ๊ก "Character" กับ "Paragraph"[1]Font: เลือกชื่อชื่ฟอนต์ต่างๆ เช่นช่ Arial และ Times New Roman Font Size: ปรับรัขนาดฟอนต์ ให้ข้ห้อข้ความใหญ่ขึ้นขึ้หรือรืเล็กลง Font Alignment: เลือกปรับรัแนวข้อข้ความไว้ตว้รงกลาง หรือรืชิดชิ ขวา/ซ้าซ้ย Font Color: คลิกช่อช่งสีฟสีอนต์ที่ต้องการ เพื่อพื่เปลี่ยนสี ข้อข้ความตามใจชอ 2 3 4 5

การปรับรัแต่ง Layer Style การทำ งานเกี่ยวกับตัวอักษรและข้อความ การปรับรัแต่ง Layer Style การใช้งาน Layer Style 1.1 เลือก Layer ที่ต้องการ 1.2 คลิกที่เมนู Layer เลือก Layer Style จะพบรายการเมนู ดังรูป 1.3 คลิกที่รายการ Layer Style ที่ต้องการ รูปแบบของ Layer Style Inner Shadow = การเพิ่มเงาให้กับภาพ ลักษณะของเงาจะเป็นการเพิ่มกับส่วนภายในของ ภาพ Drop Shadow = การเพิ่มเงาให้กับภาพ ลักษณะของเงาจะเป็นการเพิ่มกับส่วนภายนอกของ ภาพ Bevel and Emboss = การเพิ่มระดับให้กับภาพ เช่น ความนูน ความโค้ง ความลึก ความ เอียง โดยการใช้แสง และ เงา Outer Glow = การเพิ่มแสงให้กับภาพ ลักษณะของแสงจะเป็นการเพิ่มกับส่วนภายนอกของ ภาพ Inner Glow = การเพิ่มแสงให้กับภาพ ลักษณะของแสงจะเป็นการเพิ่มกับส่วนภายในของ ภาพ Color Overlay = การเพิ่มสีให้กับภาพ Gradient Overlay = การเพิ่ม Gradient ให้กับภาพ Pattern Overlay = การเพิ่ม Pattern ให้กับภาพ Stroke = การเพิ่มเส้นขอบให้กับภาพ Satin = การเพิ่มลวดลายให้กับภาพ คีย์ลัดของ Layer Style ทำ ได้โดยการกดปุ่ม Ctrl + ตัวเลข Ctrl + 0 = Stroke Ctrl + 1 = Drop Shadow Ctrl + 2 = Inner Shadow Ctrl + 3= Outer Glow Ctrl + 4 = Inner Glow Ctrl + 5 = Bevel&Emboss Ctrl + 6 = Satin Ctrl + 7 = Color Overlay Ctrl + 8 = Gradient Overlay Ctrl + 9 = Pattern Overlay

การปรับรัแต่ง Layer Style การทำ งานเกี่ยวกับตัวอักษรและข้อความ การปรับรัแต่ง Layer Style การกำ หนดค่าเพิ่มเติมด้วย Option ต่างๆ ของ Blending and Layer Style Blending Option : ส่วนนต้องทำ ความรู้จัก เพราะ Layer Style แต่ละแบบจะถูกควบคุมด้วยส่วน นี้อีกครั้งหนึ่ง Option การตั้งค่าของ Blending Option และ Layer Style แต่ละแบบ ได้รวบรวมไว้ที่ ด้านล่างให้แล้ว ต้องการใช้ตัวใหน ก็ให้ดูจากรายการเหล่านี้แล้วนำ มาใช้ปรับแต่งภาพ ดังนี้ Blend Mode = ใช้สำ หรับตั้งค่า Blending ให้กับภาพ Opacity = ปรับค่าความทึบแสง และ เงา กระทบทุกส่วนของภาพ Angle = ปรับมุมของแสง หรือ เงา ที่มีผลกับภาพ (90 องศา ถ้าเปรียบเทียบกับนาฬิกา จะเท่ากับ 12 นาฬิกา) Fill Opacity = การปรับค่าความทึบแสง หรือ เงา แต่จะไม่กระทบถึง ส่วนที่เป็น Layer Style Knockout = มีตัวเลือกให้สามแบบ None, Shallow, Deep หน้าที่ของมันคือการทำ ให้มอง ทะลุลงไปยังเลเยอร์ล่างได้ ทั้งนี้การใช้งานจะต้องร่วมกับการปรับ Fill Opacity ด้วย Use Global Light = แสง และ เงา ที่มีผลเหมือนกันกับทุก Layer Style (ใช้กับ Drop Shadow, Inner Shadow, Bevel & Emboss) Distance = ระยะของแสง หรือ เงา Chokes = ปรับความชัด ความเข้ม ของ แสง หรือ เงา Spread = ปรับความชัด ความเข้ม ของ แสง หรือ เงา Size = ขนาดความเบลอ ความอ่อนโยน ของแสง หรือ เงา Contour = เส้นแสดงลักษณะรูปร่าง ของ แสง หรือ เงา (รูปภาพที่แสดงในไอคอนของ Contour หมายถึงลักษณะกร๊าฟ ส่วนที่เป็นสีเทา คือ ส่วนของเส้นกร๊าฟ ส่วนที่เป็นสีขาว เป็นส่วนที่อยู่ นอกเหนือเส้นกร๊าฟ ด้านซ้ายแสดงส่วนที่อยู่นอกเหนือของ Effect ด้านขวาแสดงส่วนที่อยู่ในส่วนของ Effect ด้านล่างเป็นส่วนของ Transparency ด้านบนเป็นส่วนของ Opacity Anti-aliased = ความเรียบ ของ แสง หรือ เงา Noise = เป็นการทำ ให้ แสง หรือ เงา คล้ายกับการพ่นสเปรย์ Layer Knocks Out Drop Shadow = ถ้าไม่เลือกออปชั่นนี้ จะทำ ให้การปรับแต่งของ เลเยอร์นั้นแสดงเฉพาะส่วนที่เป็น Drop Shadow เท่านั้น Tecnique = ใช้ควบคุม ความอ่อนโยน หรือ ความกระด้าง ของ แสง หรือ เงา Range = ความกว้างของ เส้นแสดงลักษณะรูปร่าง (Contour) Source = ส่วนที่เริ่มแสดง แสง หรือ เงา Gross Contour = การปรับที่มีผลต่อความส่องสว่าง หรือ Luminosity Depth = ความลึกของ แสง และ เงา

การปรับรัแต่ง Layer Style การทำ งานเกี่ยวกับตัวอักษรและข้อความ การปรับรัแต่ง Layer Style Direction = ทิศทางการแสดงผล ประกอบด้วย Up คือ แสง และ เงา จะส่อง จากล่างขึ้นบน Down แสดงกลับกัน ทั้งนต้องขึ้นอยู่กับมุม (Angle) ของ แสง และ เงา ที่ ตั้งค่าไว้ด้วย Soften = ปรับค่าความอ่อนโยนในการแสดง Altitude = ตำ แหน่งความสูงของ แสง และ เงา ตำ แหน่งยิ่งสูง แสง และ เงา ก็จะยิ่งน้อย Highlight Mode = ค่า Blend Mode ในส่วนของแสง Shadow Mode = ค่า Blend Mode ในส่วนของเงา Position = ตำ แหน่งการแสดงผล Fill Type = ประเภทที่จะเติมให้กับภาพ เช่น เติม สี Gradient หรือ Pattern Color = สีที่จะเติม Gradient = การเติมสีแบบการไล่สี Pattern = การเติมภาพด้วยรูปแบบ Pattern Texture = คือการใส่ Pattern Scale = ขนาดของสี Make Default = การตั้งค่าการปรับ Layer Style แต่ละแบบให้เป็นค่าเริ่มต้น Reset to Default = การตั้งค่าใหม่สำ หรับค่า Layer Style ที่มีการ เปลี่ยนแปลง กลับไปใช้ ค่าเริ่มต้นที่โปรแกรมตั้งไว้ Style = รูปแบบการแสดงของ Bevel and Emboss มีด้วยกันหลายแบบ Inner Bevel = แสดงจากขอบเข้าสู่ด้านใน Outer Bevel = แสดงจากขอบออกสู่ด้านนอก Emboss = แบ่งการแสดงระหว่างด้านใน และ ด้านนอก ฝั่งละ 50% Pillow Emboss = แสดงผลจากรูปแบบของ Emboss แต่จะะแสดงโดย แสง และ เงา ส่วนละ 50% ในขอบเดียวกัน Stroke Emboss = จะมีผลต่อเมื่อรูปนั้นมีการใส่ Stroke

วิธีวิกธีารเพิ่มพิ่ ฟอนต์ใน Photoshop วิธีการเพิ่มตัวอักษรใน PHOTOSHOP คลิกขวาที่ฟอนต์แล้วเลือก "INSTALL". ถ้ามีตัมี ตัวเลือกนี้ก็ นี้ ก็โชคดีไดีป เท่านี้ก็ นี้ ก็ติดตั้งตั้เรียรีบร้อร้ย! หรือรืจะ CTR-CLICK หรือรื SHIFT-CLICK เพื่อพื่เลือกและติดตั้งตั้ทีเดียดีวหลายๆ ฟอนต์ก็ได้ 1 ดาวน์โหลดฟอนต์จต์ากในเน็ต. ค้น ด้วด้ยคำ ว่าว่"free fonts" หรือรื "ฟอนต์ฟต์รี"รีเลย แล้วล้คลิกลิ "download" ฟอนต์ที่ต์คุที่คุณชอบ เดี๋ยดี๋ว นี้เว็บ ว็ โหลดฟอนต์มีต์เมีป็นร้อร้ยๆ แต่ เราแนะนำ ให้เลือลืกโหลดจากเว็บ ว็ ที่ โผล่ขึ้ล่ขึ้นขึ้มาแรกๆ ในผลการค้นหา เพราะแสดงว่าว่เว็บ ว็ นั้นดังดั ฟอนต์ เยอะ และปลอดภัยภัหายห่วงหรือรืจะ ซื้อซื้CD รวมฟอนต์โต์ดยเฉพาะจาก ตามร้าร้นเลยก็ไก็ ด้จด้ะสะดวกและเป็น ระเบียบีบเรียรีบร้อร้ยที่สุที่ดสุถ้าถ้คุณเซฟ ฟอนต์ทั้ต์งทั้หมดไว้ใว้นโฟลเดอร์ที่ร์ที่ หน้า desktop แต่ถ้ต่าถ้คุณไม่ชม่อบ แค่ รู้ว่รู้าว่ตัวตัเองดาวน์โหลดและเซฟ ฟอนต์ไต์ว้ตว้รงไหนในคอมก็โก็ อเค แล้วล้ การพิมพิพ์ตัพ์ ตัวอักษรและการแก้ไขตัวอักษร 2 3 4 5 เปิดหน้าต่าต่งรวมฟอนต์.ต์วิธีวิ ธี นี้ใช้ไช้ด้กัด้บกัWindows ทุกทุรุ่นรุ่ กระทั่งทั่Windows XP ที่เที่ขา หยุดยุอัพอัเดทและให้บริกริาร ช่วช่ยเหลือลืแล้วล้เพราะงั้นงั้ ไม่ ต้อต้งห่วง ลงฟอนต์ใต์หม่ไม่ด้ สบาย ถ้าถ้ฟอนต์มต์าเป็นไฟล์ .ZIP ให้คุณคลิกลิขวาแล้วล้ เลือลืก extract จากนั้นหา ตัวตั ไฟล์ฟล์อนต์ที่ต์ลที่งท้าท้ยด้วด้ย "." ฟอนต์ขต์อง Photoshop จะมาพร้อร้ม extensions ต่อต่ ไปนี้ .otf .ttf .pbf .pfm

โปรแกรมสำหรับสร้างงาน คอมพิวเตอร์กราฟิก ชื่อ: Adobe Photoshop Adobe Illustrator วันที่: Adobe indesign Adobe Flash Adobe Premier pro ให้นัห้กนัเรียรีนอธิบธิาย คุณคุสมบัติบั ติ ของโปรแกรม คอมพิวพิเตอร์ สำ หรับรัสร้าร้งงานกราฟิกฟิ ดังดัต่อไปนี้

(Theory of Color) ทฤษฎีสี อธิบายการทำ งานของ สีขั้นที่ 1 อธิบายการทำ งานของ สีขั้นที่ 3 ชื่อ-นามสกุล วิชา เลขที่ ครูผู้สอน อธิบายการทำ งานของ สีขั้นที่ 2 อธิบายการทำ งานของ สีกลาง ห้อง

หลักการใช้สี ช้ สี ชื่อ-นามสกุล วิชา เลขที่ ครูผู้สอน ภาพที่ออกแบบด้วยสี RGB COLOR ภาพที่ออกแบบด้วยสี CMYK COLOR

ชื่อ-นามสกุล ห้อง: เลขที่: วิชา : คะแนน : เครื่อ รื่ งมือ มืปรับ รั แต่งภาพ ให้นัห้กนัเรียรีนบอกชื่อชื่และคุณคุสมบัติบั ติของเครื่อรื่งมือมื ในการปรับรัแต่งภาพต่อไปนี้

ชื่อชื่ - นามสกุลกุ : ก า ร ป รั บ แ ต่ ง ภ า พ ให้นักเรียนทำ การปรับแต่งภาพตามแบบที่นักเรียนสนใจโดยเลือก รูปภาพของนักเรียนเองมาทำ การแก้ไขและปรับแต่ง โดยเลือกใช้เครื่องมือในการปรับแต่งภาพให้เหมา ะสมกับงาน My name is... ระดับดัชั้นชั้

ชื่อชื่ - นามสกุลกุ : การประยุกต์การสร้างชิ้นงาน ให้นักเรียนออกแบบการ์ดอวยพรวันสำ คัญต่างๆ ที่ตนเองสนใจ ระดับดัชั้นชั้ ขนาด 5*7 นิ้ว การ์ดอวยพร

รูป ชื่อชื่ - นามสกุลกุ : การประยุกต์การสร้างชิ้นงาน ให้นักเรียนออกแบบ portfolio โดยนำ ความรู้ที่ได้ มาประยุกต์ออกแบบงาน โดยสามารถใช้โปรแกรม Canva มาประยุกต์สร้างงาน P o r t f o l i o ระดับดัชั้นชั้

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