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

โปรแกรมสำหรับงานกราฟิก PHOTOSHOP

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

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

ประเภทของภาพกราฟิก 2. ภ2าพ5%กราฟิกแบบ 3 มิติ เป็นภาพกราฟิ7ก5ที่%ใช้โปรแกรม สร้างภาพ 3 มิติ เช่น 3D max, Maya ทำให้ได้ภาพที่มีสีและแสงเงาเหมือนจริง

ชนิดภาพกราฟิก ภาพที่ใช้ในการทำงานกราฟิก จัดอาร์ตเวิร์ค หรือจัด เลย์เอาท์ จะมีอยู่ 2 แบบคือ 1. ภาพแบบRaster หรือ Bitmap 2. ภาพแบบ Vector

ชนิดภาพกราฟิก 1. Raster หรือ Bitmap คือภาพที่เกิดจากจุดสีสี่เหลี่ยมเล็กๆ ที่เรียกว่าจุดพิเซล(pixel) มาเรียง ต่อกันจนเกิดเป็นรูปภาพ ข้อดี คือสามารถเปิดดูได้ง่าย ไม่ต้องใช้โปรแกรม เฉพาะ ข้อเสีย คือขยายขนาดใหญ่มากๆ เกินความละเอียดภาพที่กำหนดไว้ ไม่ได้เพราะจะทำให้ภาพแตก

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

ประเภทไฟล์ในงานกราฟิก 1. JPG หรือ JPEG ไฟล์ JPEG เป็นไฟล์ภาพที่นิยมใช้งานบนอินเตอร์เน็ต หรือรูปภาพดิจิตอล ข้อดี : ไฟล์จะถูกบีบอัดจนมีขนาดไม่ใหญ่มาก เปิดได้เร็ว ใช้ในงานพิมพ์ Inkjet ได้ ข้อเสีย : ไม่เหมาะสมกับงานพิมพ์ที่ต้องการคุณภาพสูง

ประเภทไฟล์ในงานกราฟิก 2. BMP ไฟล์ BMP เป็นไฟล์ภาพของระบบปฎิบัติการ Windows ข้อดี : เก็บรายละเอียดของรูปได้มาก เหมาะสำหรับนำไปตกแต่งต่อ ข้อเสีย : ไฟล์ใหญ่เปิดดูได้ช้าและไม่รองรับโหมดสีสิ่งพิมพ์ CMYK จึงนำไปใช้ในงานสื่อสิ่งพิมพ์ไม่ได้

ประเภทไฟล์ในงานกราฟิก 3. TIFF ไฟล์ TIFF เป็นไฟล์ภาพที่เก็บรายละเอียดของงานได้ครบถ้วนสมบูรณ์ ข้อดี : สามารถบันทึกเลเยอร์เก็บไว้ใช้ต่อได้ ใช้ได้ทั้ง Windows และ Mac รองรับโหมดสี CMYK ข้อเสีย : ไฟล์ใหญ่เปิดดูได้ช้า และใช้โปรแกรมเฉพาะในการแก้ไข

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

ประเภทไฟล์ในงานกราฟิก 5. PSD ไฟล์ PSD เป็นไฟล์ที่สร้างจากโปรแกรม Photoshop ข้อดี : สามารถบันทึกการแก้ไขต่างๆ และแยกเลเยอร์เอาไว้ สำหรับนำกลับ มาแก้ไขตกแต่งต่อไปได้ ส่งโรงพิมพ์ได้ ข้อเสีย : ไฟล์มีขนาดใหญ่มาก

ประเภทไฟล์ในงานกราฟิก 6. AI ไฟล์ AI เป็นไฟล์ภาพ Vector ภาพที่เกิดจากการวาดภาพ สร้างจากโปรแกรม Illustrator ข้อดี : สามารถส่งไฟล์นี้เข้าโรงพิมพ์ได้ สามารถแก้ไขและตกแต่งต่อไปได้ รองรับโหมดสี CMYK และ RGB ข้อเสีย : ไม่สามารถเปิดในโปรแกรมทั่วไปได้ เปิดดูได้ในโปรแกรม Illustrator หรือโปรแกรม ของ Adobe

ประเภทไฟล์ในงานกราฟิก 7. EPS ไฟล์ EPS เป็นไฟล์ภาพที่ถูกแปลงออกมาจากไฟล์ที่ทำงานในโปรแกรม Illustrator ข้อดี : สามารถส่งไฟล์นี้เข้าโรงพิมพ์ได้ ตัวไฟล์จะดึงรูปภาพที่ใช้ในการทำงานมาฝังไว้ในไฟล์ ด้วย รองรับโหมดสี CMYK และ RGB ข้อเสีย : ไม่สามารถเปิดในโปรแกรมทั่วไปได้ เปิดดูได้ในโปรแกรม Illustrator หรือโปรแกรม ของ Adobe

