โปรแกรมกราฟิก (Adobe Photoshop cs6)

หน่วยที่ 1 ความรู้เกี่ยวกับกราฟิก

สาระสำคัญ

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

 จัดประสงค์การเรียนรู้

1. บอกความหมายของกราฟิกและคอมพิวเตอร์กราฟิกได้

2. เรียนรู้ถึงองค์ประกอบของงานกราฟิกและองค์ประกอบศิลป์

3. เรียนรู้และเข้าใจถึงปรแกรมกราฟิก ชนิดของกราฟิกและไฟล์ภาพกราฟิก

4. เรียนรู้ถึงหลักการใช้สีและแสงในคอมพิวเตอร์

5. เรียนรู้ถึงการประยุกต์ใช้คอมพิวเตอร์กราฟิกในงานด้านต่างๆหน่วยที่ 1 ความรู้เกี่่ยวกับกราฟิก

 เนื้อหาสาระ

1. กราฟิกและคอมพิวเตอร์กราฟิก

2. องค์ประกอบของงานกราฟิก

3. การจัดองค์ประกอบศิลป์

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

5. ชนิดของภาพกราฟิก

6. ความแตกต่างของกราฟิกแบบ 2 มิติ

7. ไฟล์ภาพกราฟิก

8. หลักการใช้สีและแสงในคอมพิวเตอร์

9. คอมพิวเตอร์กราฟิกกับการประยุกต์ใช้ในงานต้านต่างๆ

 กราฟิกและคอมพิวเตอร์กราฟิก

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

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

[TOP]

 องค์ประกอบของงานกราฟิก

องค์ประกอบหลัก ๆ ในงานกราฟิกจะแบ่งออกเป็น 8 ชนิดคือ จุด เส้น รูปร่างและรูปทรง น้ำหนัก สี ที่ว่าง พื้นผิว และตัวอักษร

1. จุด (Dot)

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

1. เส้น (Line)

เป็นสื่อแสดงขอบเขตของภาพ ขอบเขตของรูปร่าง รูปทรง ขนาดและทิศทาง เส้นมีลักษณะ 2 อย่างได้แก่

• เส้นตรง เป็นเส้นที่แสดงถึงความสง่า เข้มแข้ง ความรู้สึกมั่นคง แข็งแรง ได้แก่

• เส้นโค้ง เป็นเส้นที่ให้ความรู้สึกอ่อนซ้อย นุ่มนวล ร่าเริง ให้ทิศทางการเคลื่อนไหวที่ละมุนละไม

1. รูปร่างและรูปทรง (Shape, Form)

เป็นรูปที่เกิดจากการนำเส้นมาประกอบกันเป็นรูป ได้แก่

• รูปร่าง (Shape) ซึ่งเป็นรูปที่มีลักษณะ 2 มิติ มีเนื้อที่มีขอบเขต

• รูปทรง (Form) เป็นรูปที่มีลักษณะ 3 มิติ มีปริมาตรที่เป็นความหนาหรือความลึก

1. น้ำหนัก (Value)

เป็นคุณค่าของความอ่อน-แก่ ของสีหรือแสงเงาที่นำมาใช้ในการแสดงออกทางศิลปะ ทำให้แลดูมีความกลม มีความตื่นเล็ก

[TOP]

 การจัดองค์ประกอบศิลป์

เป็นหลักสำคัญสำหรับผู้สร้างสรรค์ และผู้ศึกษางานศิลปะ เนื่องจากผลงานศิลปะใด ๆ ก็ตาม ล้วนมีคุณค่าอยู่ 2 ประการ

1. คุณค่าทางด้านรูปทรง

2. เกิดจากการนำเอา องค์ประกอบต่าง ๆ    ของ ศิลปะ อันได้แก่  เส้น  สี  แสงและเงา  รูปร่าง  รูปทรง  พื้นผิว

3. ฯลฯ มาจัดเข้าด้วยกันเพื่อให้เกิดความงาม  ซึ่งแนวทางในการนำองค์ประกอบต่าง ๆ มาจัดรวมกันนั้น

4. เรียกว่า การจัดองค์ ประกอบศิลป์ (Art Composition) 

5. คุณค่าทางด้านเรื่องราว

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

7. ดังนั้นการจัดองค์ประกอบศิลป์   จึงมีความสำคัญในการสร้างสรรค์งานศิลปะเป็นอย่างยิ่ง

8. เพราะจะทำให้งานศิลปะทรงคุณค่าทางความงามอย่างสมบูรณ์

การจัดองค์ประกอบศิลป์มีหลักที่ควรคำนึงอยู่ 5 ประการ คือ

1. สัดส่วน (Proportion) หมายถึง ความสัมพันธ์กันอย่างเหมาะสมระหว่างขนาดขององค์ประกอบที่แตกต่างกัน ทั้งขนาดที่อยู่ในรูปทรงเดียวกันหรือระหว่างรูปทรง และรวมถึงความสัมพันธ์กลมกลืนระหว่างองค์ประกอบทั้งหลายด้วย ซึ่งเป็นความพอเหมาะพอดี ไม่มากไม่น้อยขององค์ประกอบทั้งหลายที่นำมาจัดรวมกัน

2. ความสมดุล (Balance) หรือดุลยภาพ หมายถึง น้ำหนักที่เท่ากันขององค์ประกอบ ไม่เอนเอียงไปข้างใดข้างหนึ่ง