ประเภทไฟล์ในงานกราฟิก 8. PDF ไฟล์ PDF เป็นไฟล์ที่มีระบบรักษาความปลอดภัยค่อนข้างดี ข้อดี : เก็บความละเอียดได้มาก ไฟล์มีขนาดเล็ก รองรับงานพิมพ์งานเอกสารในระดับโรงพิมพ์ สามารถเปิดดูได้ในหลายโปรแกรม และยังทำเป็นไฟล์ E Book หนังสือออนไลน์ได้อีกด้วย ข้อเสีย : หากมีการแก้ไขงานหรือตกแต่งเพิ่มเติมอาจทำได้ยาก หรือต้องใช้โปรแกรมเฉพาะใน การแก้ไข

สีที่ใช้งานด้านกราฟิก สีที่ใช้งานด้านกราฟิกทั่วไปมี 4 ระบบ คือ 1. RGB 2. CMYK 3. HSB 4. LAB

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

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

HSB เป็นระบบสีแบบการมองเห็นของสายตามมนุษย์ ซึ่งแบ่งออกเป็น 3 ส่วน คือ Hue คือสีต่าง ๆ ที่สะท้อนออกมาจากวัตถุแล้วเข้าสู่สายตา ของเรา ซึ่งมักเรียกสีตามชื่อสี เช่น สีเขียว สีเหลือง สีแดง Saturation คือความสดของสี โดยค่าความสดของสีจะเริ่ม ที่ 0 ถึง 100 ถ้ากำหนด Saturation ที่ 0 สีจะมีความสดน้อย แต่ถ้ากำหนดที่ 100 สีจะมีความสดมาก Brightness คือระดับความสว่างของสี โดยค่าความสว่าง ของสีจะเริ่มที่ 0 ถึง 100 ถ้ากำหนดที่ 0 ความสว่างจะน้อย ซึ่งจะเป็นสีดำ แต่ถ้ากำหนดที่ 100 สีจะมีความสว่างมากที่สุด

LAB เป็นระบบสีที่ไม่ขึ้นกับอุปกรณ์ใด ๆ (Device Independent) โดยแบ่งออกเป็น 3 ส่วน คือ “L” หรือ Luminance เป็นการกำหนดความสว่างซึ่ง มีค่าตั้งแต่ 0 ถึง 100 ถ้ากำหนดที่ 0 จะกลายเป็นสีดำ แต่ ถ้ากำหนดที่ 100 จะเป็นสีขาว “A” เป็นค่าของสีที่ไล่จากสีเขียวไปสีแดง “B” เป็นค่าของสีที่ไล่จากสีน้ำเงินไปเหลือง

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

ความสามารถพื้นฐานของ Adobe Photoshop · ตกแต่งหรือแก้ไขรูปภาพ · ตัดต่อภาพบางส่วน หรือที่เรียกว่า crop ภาพ · เปลี่ยนแปลงสีของภาพ จากสีหนึ่งเป็นอีกสีหนึ่งได้ · สามารถลากเส้น แบบฟรีสไตล์ หรือใส่รูปภาพ สี่เหลี่ยม วงกลม หรือสร้างภาพ ได้อย่างอิสระ · มีการแบ่งชั้นของภาพเป็น Layer สามารถเคลื่อนย้ายภาพได้เป็นอิสระต่อกัน · การทำ cloning ภาพ หรือการทำภาพซ้ำในรูปภาพเดียวกัน · เพิ่มเติมข้อความ ใส่ effect ของข้อความได้ · Brush หรือแปรงทาสี ที่สามารถเลือกรูปแบบสำเร็จรูปในการสร้างภาพได้และ อื่นๆ อีกมากมา

โปรแกรม Adobe Photoshop

Application menu หรือ Menu bar 1. File หมายถึง รวมคำสั่งที่ใช้จัดการกับไฟล์รูปภาพ เช่น สร้างไฟล์ใหม่, เปิด, ปิด, บันทึกไฟล์, นำเข้าไฟล์, ส่งออกไฟล์ และอื่น ๆ ที่เกี่ยวกับไฟล์ 2. Edit หมายถึง รวมคำสั่งที่ใช้สำหรับแก้ไขภาพ และปรับแต่งการทำงานของโปรแกรมเบื้อง ต้น เช่น ก๊อปปี้ , วาง, ยกเลิกคำสั่ง, แก้ไขเครื่องมือ และอื่น ๆ 3. Image หมายถึง รวมคำสั่งที่ใช้ปรับแต่งภาพ เช่น สี, แสง, ขนาดของภาพ (image size), ขนาดของเอกสาร (canvas), โหมดสีของภาพ, หมุนภาพ และอื่น ๆ

Application menu หรือ Menu bar 4. La yer หมายถึง รวมคำสั่งที่ใช้จัดการกับเลเยอร์ ทั้งการสร้างเลเยอร์, แปลงเลเยอร์ และการ จัดการกับเลเยอร์ในด้านต่าง ๆ 5. select รวม คำสั่งเกี่ยวกับการเลือกวัตถุหรือพื้นที่บนรูปภาพ (Selection) เพื่อนำไปใช้งาน ร่วมกับคำสั่งอื่น ๆ เช่น เลือกเพื่อเปลี่ยนสี, ลบ หรือใช้เอฟเฟ็กต์ต่าง ๆ กับรูปภาพ 6. Filter เป็นคำสั่งการเล่น Effects ต่างๆสำหรับรูปภาพและวัตถุ 7. View เป็นคำสั่งเกี่ยวกับมุมมองของภาพและวัตถุในลักษณะต่างๆ เช่น การขยายภาพและย่อ ภาพให้ดูเล็ก 8. Window เป็นส่วนคำสั่งในการเลือกใช้อุปกรณ์เสริมต่างๆที่จำเป็นในการใช้สร้าง Effects ต่างๆ 9. Help เป็นคำสั่งเพื่อแนะนำเกี่ยวกับการใช้โปรแกรมฯและจะมีลายละเอียดของโปรแกรมอยู่ ในนั้น