3. จังหวะลีลา (Rhythm) หมายถึง การเคลื่อนไหวที่เกิดจากการซ้ำกันขององค์ประกอบ เป็นการซ้ำที่เป็นระเบียบ จากระเบียบธรรมาที่มีช่วงห่างเท่า ๆ กัน มาเป็นระเบียบที่สูงขึ้น ซับซ้อนขึ้นจนถึงขั้นเกิดเป็นรูปลักษณะของศิลปะ

4. การเน้น (Emphasis) หมายถึง การกระทำให้เด่นเป็นพิเศษกว่าธรรมดา ในงานศิลปะจะต้องมีส่วนใดส่วนหนึ่งหรือจุดใดจุดหนึ่งที่มีความสำคัญกว่าส่วนอื่น ๆ

5. เอกภาพ (Unity) ความเป็นอันหนึ่งอันเดียวกันขององค์ประกอบศิลป์ทั้งด้านรูปลักษณะและด้านเนื้อหาเรื่องราว เป็นการประสานหรือจัดระเบียบของส่วนต่าง ๆ ให้เกิดความเป็นหนึ่งเดียว

[TOP]

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

ในการทำงานด้านกราฟิกโดยใช้เครื่องคอมพิวเตอร์นั้น จำเป็นที่ต้องอาศัยโปรแกรมที่สร้างขึ้นมาเพื่อจัดการกับงานกราฟิกโดยเฉพาะ ซึ่งโปรแกรมกราฟิกนี้มีอยู่มากมายหลายโปรแกรม แต่ที่เป็นที่นิยมใช้และเป็นที่รู้จักกันดีได้แก่ โปรแกรม Adobe Photoshop และ Adobe Illustrator ของบริษัท Adobe

ซึ่งทั้งสองโปรแกรมนี้ถึงแม้ว่าจะนำมาใช้ในงานกราฟิกได้เหมือนกัน แต่ก็ขึ้นอยู่กับความเหมาะสมกับงานนั้น ๆ ซึ่งส่วนใหญ่แล้วเรามักจะใช้ Adobe Photoshop กับงานกราฟิกแบบ Bitmap หรือ Raster ขณะที่ใช้ Adobe Illustrator กับงานกราฟิกแบบ Vector เป็นต้น

ที่มา : http://fc02.deviantart.net/fs71/i/2011/051/6/3/adobe_ps_ai_cs5_to_cs3_mod_by_shijan-d2rb087.jpg

[TOP]

 ชนิดของภาพกราฟิก

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

ที่มา : http://openbox9.com/site/wp-content/uploads/2011/06/imagefileformat_reference_chart.png

[TOP]

 หลักการใช้สีและแสงในคอมพิวเตอร์

สีที่ใช้งานด้านกราฟิกทั่วไปมีอยู่หลายระบบด้วยกันคือ

1. RGB

2. CMYK

3. Grayscale

4. Bitmap

5. HSB

6. Lab

7. Indexed

RGB

ระบบสี RGB เป็นระบบที่ถูกใช้มากที่สุด โดยจะใช้ช่องสีแบบ 8 บิต 3 ช่อง รับแสง 3 สี

คือ Red (แดง) , Green (เขียว) , Blue (น้ำเงิน) ซึ่งใกล้เคียงกับตามมนุษย์มากที่สุด และแต่ละช่องสีจะสามารถสร้างระดับสีได้ 256 ระดับ

ดังนั้นจึงสามารถสร้างสีที่แตกต่างกันได้ถึง 16,777,216 สีต่อ 1 พิกเซลในภาพ ระบบสี RGB จะเป็นระบบที่ใช้ในจอคอมพิวเตอร์ โทรทัศน์ และอุปกรณ์อื่นๆ ที่มีหน้าจอแสดงผล

RGB จึงเป็นระบบสีที่ขึ้นอยู่กับอุปกรณ์ (Device dependent)

เมื่อนำสีมาผสมกันจะทำให้เกิดสีต่างๆ บนจอคอมพิวเตอร์ เราเรียกการผสมสีแบบนี้ว่า Additive หรือการผสมสีแบบบวก ทั้งนี้เพราะยิ่งเราเพิ่มสีเข้ามาผสมกันมากขึ้นเท่าไหร่ ก็จะได้แสงมารวมกันมากขึ้นเท่านั้น ซึ่งทำให้สีสว่างขึ้น ซึ่งเมื่อรวมแม่สีทั้งสามเข้าด้วยกันก็จะได้เป็นสีขาว

ที่มา : http://www.sony.ee/support/s_img/articles/topics/color1.JPG

Indexed

ระบบสีแบบ Indexed จะมีข้อได้เปรียบ 2 ประการคือ

1. เราสามารถสร้างภาพที่มีขนาดไฟล์เล็กเท่าแบบ Grayscale (พิกเซลขนาด 8 บิต)

2. และสามารถใส่สีแทนระดับสีเทาได้ โดยจะสร้างสีได้ 256 สี เท่ากับระดับสีเทาในภาพแบบ Grayscale

[TOP]

 คอมพิวเตอร์กราฟิกกับการประยุกต์ใช้งานด้านต่างๆ

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

1. คอมพิวเตอร์กราฟิกกับงานด้านการออกแบบ

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

ที่มา : http://images1.fanpop.com/images/photos/2200000/image-retouching-photoshop-2267346-716-516.jpg