Panel menu Panel (พาเนล) เป็นวินโดว์ย่อย ๆ ที่ใช้เลือกรายละเอียด หรือคำสั่งควบคุมการทำงาน ต่าง ๆ ของโปรแกรม ใน Photoshop มีพาเนลอยู่เป็นจำนวนมาก เช่น พาเนล Color ใช้สำหรับ เลือกสี, พาเนล Layers ใช้สำหรับจัดการกับเลเยอร์ และพาเนล Info ใช้แสดงค่าสีตรง ตำแหน่งที่ชี้เมาส์ รวมถึงขนาด/ตำแหน่งของพื้นที่ที่เลือกไว้ Stage หรือ Panel เป็นพื้นที่ว่างสำหรับแสดงงานที่กำลังทำอยู่

Tool Panel Tool Panel (ทูลพาเนล) หรือ กล่องเครื่องมือ จะประกอบไปด้วย เครื่องมือต่าง ๆ ที่ใช้ในการวาด ตกแต่ง และแก้ไขภาพ เครื่องมือเหล่านี้ มีจำนวนมาก ดังนั้นจึงมีการรวมเครื่องมือที่ทำหน้าที่คล้าย ๆ กันไว้ในปุ่ม เดียวกัน โดยจะมีลักษณะรูปสามเหลี่ยมอยู่บริเวณมุมด้านล่างดังภาพ 2 เพื่อบอกให้รู้ว่าในปุ่มนี้ยังมีเครื่องมืออื่นอยู่ด้วย Option Bar (ออปชั่นบาร์) เป็นส่วนที่ใช้ปรับแต่งค่าการทำงาน ของเครื่องมือต่าง ๆ โดยรายละเอียดในออปชั่นบาร์จะเปลี่ยนไปตาม เครื่องมือที่เราเลือกจากทูลบ็อกซ์ในขณะนั้น เช่น เมื่อเราเลือกเครื่องมือ Brush (พู่กัน) บนออปชั่นบาร์จะปรากฏออปชั่นที่ใช้ในการกำหนดขนาด และลักษณะหัวแปรง, โหมดในการระบายความโปร่งใสของสี และอัตราการ ไหลของสี เป็นต้น

เครื่องมือพื้นฐานของโปรแกรม Tools Tool Panel (ทูลพาเนล) หรือ กล่องเครื่องมือ จะ ประกอบไปด้วยเครื่องมือต่าง ๆ ที่ใช้ในการวาด ตกแต่ง และ แก้ไขภาพ เครื่องมือเหล่านี้มีจำนวนมาก ดังนั้นจึงมีการรวม เครื่องมือที่ทำหน้าที่คล้าย ๆ กันไว้ในปุ่มเดียวกัน โดยจะมี ลักษณะรูปสามเหลี่ยมอยู่บริเวณมุมด้านล่างดังภาพ 2 เพื่อ บอกให้รู้ว่าในปุ่มนี้ยังมีเครื่องมืออื่นอยู่ด้วย









Layer เลเยอร์ 25% เลเยอร์ Layer ชิ้นงานย่อย หรือเรียกให้เข้าใจง่าย คือ ชั้นของชิ้นงานใหญ่ เป็นหลักการทำงานของโปรแกรม 75%Photoshop นั่นคือการนำชั้นต่างๆ มาผสมกันเพื่อปรับแต่ง ให้เกิดความสวยงามมากขึ้น

การเปิดพื้นที่การใช้งานใหม่ 1. ไปที่ Application menu เลือก File > New จะปรากฎหน้าต่างดังรูปด่านล่าง 25% 2. จากรูปมีการกำหนดค่าต่างๆมากมาย

การนำภาพเข้าใช้งาน หากเรามีภาพที่ต้องการเปิดเข้าใช้งานในโปรแกรม ในทำการ ตามขั้นตอนต่อไปนี้ ไปที่ File > open เลือก Floder ที่มีรูปที่เราต้องการ เลือกรูปนั้นแล้วกด Open 25%

การบันทึกงาน 1. ไปที่ File > Save as จะปรากฎหน้าต่างดังรูปด้านล่าง ช่อง File name คือให้เราตั้งชื่องาน ช่อง Format คือ การบันทึกไฟล์งานประเภทต่างๆ เช่น PSD , JPEG , TIFF และอื่นๆ เมื่อเลือกเสร็จเรียบร้อยแล้ว กด Save ก็จะทำการ บันทึกสำเร็จ