GIMP by Chaiwoot Phrombutr

สารบัญ บทที่ 1 เริ่มตนกับ Gimp ความสําคัญของภาพกราฟก ภาพบนคอมพิวเตอรเกิดไดอยางไร คอมพิวเตอรประมวลผลภาพอยางไร GIMP โปรแกรมตกแตงภาพกราฟก ความสามารถโดยรวมของ GIMP ความตองการระบบของ GIMP การติดตั้งโปรแกรม GIMP ใชงานโปรแกรม GIMP ครั้งแรก รูจักกับหนาตางในการตกแตงภาพ Image Window

1 1 1 2 3 4 5 6 8 12

บทที่ 2 หลักการสรางงานกราฟกและการใชงานเครื่องมือพื้นฐาน หลักการสรางงานกราฟก การกําหนดมุมมองภาพ การซูมยอ-ขยายภาพ การเปลี่ยนขนาดของภาพ การปรับหมุนภาพ การทํางานกับสี การเลือกสี การเทสีดวย Bucket Fill Tool การเทสีแบบไลเฉดสีดวย Blend Tool การระบายสีดวย Painting Tool การวาดเสนดวย Ink Tool การลบภาพที่ไมตองการ การยอนกลับการทํางานทีละขั้นตอน การยอนกลับการทํางานในหลายขั้นตอน การตัดภาพเฉพาะสวน

25 25 27 28 29 32 32 33 35 36 38 40 41 43 43 44

บทที่ 3 การตัดแตงภาพเฉพาะสวน เลือกพื้นที่ภาพรูปทรงเรขาคณิต การเลือกพื้นที่วงรี และวงกลมดวย Ellipse Selection Tool เลือกพื้นที่แบบอิสระ เลือกพื้นที่ที่มีสีใกลเคียงกัน การปรับโหมดการเลือกพื้นที่ เลือกพื้นที่จากคําสั่ง Select การเลือกพื้นที่อยางปราณีตดวย Quick Mask Toggle การจัดการพื้นที่ที่เลือกดวย Selection Editor การปรับแตงการเลือกพื้นที่

46 46 48 50 53 57 59 61 62 62

บทที่ 4 การจัดวาง และปรับรูปทรง การแสดงจุดพิกัดบนภาพดวยกริด สรางความแมนยําในการวางภาพดวย Snap วัดระยะของวัตถุดวย Measure Tool รูจักกับการปรับรูปทรงภาพดวยเครื่องมือ Transform Tool การปรับขนาดภาพใหพอดีดวย Scale Tool หมุนภาพใหไดมุมที่ลงตัวดวย Rotate Tool บิดภาพใหลาดเอียงดวย Shear Tool บิดภาพใหผิดสัดสวนดวย Perspective Tool การพลิกกลับดานรูปดวย Flip Tool

68 72 72 73 75 76 78 79 80 81

บทที่ 5 การสรางขอความตกแตงภาพ รูจักกับรูปแบบของตัวอักษรที่ใชในโปรแกรมกราฟก การสรางตัวอักษรแบบ Outline การแกไขขอความที่พิมพผิดพลาด การสรางตัวอักษรแบบ Bitmap แปลงตัวอักษร Outline ใหเปนแบบ Bitmap สรางขอความแบบแฟนตาซีดวย Alpha to Logo

84 84 85 86 87 88 89

บทที่ 6 การทํางานกับเลเยอร ความหมายของ Layer การซอนภาพดวยเลเยอร การสรางเลเยอร การใชงานเลเยอร รวมเลเยอร

91 91 91 92 93 102

บทที่ 7 เทคนิคการตกแตงภาพในเลเยอร ปรับเลเยอรที่ซอนใหมองทะลุถึงกัน เทคนิคการสราง Layer Mask ทําความเขาใจกับ Layer Blending Mode

106 106 106 113

บทที่ 8 การวาดภาพ และระบายสี วาดรูปทรงดวย Path tool ฝกวาดเสนพาธ การเคลื่อนยายพาธ การทํางานกับเสนพาธที่วาดขึ้น Workshop การวาดภาพการตูนดวยเครื่องมือ Path Tool

117 117 118 122 123 130

บทที่ 9 ความรูเรื่องสี และการเลือกใชสี

135

โมเดลการมองเห็นสีทั่วไป โมเดลการมองเห็นสีในโปรแกรม GIMP การเปลี่ยนโหมดสีของภาพ การเลือกใชสีกับงานกราฟก แบบแผนในการใชสี

135 138 140 143 145

บทที่ 10 การปรับแตงภาพ ปรับแตงความสมดุลของสีภาพดวย Color Balance Tool ปรับความเขมและความจางของสีภาพดวย Hue/Saturation Tool ปรับสีใหภาพดวย Colorize Tool ปรับแตงความคมชัดและความสวางของภาพดวย Brightness/Contrast Tool การปรับภาพใหเปนสีขาว และสีดําดวย Threshold Tool ปรับแตงสีของภาพดวย Level Tool ปรับระดับแสงเงาภาพดวย Curve Tool ปรับ/ลดโทนสีในภาพดวย Posterize Tool

149 149 151 152 153 154 155 157 159

บทที่ 11 ตกแตงภาพดวยการรีทัช Retouch เทคนิคการแตงภาพสําหรับ GIMP ปรับความคมชัดของภาพดวย Convolve Tool ปรับโทนสีของภาพโดยใช Dodge/Burn Tool การทําสําเนาภาพดวย Clone Tool

160 160 160 164 166

บทที่ 12 การตกแตงภาพอยางสรางสรรคดวยฟลเตอร ฟลเตอรคืออะไร กฎการใชงานฟลเตอร วิธีการใชงานฟลเตอร ตัวอยางฟลเตอรใน GIMP

173 173 173 174 175

บทที่ 13 การนําภาพกราฟกไปใชงาน เรานําภาพไปใชงานอะไรไดบาง เตรียมพรอมกอนพิมพภาพ เลือกกระดาษสําหรับพิมพงานกราฟกและภาพ สรางงานสําหรับเว็บเพจ แปลงภาพสําหรับเว็บ

185 185 185 186 189 191

Workshop 1

ตกแตงแกไขภาพที่มีตําหนิ

195

Workshop 2

เปลี่ยนรูปรางของเชอรี่

203

Page 1

บทที่ 1 เริ่มตนกับ Gimp ภาพกราฟก เปนสวนประกอบสําคัญที่เราตางไดพบเห็นอยูในรูปแบบของแผนโฆษณา งานพรีเซนเตชั่น กลอง สินคา และเว็บไซตตางๆ ทําใหผูชมเกิดความสนใจในสิ่งที่นําเสนอ พรอมกับเขาชมและใชบริการเหลานั้น และที่ใกลตัว มากขึ้น คือ การตกแตงภาพถาย ที่เราสามารถตกแตงภาพในโอกาส และบรรยากาศตางๆ ใหออกมาอยางนาสนใจ ดังนั้น เนื้อหาในบทแรกนี้จะเริ่มตนนําเสนอใหรูจักกับภาพ กราฟก การทํางานกับกราฟกบนคอมพิวเตอร และความสามารถใน การสรางงานกราฟกของโปรแกรม GIMP

ความสําคัญของภาพกราฟก ภาพกราฟก เปนภาพที่ถูกตกแตงและสรางขึ้น เพื่อแทนความหมายที่จะสื่อไปถึง ผูชมไดรับรูในสิ่งที่เราตองการ ดังนั้นภาพกราฟกจึงไดรับความนิยมในการประกอบอยูใน สื่อตางๆ ไดแก ขอมูลขาวสาร โฆษณา กลองสินคา งานพรีเซน เตชั่น และเว็บไซตลวนแตตองใชภาพกราฟกมาเปนสวนประกอบทั้งสิ้น

ตัวอยางกราฟกปกหนังสือ

ภาพบนคอมพิวเตอรเกิดไดอยางไร ภาพโดยทั่วไป แบงไดเปน 2 ประเภท คือ Physical Image คือ ภาพที่เราเห็นอยูทั่วๆ ไป เชน ภาพถาย สวนภาพอีกประเภทก็คือ Digital Image หรือ Computer Graphic คือ ภาพที่ใชในการประมวลและเก็บใน คอมพิวเตอร

Page 2

ภาพขนาด 1x1 พิกเซล

ภาพขนาด 2x2 พิกเซล

ภาพขนาด 3x3 พิกเซล

ภาพขนาด 4x4 พิกเซล

ภาพที่ปรากฏบนหนาจอคอมพิวเตอรที่เราเห็นอยูทั่วไปนั้น เกิดจากจุดสี่เหลี่ยมเล็กๆ ของสีที่เราเรียกวา พิกเซล (Pixel) (พิกเซลเปนองคประกอบที่เล็กที่สุดของภาพ) มาประกอบกันเปนภาพขนาดตางๆ ดังตัวอยาง

ภาพที่มีความละเอียดต่ํา

ภาพที่มีความละเอียดสูง

คอมพิวเตอรประมวลผลภาพอยางไร ภาพที่เก็บในคอมพิวเตอรนั้น มีวิธีการประมวลผลภาพ 2 แบบแตกตางกันไปตามแตละโปรแกรมดังนี้ คือ 1. การประมวลผลแบบ Vector

เปนการประมวลผลแบบอาศัยการคํานวณทางคณิตศาสตร โดยมีสีและตําแหนงของสีที่แนนอน ฉะนั้นไมวาเรา จะมีการเคลื่อนยายที่หรือยอขยายขนาดของภาพ ภาพจะไมเสียรูปทรงในเชิงเรขาคณิต ตัวอยางเชน รูปการตูน โปรแกรมที่ ประมวลผลภาพแบบ Vector ไดแก Illustrator, CorelDraw และ Inkscape เปนตน 2. การเก็บและแสดงผลแบบ Bitmap

เปนการประมวลผลแบบอาศัยการอานคาสีในแตละพิกเซล มีชื่อเรียกอีกอยางหนึ่งวา Raster Image จะเก็บ ขอมูลเปนคา 0 และ 1 แตละพิกเซลจะมีการเก็บคาสีที่เจาะจงในแตละตําแหนง ซึ่งเหมาะกับภาพที่มีลักษณะแบบภาพถาย โปรแกรมที่ประมวลผลแบบ Bitmap ไดแก Photoshop, PhotoPaint และ GIMP เปนตน

ภาพเปรียบเทียบการแสดงผลแบบ Vector และ Bitmap การแสดงผลแบบ Vector ขยายแลวภาพไมแตก

การแสดงผลแบบ Bitmap ขยายแลวภาพแตก

Page 3

GIMP โปรแกรมตกแตงภาพกราฟก เปนโปรแกรมจัดการรูปภาพที่มีความสามารถสูง และครบถวน เหมาะสําหรับการจัดการรูปถายดิจิตอล การออกแบบกราฟกสําหรับเว็บ การแปลงไฟลจากฟอรแมตหนึ่งไป อีกฟอรแมตหนึ่ง หรือการสรางรูป ความละเอียดสูงสําหรับการพิมพ GIMP (GNU Image Manipulation Program)

หลักการทํางานงายๆ ของ GIMP นั้นคือใหเราสามารถตกแตงภาพโดยเริ่มตนจากที่เรามีภาพตนแบบกอน จากนั้นใชเครื่องมือใน GIMP จะมีทั้งพูกัน ดินสอ และอุปกรณการตกแตงภาพอื่นๆ ซึ่งขั้นตอนการตกแตงภาพนั้นเปน การทํางานบนเครื่องคอมพิวเตอรทั้งหมด การทํางานที่โดดเดนอีกรูปแบบหนึ่งของ GIMP นั้นคือ การตกแตงภาพตนฉบับใหเกิดสีสัน แสงเงา รวมทั้ง สรางความแปลกใหมใหกับภาพ โดยการใชเครื่องมือสําหรับการตกแตงภาพใน GIMP เปลี่ยนแปลงภาพใหเปนไปตามที่ เราตองการ

GIMP ตางจาก Photoshop และโปรแกรมอื่นอยางไร

โปรแกรม Photoshop ของคาย Adobe หรือโปรแกรมเชิงพาณิชย (Commercial Program) อื่นๆ นั้นตองเสียคาใชสิทธิ์ หรือเรียกวา License ซึ่งคาใชสิทธิ์ตอหนวยคอนขางสูง ตั้งแตหลายพันถึงหลักหมื่น แตถา หากคุณใช GIMP คุณไมตองเสียคาใชสิทธแมแตบาทเดียว นั่นหมายความวา คุณสามารถสรางงานได โดยไมผิดกฎหมาย ลิขสิทธิ์

Page 4

ความสามารถโดยรวมของ GIMP ความสามารถหลักของ GIMP นั้น จะเนนการตกแตงภาพกราฟกแนวตางๆ ใหสวยงามและแปลกตากวาเดิม นอกจากนั้นยังใชแกไขจุดบกพรองของภาพไดอีกดวย ทําให GIMP ถูกนําไปใชในงานตกแตงภาพในหลายๆ ดาน ดัง ตัวอยาง งานตกแตงภาพถาย เปนการตกแตงรูปถายเกาๆ ใหคมชัดเหมือนใหมหรือทําการแกไขรูปถายที่มืดไป สวางไป มี เงาดํา ใหภาพมีสีสดใสสมจริง นอกจากนั้นยังสามารถสรางภาพลอเลียน เชน เอาใบหนาของคนหนึ่งไปวางบนตัวคนอีก คนหนึ่ง นําภาพบุคคลไปวางไวบนฉากหลังฉากอื่น เปนตน

งานสิ่งพิมพ ไมวาจะเปนหนังสือ นิตยสาร โฆษณา เรียกไดวาเกือบทุกงานที่ตองใชรูป สามารถใช รังสรรคภาพใหเปนไปตามไอเดียที่เราวางแผนไวได

GIMP

งานเว็บไซตบนอินเทอรเน็ต ใชสรางภาพเพื่อตกแตงเว็บไซต ไมวาจะเปนแบ็คกราวนด ปุมตอบโต แถบหัวเรื่อง ตลอดจนภาพประกอบตางๆ

งานออกแบบทางกราฟก ใช ออกแบบการดอวยพร เปนตน

GIMP

ชวยในการสรางภาพสามมิติ การออกแบบปกหนังสือและผลิตภัณฑ การ

Page 5

ความตองการระบบของ GIMP เมื่อทราบถึงความสามารถของโปรแกรมกันแลว เรามาเตรียมเครื่องเพื่อติดตั้งโปรแกรมกัน ซึ่ง GIMP เปน โปรแกรมที่ทํางานเกี่ยวกับกราฟก ดังนั้น จึงจําเปนที่จะตองใชคอมพิวเตอรที่มีความเร็วสูง มีหนวยความจํา RAM และ ฮารดดิสกที่มีพื้นที่วางมากพอสมควร โดยความตองการระบบขั้นต่ําของ GIMP มีดังนี้ ชนิดของเครือ่ ง

ความตองการระบบ

คอมพิวเตอรที่มี CPU รุน Pentium III หรือ 4 หรือเครื่องที่เร็วกวานั้น ระบบปฏิบัติการ 98/ME/NT4/Windows 2000/Windows XP หนวยความจํา RAM อยางนอย 128 MB หรือมากกวานั้น ฮารดดิสกเนื้อที่วางอยางนอย 60 MB การดจอที่แสดงสีไดระดับ 16 บิตขึ้นไปหรือใชการดวิดีโอ จอภาพที่แสดงผลดวยความละเอียดอยางนอย 1,024x768 พิกเซลหรือมากกวานั้น

Mac

คอมพิวเตอรในรุน PowerPC รุน G4 หรือ G5 ระบบปฏิบัติการ Mac OS X หนวยความจํา RAM อยางนอย 128 MB หรือมากกวานั้น ฮารดดิสกเนื้อที่วางอยางนอย 60 MB จอภาพที่แสดงผลดวยความละเอียดอยางนอย 1,024x768 พิกเซลหรือมากกวานั้น

Linux

Kernel เวอรชั่น 2.2 ขึ้นไป GTK+ เวอรชั่น 2.4.4 ขึ้นไป

Page 6

การติดตัง้ โปรแกรม GIMP

1. ดับเบิ้ลคลิกเพื่อเริ่มการติดตั้ง

2. คลิก Next ไปยังขั้นตอน

4. คลิกเลือก Customize

3. คลิก Next ไปยังขั้นตอน

6. คลิก Finish เพื่อสิ้นสุดการติดตั้ง

5. รอขณะที่กําลังติดตั้ง

วิธีนี้เปนการติดตั้งอยางรวดเร็ว ยังมีการติดตั้งแบบ ปรับแตงรายละเอียดการติดตั้งได ดังตอไปนี้

Customize

อีกวิธีหนึ่ง (ในขั้นตอนที่

ซึ่งเราสามารถ

Page 7

4. คลิกเลือก Customize

5. เลือกโฟลเดอรที่ใชติดตั้ง 6. คลิก Next ไปยังขั้นตอน

หมายเหตุ : คลิกเลือก Translations เมนูคําสั่ง Gimp จะเปนภาษาตามระบบปฏิบัติการในเครื่อง เชน Windows ภาษาไทย เมนูก็จะเปนภาษาไทย หากตองการใหเมนูเปนภาษาอังกฤษ ใหคลิก ตัวเลือกนี้ออก 7. เลือกชนิดการติดตั้ง

9. คลิกเลือกชนิดไฟลที่ใช

8. คลิก Next ไปยังขั้นตอน

10. คลิก Next ไปยังขั้นตอน

11. คลิก Next ไปยังขั้นตอน

13. คลิก Install เพื่อเริ่มตนติดตั้งโปรแกรม 12. คลิก Next ไปยังขั้นตอน

Page 8

14. รอขณะที่กําลังติดตั้งโปรแกรม

15. คลิก Finish เพื่อสิ้นสุดการติดตั้ง

ใชงานโปรแ กรม GIMP ครั้งแรก เมื่อเราเปดโปรแกรม GIMP ขึ้นมาครั้งแรก จะปรากฏ หนาตางโหลดเพื่อเขาสูหนาตาง การทํางานของโปรแกรม

หนาจอของโปรแกรม GIMP หนาตาง Main Toolbox

หนาตาง Image Window

หนาตาง Dialogs and Docking

Tool Icon

Tool Options

พื้นที่ในการตกแตงภาพ

ไดอะล็อกตางๆ

Page 9

หนาตาง Main Toolbox เปนหนาตางที่เก็บรวบรวมเครื่องมือและคําสั่งที่ใชในการสราง การปรับแตงและการแกไขภาพ โดยจะแบงกลุม เครื่องมือและคําสั่งในการจัดการกับภาพตางๆ ไดดังตอไปนี้ Tool Icons สวนเก็บรวบรวมเครื่องมือที่ใช

Foreground/Background colors สวนที่ใชกําหนด สีโฟวกราวน และ แบ็คกราวน Tool Options กําหนดคุณสมบัติของเครื่องมือที่เรากําลังใชงานอยู

Tool Icons

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

Selection Tools ใชเลือกสวนของพื้นทีใ่ นการตกแตงภาพ

กลุมเครื่องมืออื่นๆ ที่มีการใชงานแตกตางกัน Text Tool เครื่องมือสําหรับเขียนขอความ

Transform Tools ใชสําหรับการเปลี่ยนแปลงรูปรางและขยายวัตถุ

Brush Tools เปนกลุมเครื่องมือเกี่ยวกับการ วาดภาพ ระบายสี ตกแตงภาพ

Color Tools เครื่องมือสําหรับปรับสีใหกับภาพ

Page 10

Tool Options

เปนสวนที่เราสามารถกําหนดคุณสมบัติเครื่องมือตางๆ ในการใชงานได โดยมีรายละเอียดของแตละเครื่องมือ อยางครบถวน ซึ่งเราสามารถจัดเก็บการตั้งคาของเครื่องมือเพื่อเก็บไวใชหลายๆ ครั้ง โดยไมตองตั้งคาใหมได และเรียกใช คาเหลานั้นไดทันที Tool Options Menu เมนูเพิ่มเติม สําหรับ Tool Options

ชื่อของเครื่องมือที่ใชงานอยู

รายละเอียดของเครื่องมือ

ลบคาที่เก็บไว คลิกเพื่อกลับไปเปนคาเริ่มตน

คลิกเพื่อจัดเก็บการตั้งคา เรียกใชคาที่เก็บไว

หนาตาง GIMP ภายในหนาตาง Docking จะเปนศูนยรวมของไดอะล็อก (Dialog) ซึ่งเปนหนาตางยอยที่รวบรวมคุณสมบัติ การทํางานของเครื่องมือตางๆ ใหเราเลือกปรับแตงการใชงานไดงายๆ โดยไมตองเปดหาที่แถบคําสั่งอีกตอไป มี สวนประกอบดังนี้ Image Menu แสดง ชื่อไฟล ที่เรากําลังใชงานอยู

แท็ปของไดอะล็อกที่เปดใชงานอยู Tab Menu เมื่อคลิกจะปรากฏเมนู ตางๆ ในการสั่งการทํางาน เมนูที่ปรากฏจากการคลิก Tab Menu

Docking bars แบงกลุม ระหวาง Dialog ดานบนและ ดานลาง เปลี่ยนแปลงขนาด ใหกับหนาตาง Docking

Brush/Pattern/Gradient กําหนดลักษณะของ Brush/Pattern/Gradient ที่ตองการ

Page 11

การเปด/ปด Dialog เราสามารถเปด/ปดไดอะล็อกไดจากคําสั่ง Windows>Dockable Dialogs ในหนาตาง Image Window แลวคลิกเลือกชื่อไดอะล็อกที่เราตองการแสดง และถาไมตองการแสดงไดอะล็อกใดใหคลิกเมาสที่ปุม เพื่อ ปดไดอะล็อก

เลือก Dialog ที่ตองการเปด/ปด

ไดอะล็อก Palettes ถูกเปดออก

แตละไดอะล็อกจะมีเมนูคําสั่งของตัวเองเพื่อควบคุมการทํางาน สามารถเรียกดูเมนูในแตละไดอะล็อกได โดย คลิกที่ และคลิกเลือกคําสั่งที่ตองการ

คลิกเมาสลากเพื่อยอ/ขยาย ขนาดไดอะล็อกไดเอง

คําสั่งเพิ่มเติมในการ จัดการไดอะล็อก

คําสั่งการใชงาน ไดอะล็อก Brushes

Page 12

การแยก/รวมไดอะล็อกดวย Docking drag handles เราสามารถแยก/รวมไดอะล็อกเพื่อเคลื่อนยายแตละไดอะล็อก โดยการคลิกเมาสคางไวที่แท็บหัวขอไดอะล็อก ให ตัวชี้เมาสเปลี่ยนเปนรูป แลวลากไดอะล็อกไปไวในตําแหนงที่ตองการของหนาจอโปรแกรมได ดังนี้ ลากเมาสที่แท็บหัวขอ นําไปปลอยไว ตําแหนงเดิม เพื่อรวมกลุมกับ ไดอะล็อก อื่นที่ตองการ

ลากเมาสที่แท็บหัวขอ เพื่อแยกกลุมไดอะล็อกออกมา

รูจักกับหนาตางในการตกแตงภาพ Image Window หนาตาง Image คําสั่งตางๆ ดังตอไปนี้

Window

เปนหนาตางที่ใชในการตกแตงภาพ ซึ่งมีสวนประกอบที่ใชในการตกแตงและ

Page 13

Title Bar Image Menu Menu Button

Image Window Resize toggle

Image Display Ruler

Unit Menu Inactive Padding Area

Pointer Coordinates

Navigation Control

Quick Mask Toggle Zoom Button

Status Area

จะอยูดานบนสุดของหนาตาง จํานวนเลเยอรที่แสดงในภาพ และขนาดภาพ Title bar

Image Menu

Image Window

แสดงรายละเอียดเกี่ยวกับชื่อไฟล โหมดภาพ

จะอยูดานลางลงมาจาก Title bar จะเปนคําสั่งตางๆ ในการจัดการและตกแตงภาพ มีคําสั่ง

ทั้งหมด 10 กลุมคําสั่ง คือ

File จะเปนคําสั่งเกี่ยวกับไฟลทั้งหมด เชนการเปดไฟล ปดไฟล จัดเก็บไฟล

Edit คําสั่งในการแกไขภาพ เชน การยอนกลับการทํางาน การคัดลอกภาพ หรือตัดภาพ

Select คําสั่งเกี่ยวกับการเลือกพื้นที่ในภาพ

View คําสั่งเกี่ยวกับการกําหนดมุมมอง การซูมภาพ

Image คําสั่งเกี่ยวกับการจัดการภาพ เชน การเปลี่ยนโหมดภาพ

การกําหนดขนาดภาพ Layer เปนคําสั่งเกี่ยวกับการจัดการเลเยอร เชน การสรางเลเยอร การคัดลอกเลเยอร การ ลบเลเยอร Tool เปนคําสั่งเปดหนาตางเครื่องมือ หรือเลือกเครื่องมือที่ตองการใชงาน Dialog เปนคําสั่งเปดไดอะล็อก หรือสราง Docking ขึ้นมาใชงาน Filter เปนคําสั่งเรียกใชงานฟลเตอร เพื่อนํามาตกแตงภาพ Script-Fu เปนคําสั่งเกี่ยวกับการตกแตงภาพโดยใชการเขียนสคริปต

Page 14

Menu Button

เปนปุมเล็กๆ อยูตรงมุมดานบนซายของภาพ เมื่อเราคลิกปุม จะปรากฏเมนูคําสั่งใหเลือก

เหมือนกับ Image Menu เปนเปนแถบไมบรรทัดทางดานซายและดานบนของภาพ ซึ่งเราสามารถ คลิกลากเสนไกดจากแถบไม บรรทัดออกมาวางในภาพ เพื่อใชงานเสนไกดได Ruler

เปนปุมเล็กๆ อยูตรงมุมดานดานลางซายของภาพ เพื่อเปลี่ยนโหมดภาพใหอยูใน โหมดควิกมาสก สําหรับเลือกพื้นที่ในการตกแตงภาพ Quick Mask Toggle

Pointer Coordinates จะแสดงพิกัดของตําแหนงที่เมาสชี้อยู Unit Menu เปนแถบแสดงหนวยวัดที่ใชกับไมบรรทัด ซึ่งเราสามารถทําการคลิก เพื่อเปลี่ยนหนวยวัดใหกับไม

บรรทัดได Zoom Button เปนปุมสําหรับกําหนดขนาดมุมมองของภาพ เพื่อยอ/ขยาย ภาพ

โดยปกติจะแสดงเลเยอรที่ใชงานอยู และขนาดพื้นที่ใชของไฟลภาพ หากทําการเลือกฟลเตอร หรือเลือกคําสั่งแกไขภาพแถบ Status Area จะเปลี่ยนเปนแถบแสดงสถานะการทํางานของคําสั่งนั้น Status Area

เปนปุมลูกศรบริเวณมุมขวาดานลางของภาพ ใชในกรณีที่ภาพมีขนาดใหญเกินกวาที่ จะมองเห็นภาพทั้งหมดในหนาตางภาพได เราสามารถเลื่อนมุมมองภาพไปยังบริเวณที่เราตองการ Navigation Control

เปนพื้นที่วางในหนาตางภาพ แสดงเมื่อภาพมีขนาดเล็กกวาหนาตาง หรือถูกยอ ใหมีขนาดเล็กกวาหนาตางเราไมสามารถจัดการกับภาพในสวนนี้ได Inactive Padding Area

Image Display สวนแสดงภาพที่เราทําการตกแตง แกไข

เปนปุมบริเวณมุมขวาดานบนของภาพ ปุมเปด หรือปด (ใช/ไมใช) ความสามารถในการยอขยายภาพอัติโนมัติตามขนาดของหนาตาง image display ถากดเลือกใชเมื่อเรายอขยาย หนาตาง ภาพจะเปลี่ยนขนาดตาม แตถาไมเลือกใช (ซึ่งเปน default) ถึงจะยอขยาย Image display ภาพจะคง ขนาดเดิม Image Window Resize toggle

การสรางไฟลใหม เมื่อเราไดจัดเตรียมภาพที่จะนํามาใชและไดรางชิ้นงานที่จะสรางเรียบรอยแลว ในหัวขอนี้เราจะมาสรางไฟล ชิ้นงานใหมกัน เริ่มตนดวยการกําหนดขนาดและความละเอียดของชิ้นงานที่จะนําไปใชงาน ซึ่งเราควรกําหนดใหเหมาะกับ ลักษณะงาน มีขั้นตอนดังนี้ 1. 2.

เลือกคําสั่ง File>New ที่หนาตาง Image Windows หรือกดแปน <Ctrl+N> ที่คียบอรดเพื่อสรางไฟล ใหม จะปรากฏหนาตาง Create a New Image ขึ้นมา จากนั้นคลิกที่ Advanced Options กําหนด รูปแบบของหนากระดาษดังนี้

Page 15

o o

o 3.

คลิกปุม

กําหนดความกวางของภาพ โดยชองดานหลังเปนการกําหนดหนวยวัดของความกวาง ซึ่งมี หนวยวัดหลายแบบ เชน pixel เปนหนวยวัดพื้นฐานบนคอมพิวเตอร หรือ Inches (นิ้ว) และหนวย วัดอื่นๆ Height กําหนดความสูงของภาพ โดยหนวยวัดจะเปนไปตามที่เรากําหนดในความกวาง X Resolution กําหนดความละเอียดของภาพในแนวแกน x โดยงานกราฟกสําหรับเว็บควรจะ กําหนดคาเทากับ 72 pixels/inch และงานดานสิ่งพิมพตองใช 200-300 pixels/inch Y Resolution กําหนดความละเอียดของภาพ ในแนวแกน y โดยงานกราฟกสําหรับเว็บควรจะ กําหนดคาเทากับ 72 pixels/inch และงานดานสิ่งพิมพตองใช 200-300 pixels/inch Color Space กําหนดโหมดสีของภาพ เชน โหมด RGB จะใชในงานกราฟกสําหรับเว็บและ ภาพเคลื่อนไหว Fill with กําหนดพื้นหลังของภาพ โดยมีรายละเอียดดังนี้ Foreground Color ปรับใหพื้นหลังเปนสีโฟวกราวนดที่กําหนดไวใน Main Width

Toolbox Background

Toolbox White ปรับใหพื้นหลังเปนสีขาว

Transparent กําหนดใหเปนพื้นโปรงใส

Color

ปรับใหพื้นหลังเปนสีแบ็คกราวนดที่กําหนดไวใน

Comment เปนคําอธิบายเกี่ยวกับภาพ

เพื่อตกลงการสรางไฟลใหมตามที่เรากําหนด 1. เลือกคําสั่ง File>New 2. คลิกที่ Advanced Options

3. กําหนดรูปแบบของหนากระดาษ

Main

Page 16

เราจะไดไฟลภาพใหมตามที่เรากําหนด

ลักษณะพื้นหลังของไฟลภาพ

White กําหนดพื้นหลังเปนสีขาว

Foreground/Background Color คือ พื้นหลังเปนสีโฟวกราวนด หรือแบ็ค กราวนดที่กําหนดไวใน Main Toolbox

Transparent คือ พื้นหลังที่โปรงใส เหมือนกับเขียนภาพบนแผนใส

กําหนดขนาดไฟลภาพตามคามาตรฐาน งานกราฟกที่ตองทําบอยๆ ก็จะมีคาขนาดของไฟลงานมาตรฐานที่กําหนดไวแลว เพื่อใหเราเรียกใชไดที่หัวขอ Template จะมีขนาดและรายละเอียดของชิ้นงานแบบตางๆ ที่ใชงานบอยใหเราเรียกใชไดเลย โดยไมตองกําหนดคา ตางๆ เอง โดยมีแบบตางๆ ดังนี้

Page 17

กระดาษจดหมาย เชน US-Letter ขนาดหนาจอพรีเซนเตชั่น เชน 640x480, 800x600 ขนาดกระดาษสิ่งพิมพ เชน A4, A3, B5 ขนาดของภาพในงานวิดีโอ เชน NTSC 720 x 486

องคประกอบที่มีผลกับไฟลภาพ 1. 2.

ขนาดความกวางและความยาว ถาภาพมีความกวางและความยาวมาก ขนาดของไฟลก็จะใหญมาก ดังนั้นควรจะ กําหนดใหขนาดของภาพมีขนาดตามที่ตองใชงานจริง เพื่อชวยลดขนาดไฟล ความละเอียด (Resolution) ถาความละเอียดของภาพมาก ขนาดไฟลภาพก็จะมาก ถึงแมคุณภาพของภาพสูง แตเครื่องคอมพิวเตอรจะทํางานชา ดังนั้นเราควรกําหนด Resolution ตามการใชงาน เชน ภาพที่นําเสนอบนเว็บเพจและพรีเซนเตชั่น ควรใช 72 DPI (Dots per inch) ภาพที่พิมพออกทางเครื่องพิมพเลเซอร ควรใช 200 DPI สิ่งพิมพตางๆ ที่ตองเขาพิมพในโรงพิมพ เชน ปกนิตยสาร ควรใช 300 DPI โหมดสีของภาพ จะมีผลตอขนาดของไฟล โดยสามารถเรียงลําดับโหมดสีที่ทําใหไดขนาดไฟลนอยไปมาก ได ดังนี้ Bitmap, Grayscale, RGB, CMYK, Lab color

ทดลองสรางชิ้นงานโดยนําภาพมาตกแตง ในตัวอยางนี้จะสรางงานโฆษณาอยางงายๆ โดยนําภาพที่เราเตรียมไวมาจัดวางใหสวยงาม และจะนําเสนอเปน หลักการทํางานเบื้องตนของโปรแกรม GIMP ดังนี้ ขั้นตอนที่ 1 ขั้นตอนที่ 2 ขั้นตอนที่ 3 ขั้นตอนที่ 4 ขั้นตอนที่ 5

กําหนดขนาดของชิ้นงาน เปดไฟลภาพที่ตองการนํามาตกแตง ตกแตงภาพโดยการจัดวาง บันทึกไฟลภาพ ออกจากการทํางานของโปรแกรม

Page 18

ตัวอยางชิ้นงานของแผนโปสการด

ขั้นตอนที่ 1 กําหนดขนาดของชิ้นงาน เริ่มแรกใหเรากําหนดขนาดของแผนโฆษณาที่เปนชิ้นงานของเรา ดังนี้ 1. 2.

เลือกคําสั่ง File>New เพื่อเปดหนากระดาษใหม จะปรากฏหนาตาง Create a New Image จากนั้นกําหนดขนาด และรายละเอียดของหนากระดาษ โฆษณาของเรา ในที่นี้กําหนด ขนาดความกวาง และความยาวเทากับ 640x480 พิกเซล (pixels) ความละเอียด (Resolution) 300 พิกเซล/นิ้ว (pixels/inch) โหมดสี (Color Space) เปน RGB Color พื้นของภาพ (Fill with) เปนสีขาว (White) คลิกเมาสปุม เพื่อสรางชิ้นงาน 1. เลือกคําสั่ง File>New

2. กําหนดขนาดใหกับงานโฆษณา

3. คลิกเมาส

Page 19

4. แสดงขนาดของหนากระดาษใหม ที่ถูกเปดขึ้นมา

ขั้นตอนที่ 2 เปดไฟลภาพที่ตองการนํามาตกแตง โดยเปดไฟลภาพที่อยูในเครื่องคอมพิวเตอรของเรา Open Image ดังนี้ 1. 2. 3.

ขึ้นมาตกแตงในหนากระดาษใหมที่เปดอยู

จากหนาตาง

เลือกคําสั่ง File>Open เพื่อเปดหนาตางยอยแสดงภาพ จะปรากฏหนาตาง Open Image เลือกโฟลเดอรที่เก็บภาพ แลวดับเบิ้ลคลิกภาพที่จะนํามาตกแตงใน GIMP ซึ่งในตัวอยางนี้เราจะนํา ภาพเขามาตกแตงทั้งหมด 3 ภาพ คือ ภาพพื้นหลัง (bg_coffee.jpg), ภาพแกวกาแฟ (coffee00.gif) และภาพขอความ (text.tif)

ภาพพื้นหลัง

ภาพแกวกาแฟ 2. จะปรากฏหนาตาง Open Image

1. เลือกคําสั่ง File>Browse

ภาพขอความ

Page 20

3. ดับเบิ้ลคลิกเลือกภาพที่จะนํามาตกแตงทีละภาพ

แสดงตัวอยางภาพที่เลือก

แสดงไฟลภาพทั้งหมด ที่ถูกเปดขึ้นมาใชตกแตงในโปรแกรม GIMP

ขั้นตอนที่ 3 ตกแตงภาพโดยการจัดวาง ใหนําภาพที่เราเปดขึ้นมาทั้งหมดจากขั้นตอนที่ผานมา นํามาจัดวางในหนากระดาษเปลาๆ ขั้นตอนที่ 1 แลวทําการจัดวางใหเหมาะสมสวยงาม ดังขั้นตอนตอไปนี้ 1. 2. 3. 4. 5.

ที่ยังเปดไวอยูจาก

เลือกคําสั่ง Edit>Copy หรือกดแปน <Ctrl+C> ที่คียบอรดเพื่อคัดลอกไฟลภาพพื้นหลัง ในหนากระดาษที่เรากําหนดไวจากตอนที่ 1 เลือกคําสั่ง Edit>Paste หรือกดแปน <Ctrl+V> ที่คียบอรดเพื่อ วางไฟลภาพที่คัดลอกมา เลือกคําสั่ง Edit>Copy หรือกดแปน <Ctrl+C> ที่คียบอรดเพื่อคัดลอกไฟลภาพแกวกาแฟ แลวนําไปวางใน ไฟลใหมที่สรางขึ้นตามขอ 2 เลื่อนตําแหนงภาพใหอยูทางซาย ตามตัวอยาง เลือกคําสั่ง Edit>Copy หรือกดแปน <Ctrl+C> ที่คียบอรดเพื่อคัดลอกไฟลขอความ แลวนําไปวางในไฟล ใหมที่สรางขึ้นตามขอ 2 เลื่อนตําแหนงขอความใหอยูดานบนของแกว ตามตัวอยาง คลิกเมาสเลื่อนจัดวางภาพทั้ง 3 ใหเหมาะสมตามที่ตองการ ก็จะไดภาพโฆษณาของเราเอง ดังรูป 1. เลือกคําสั่ง Edit>Copy เพื่อคัดลอกไฟล

Page 21

2. เลือกคําสั่ง Edit>Paste เพื่อวางไฟลภาพ ที่คัดลอกมา

ภาพพื้นหลังที่นํามาวาง

3. เลือกคําสั่ง Edit>Copy เพื่อคัดลอกภาพแกวกาแฟ 4. เลือกคําสั่ง Edit>Copy เพื่อคัดลอกขอความ

Page 22

ผลลัพธของภาพที่ได

ขั้นตอนที่ 4 การบันทึกไฟล (Save) หลังจากสรางชิ้นงานเสร็จแลว เราสามารถบันทึกไฟลไดหลายรูปแบบ ดังนี้ 1.

2. 3. 4.

เลือกคําสั่ง File ที่เมนูบารและเลือกรูปแบบการบันทึกไฟลดังตอไปนี้ คือ • File>Save เปนการบันทึกงานอยูในไฟลเดิมที่เรากําลังเปดแกไขอยู • File>Save As เปนการบันทึกงานเดิมเปนชื่อใหม หรือบันทึกใหอยูในรูปของฟอรแม็ตใหม • File>Save a Copy เปนการบันทึกงานเดิมเปนชื่อใหม หรือบันทึกใหอยูในรูปของฟอรแม็ตใหม คลายกับ Save As • File>Save as Template เปนการบันทึกงานไวเปน Template ใหเลือกใชตอนทําการสราง ไฟลใหม ในหนาตาง Create a New Image ในชอง ชื่อ : พิมพชื่อไฟลที่จะบันทึกลงไป ในชอง บันทึกในโฟลเดอร : ใหกําหนดตําแหนงของโฟลเดอรเพื่อใชเก็บไฟลที่จะบันทึกนี้ โดยปกติไฟลงานของ Gimp จะเปนไฟลนามสกุล .xcf ซึ่งใชเฉพาะโปรแกรม Gimp เทานั้น ถาตองการ บันทึกในรูปของฟอรแม็ตใหม ใหทําการคลิกเลือกในชอง Select File Type เลือกชนิดของไฟลที่จะนําไปใช งาน สําหรับการบันทึกชิ้นงานเพื่อนําไปสงโรงพิมพจะใชฟอรแมต TIFF สวนการนําไปสรางพรีเซนเตชั่นแลว สรางเว็บไซต จะใชฟอรแมต JPEG, GIF และ PNG คลิกเมาสที่ปุม เพื่อทําการบันทึกไฟล

Page 23

1. เลือกคําสั่ง File>Save As

NOTE : ในการบันทึกงานในโปรแกรม GIMP นี้ สามารถทําการบันทึกชนิดไฟลของภาพเปน psd ซึ่ง เราสามารถที่จะเปดไฟลนี้มาทําการแกไขไดอีกใน โปรแกรม Photoshop

2. พิมพชื่อไฟล 3. คลิกเมาสเลือกตําแหนงที่ใชเก็บไฟล 4. เลือกฟอรแมตของไฟล

5. คลิกเมาสเพื่อทําการบันทึกไฟล

ขั้นตอนที่ 5 ออกจากการทํางานของโปรแกรม สุดทาย เมื่อตองการออกจากหนาตางไฟลภาพและโปรแกรมการทํางานสามารถทําได โดยคลิกที่ปุม หนาตางของโปรแกรม GIMP 1.

ทั้ง 2

ที่หนาตางแสดงไฟลภาพ ในหนาตาง Image Window ใหคลิกเมาสที่ปุม ไฟลจะถูกปดทันที เมื่อปด ไฟลงานทั้งหมดจะเหลือหนาตาง GNU Image Manipulation Program ซึ่งเราสามารถออกจาก โปรแกรมไดโดยคลิกที่ปุม ที่หนาตาง Main Toolbox ใหคลิกเมาสที่ปุม จะเปนการออกจากโปรแกรมไดเชนกัน

Page 24

1. คลิก เพื่อปดหนาตาง ไฟลภาพ

2. คลิก

เพื่อปดโปรแกรม

Page 25

บทที่ 2 หลักการสรางงานกราฟก และการใชงานเครื่องมือพื้นฐาน ในบทนี้ ก็จ ะเปนการแนะนํ าแนวทางในการสร า งงานกราฟ ก ซึ่ง จะเน น ถึง การสร า งชิ้น งานที่ ไ ดจ ากการนํ า สวนประกอบของภาพเปนหลัก การใสสีขอความ และการจัดซอนภาพ สวนการตกแตงภาพถาย การปรับสีในภาพ และการ วาดภาพจะกลาวในสวนทายของเลม เพราะเนื้อหาสวนแรกจะปูพื้นฐานการสรางงานกราฟกใหเขาใจกันอยางถูกตอง เสียกอน รวมทั้งการใชงานเครื่องมือวาดภาพ และลงสีตางๆ ที่เปนเครื่องมือพื้นฐานในการตกแตงภาพ

หลักการสรางงานกราฟก กอนอื่นเราตองทําการวางแนวทางของชิ้นงานกอนวา จะนําเสนอเรื่องอะไร ใชสี ภาพและขอความอะไร เมื่อเรา ไดวางแนวทางของชิ้นงานเรียบรอยแลว ตอไปเราก็จะมาทราบถึงแนวทางการสรางชิ้นงานกันตอ ซึ่งอาจจะไมตายตัวเสมอ ไปแตก็พอเปนแนวทางสรุปโดยรวมได ดังนี้ 1. การกําหนดพื้นหลังของภาพ

เปนการกําหนดภาพ หรือสีพื้นหลัง โดยภาพหรือสีพื้นหลังที่ใชนั้นควรมีโทนสีที่ใหอารมณและสื่อความหมายได ถูกตองตามจุดประสงคของชิ้นงาน (ดูรายละเอียดในหัวขอตอไป)

2. การเลือกพื้นที่ภาพที่ใชงาน

เปนการตัด หรือคัดลอกบางสวนของภาพตางๆ ที่เราจะนํามาใชในชิ้นงานของเรา (ดูรายละเอียดในบทเรื่อง ”การ แตงและตัดภาพเฉพาะสวน”

Page 26

3. การจัดวางภาพใหเหมาะสม

เมื่อเรานําภาพสวนประกอบมารวมกันในชิ้นงาน อาจมีบางภาพที่มีขนาด และมุมการจัดวางไมลงตัว เราก็สามารถ ขยาย หมุน และบิดภาพใหเขากัน (ดูรายละเอียดในบทเรื่อง “การจัดวาง และปรับรูปทรงภาพ”)

4. การใสขอความ

เปนการใสขอความที่เปนชื่อ เรื่อง หรือคําบรรยายตางๆ เขาไปตกแตงเพิ่มเติม (ดูรายละเอียดในบทเรื่อง “การ สรางขอความตกแตงภาพ”

5. การนําภาพสวนประกอบมาจัดซอนกัน

นําภาพสวนประกอบที่เลือกไว มาทําการซอนกัน โดยบางสวนอาจจะอยูดานบน หรือดานลาง ตามจุดประสงคที่ วางไว (ดูรายละเอียดในบทเรื่อง “การทํางานกับเลเยอร”)

Page 27

6. ตกแตงทุกสวนประกอบเขากันอยางกลมกลืน

สุดทาย เราจะพิจารณาภาพรวมชิ้นงานที่ได และปรับแตงรายละเอียดของภาพประกอบแตละสวนใหดูกลมกลืน กัน เพื่อใหไดผลงานที่สวยงาม (ดูรายละเอียดในบทเรื่อง “เทคนิคการตกแตงภาพในเลเยอร”)

การกําหนดมุมมองภาพ เปนการกําหนดมุมมองทั่วไปของหนาตางแสดงภาพผาน เมนูคําสั่ง View และเลือกคําสั่งที่ตองการ

Image menu

กําหนดหนาตางใหพอดีกับขนาด

ซึ่งเราสามารถทําไดโดยการเลือกที่

กลับไปที่มุมมองเดิม ยอภาพ ขยายภาพ

แสดงภาพแบบเต็มหนาจอ

กําหนดขนาดความกวางหรือ ความยาวใหเต็มพืน้ ที่ของ หนาตาง

กําหนดขนาดภาพใหสามารถ มองเห็นภาพทั้งหมดเต็มหนาตาง

Page 28

ตัวอยางมุมมองแบบ Fit Image in Window

ตัวอยางมุมมองแบบ Fill Window

สามารถเลื่อน Scroll Bar ไดอีก

การซูมยอ-ขยายภาพ เราสามารถยอ หรือขยายมุมมองของภาพโดยใชเครื่องมือ Magnify Tool เครื่องมือนี้เปนเหมือนแวน ขยาย ที่ชวยขยายภาพใหเราตกแตงไดอยางละเอียดมากขึ้น และยังสามารถยอภาพใหเล็กลงเพื่อดูภาพโดยรวมไดอีกดวย

การซูมภาพ เราสามารถขยายภาพที่นําเขามาใหดูชัดเจนขึ้น โดยการใชงานเครื่องมือ Magnify Tool ดังนี้ 1. คลิกเลือก Magnify Tool

2. คลิกบริเวณที่ตองการขยายมุมมอง

3. ภาพจะถูกซูมขยายใหใหญขึ้น

ถาตองการซูมเฉพาะบางที่ ก็สามารถทําไดเหมือนกัน โดยลากเมาสครอบเฉพาะพื้นที่ที่เราตองการแบบนี้

Page 29

1. ลากเมาสคลุมพืน้ ที่ที่ตองการ และ

2. จะไดภาพที่ถูกซูมเฉพาะพื้นที่ที่เลือก

การยอภาพ เมื่อเราตองการยอภาพใหเล็กลง ใหกดคีย <Ctrl> คางไว และคลิกเมาสลงบนภาพ จากนั้นภาพจะคอยๆ ถูกซูม ออกใหดูเล็กลงตามจํานวนครั้งที่เราคลิกเมาส

1. กดปุม <Ctrl> คางไวจะมีสัญลักษณ แลวคลิกเมาส

2. ภาพเล็กลงผลจากการที่เราคลิกเมาส 3 ครั้ง

การเปลี่ยนขนาดของภาพ หากตองการนําภาพไปลงเว็บ หรือทําเปนภาพติดบัตร ซึ่งจะเหมาะกับการลดขนาดภาพ เพื่อไฟลภาพจะลดลงไม ตองเปลืองเนื้อที่ และโปรแกรมจะทํางานไดเร็วดวย แตจะไมเหมาะกับการขยายภาพใหใหญขึ้น เพราะภาพที่ออกมาไม คมชัดเหมือนภาพตนฉบับ 1. 2.

เลือกคําสั่ง Image>Scale Image ที่หนาตาง Image Window กําหนดขนาดของภาพใหมตามตองการ ดังนี้

Page 30

Image Size กําหนดขนาดภาพใหม

และ Height กําหนดความกวาง และความสูงของภาพ (เราสามารถกําหนดคาทั้ง 2 ได อยางอิสระ โดยไมคํานึงถึงสัดสวนของภาพเดิม โดยคลิก ใหเปนลักษณะแบบโซเปด ) o X resolution และ Y resolution กําหนดความละเอียดของภาพในแนวแกน X (แนวนอน) และแกน Y (แนวตั้ง) o Quality กําหนดคุณภาพของภาพที่ปรับได 3 ระดับ o None คือ คุณภาพระดับต่ําสุด o Linear คือ คุณภาพระดับกลาง o Cubic คือ คุณภาพระดับดีที่สุด คลิกเมาสที่ปุม เพื่อสั่งใหโปรแกรมเปลี่ยนขนาดภาพใหมตามที่เรากําหนด o

Width

1. เลือกคําสั่ง Image>Scale Image

2. กําหนดขนาดของ ภาพใหม

3. คลิกเมาส

ภาพตนแบบกอนการลดขนาดภาพ

หลังการลดขนาดภาพ

Page 31

การเพิ่ม/ลดพื้นที่การทํางานของภาพ ในระหวางที่เราตกแตงภาพ อาจจะมีความตองการเพิ่มพื้นที่การทํางานใหมากขึ้นหรือ ลดพื้นที่ของภาพใหเล็กลง ได ดังนี้ 1. 2.

เลือกคําสั่ง Image>Canvas Size ที่หนาตาง Image Window จะปรากฏหนาตาง Canvas Size ขึ้นมา เพิ่ม/ลดพื้นที่ของภาพ และกําหนดตําแหนงของภาพภายในพื้นที่ o Canvas size กําหนดขนาดภาพใหม Width และ Height กําหนดขนาดความกวาง และความสูงของ พื้นที่ภาพ o Offset กําหนดตําแหนงของภาพเดิมในพื้นที่ที่กําหนดขึ้นใหม X คือ พิกัดของตําแหนงรูปในแนวนอน และ Y คือ พิกัดของตําแหนงรูปในแนวตั้ง

หากตองการใหภาพเดิมอยูตรงกลางของพื้นที่ สามารถคลิกปุม โดยอัตโนมัติ

เพื่อจัดตําแหนงภาพใหอยูกึ่งกลาง

เพิ่ม/ลดขนาดของ Layers o None ไมตองการเพิ่ม/ลดขนาดเลเยอร o All layers เพิ่ม/ลดขนาดเลเยอรทั้งหมดดวย o Imaged-sized layers เพิ่ม/ลดขนาดเฉพาะเลเยอรของภาพที่ปรับพื้นที่อยู o All visible layers เพิ่ม/ลดขนาดเลเยอรที่มองเห็นไดทั้งหมด o All linkd layers เพิ่ม/ลดขนาดเลเยอรที่ลิงกกับเลเยอรของภาพที่ปรับพื้นที่อยู

คลิกเมาสที่ปุม

เพื่อสั่งใหโปรแกรมเปลี่ยนขนาดพื้นที่ภาพใหมตามที่เรากําหนด

1. เลือกคําสั่ง Image>Canvas Size...

2. กําหนดขนาด และ ตําแหนงของภาพใน พื้นที่

แสดงตัวอยางของ การเพิ่ม/ลดพื้นที่ ตองการเพิ่ม/ลดขนาด Layers ดวยหรือไม

3. คลิกเมาส

Page 32 NOTE : ในกรณีที่เราทําการลดพื้นที่ของภาพดวยคําสั่ง Canvas Size รูปภาพเดิมทั้งหมดจะยังคงลักษณะเดิมอยู แตจะ

แสดงภาพออกมาเฉพาะสวนของพื้นที่ที่เรากําหนดเทานั้น ซึ่งเราสามารถคลิกเพื่อเลื่อนตําแหนงภาพเดิม เพื่อกําหนดสวน ของภาพที่จะแสดงออกมาในพื้นที่ภาพที่กําหนดได

ภาพที่แสดงบนพื้นที่ภาพจะเปลีย่ นไป

คลิกเลื่อนตําแหนงของภาพดวย Move Tool

การปรับหมุนภาพ เปนการปรับหมุน และพลิกภาพ ในองศาตางๆ ผาน Image>Transform และเลือกคําสั่งปรับหมุนภาพตางๆ

Image menu

ทําได โดยการเลือกที่เมนูคําสั่ง

พลิกภาพในแนวนอนจากดานซายเปนดานขวา พลิกภาพในแนวตั้งจากดานบนเปนดานลาง หมุนภาพตามเข็มนาฬิกาเปนมุม 90 องศา หมุนภาพทวนเข็มนาฬิกาเปนมุม 90 องศา หมุนภาพเปน180 องศา

การทํางานกับสี เมื่อเรากําหนดขนาดชิ้นงาน เรียบรอยแลว กอนที่จะทําการลงสีพื้นหลังของชิ้นงาน เราจะมาเริ่มตนรูจักกับการ เลือกใชสีกันกอน โดยใน GIMP จะมีสวนที่แสดงการใชงานของสีอยูในสวนของ Main Toolbox สีโฟรกราวนด Switch Color สีแบคกราวนด

Default Color

Page 33

สีโฟรกราวนด (Foreground) และสีแบ็คกราวนด (Background) เปนพื้นที่แสดงสีและกําหนดการใชสี ซึ่งตองทํางานควบคูกับเครื่องมือในการระบายสีและเครื่องมืออื่นๆ ที่ เกี่ยวของกับสีทั้งหมด โดยสีของโฟรกราวนดจะเปนสีที่เราเลือกใชในการลงสี สวนสีของแบ็คกราวนดจะเปนสีพื้นหลังของ ภาพ นอกจากนั้นยังใชสีของโฟรกราวนดในการเติมสีภาพและใชสีของแบ็คกราวนดแทนการลบพื้นที่ภาพไดอีกดวย Default color

คลิกเมาสที่ เพื่อเปลี่ยนสีของโฟรกราวนดและแบ็คกราวนดกลับมาเปนสีมาตรฐาน คือ สีดําเปนสีของโฟร กราวนด และสีขาวเปนสีของแบ็คกราวนด Switch color

คลิกเมาสที่ เพื่อสลับสีของโฟรกราวนดมาเปนสีของแบ็คกราวนดและสีของแบ็คกราวนดมาเปนสีโฟร กราวนดแทน (หรือกดคีย <X> ที่คียบอรด)

การเลือกสี มีวิธีการเลือกสี

วิธี ไดแก การเลือกสีจาก Foreground/Background, การเลือกสีจากตัวอยางดวย เครื่องมือ Color Picker Tool และเลือกสีจาก Palette 3

เลือกสีจาก Foreground/Background ทําไดโดยการคลิกที่โฟรกราวนด หรือแบคกราวนด จะปรากฏหนาตาง Change Color ซึ่งเปรียบไดกับจาน สีขนาดใหญที่มีสีนับลานๆ สีใหเราเลือก โดยเลือกตามสเปคตรัมสีที่ปรากฏ หรือตามการกําหนดคาเปนตัวเลข ดังนี้ สามารถคลิกเลื่อน หรือใส ตัวเลขของคาตางๆ ของสี

3. คลิกเลือกสี 1. คลิกที่โฟรกราวนด หรือแบคกราวนด

แสดงรหัสของสีที่ใชใน ภาษา HTML และ CSS แสดงจานสีที่เรา จัดเก็บสีไวใชงาน คลิก เพื่อจัดเก็บสี

2. เลื่อนสไลดเลือกโทนสี

4. คลิกเมาส

เลือกสีจากเครื่องมือ Color Picker Tool เปนการเลือกสี โดยดึงสีจากสีตนฉบับมากําหนดเปนสีของโฟรกราวน หรือแบคกราวน

Page 34

1. คลิกเลือก Color Picker Tool

2. คลิกเลือกสีจากตนฉบับ สีของโฟรกราวนดจะเปลี่ยนไป

TIP : เราสามารถเลือกสีเพื่อกําหนดเปนสีของแบ็คกราวนดได โดยกดคีย <Ctrl> ขณะที่คลิกเลือกสี

กําหนดคุณสมบัติเพิ่มเติมเกี่ยวกับเครื่องมือ Color Picker Tool เราสามารถกําหนดคุณสมบัติเพิ่มเติมของเครื่องมือ Color Picker Tool ไดที่ Tool Options ดานลางของ หนาตาง Main Toolbox ซึ่งมีรายละเอียดดังนี้ เปนการกําหนดคารัศมีของพื้นที่สีที่เลือก ทําใหเลือกสีไดจากภาพทั้งหมด หากไมไดเลือกอ็อบชั่นนีจ้ ะเลือกสีเฉพาะในเลเยอรที่ ใชงานอยูเทานั้น เปนการกําหนดโหมดการเลือกสี คือ pick only เปนการเลือกและดูคาของสีเทานั้น, Set foreground color เปนการกําหนดสีโฟรกราวนด และ Set background color เปนการกําหนดสีแบ็คกราวน เปนการกําหนดสีที่เลือกจัดเก็บไวในพาเล็ตสีดวย

เลือกสีจาก Palette เปนการเลือกสีโฟรกราวนด และเลือกสีแบ็คกราวนด โดยการเปดไดอะล็อก แบบตางๆ เปนเหมือนจานสีใหเราเลือกใชสีจากจานสีนั้นได

Palette

ขึ้นมา ซึ่งจะมีพาเล็ตสี

Page 35

2. ดับเบิ้ลคลิกเลือก พาเล็ตสีที่ตองการ

3. คลิกเลือกสีที่ ตองการ

1. คลิก เลือกคําสั่ง Add Tab>Palettes เพื่อเปด ไดอะล็อก Palettes ขึ้นมา TIP : เราสามารถเลือกสี เพื่อกําหนดเปนสีของแบ็คกราวนดได โดยกดคีย <Ctrl> ขณะที่คลิกเลือกสี

การเทสีดวย Bucket Fill Tool เปนเครื่องมือที่ชวยใหเราเติมสีภาพในบริเวณติดกันและมีคาสีใกลกันเคียงกันกับบริเวณ ที่เราคลิกเมาสได ทําใหเราไดสีที่มีระดับความเขมเทากันทั้งภาพ เราสามารถเติมสีดวย Bucket Fill Tool ดังนี้ Bucket Fill Tool

1. 2.

คลิกเลือก Bucket Fill Tool กําหนดคาของการเติมสีดวย Bucket Fill Tool ใน Tool Options Opacity กําหนดคาความโปรงแสงของสีที่เทลงไป Mode กําหนดโหมดในการผสมสีระหวางสีที่เทลงไปกับสีของภาพเดิม o

Fill Type การเลือกสีที่ใช มีใหเลือก 3 แบบ คือ

FG color fill กําหนดใหเทสีโฟรกราวนดลงในภาพ

BG color fill กําหนดใหเทสีแบคกราวนดลงในภาพ

Pattern fill

กําหนดใหเทสีเปนภาพลวดลายลงในภาพ ซึ่งสามารถเลือกลักษณะของภาพแพ

ทเทิรนได กําหนดลักษณะการเลือกพื้นที่สําหรับเทสี มี 2 ลักษณะ คือ Fill Similar colors จะเปน การใชคาความตางสีในการเลือกพื้นที่ที่จะเทสีลงไปในภาพ และ Fill whole selection จะเปนการเทสีลงใน พื้นที่ทั้งหมดที่เลือก โดยไมคํานึงถึงความตางสีในภาพ

Affected Area

Page 36 Finding Similar Color จะสามารถกําหนดคาไดเมื่อเลือกลักษณะการเทสีแบบ Fill Similar color o

ถาคลิกเช็คบ็อกซที่อ็อบชั่นนี้จะทําใหสามารถเทสีลงในพื้นที่ที่เปน Transparent ที่ไมมีการเติมสีไดดวย Sample Merge ถาคลิกเช็คบ็อกซที่อ็อบชั่นนี้ โปรแกรมจะคํานวณความตางสีของภาพใน ทุกเลเยอรที่มีอยู หากไมทําการเช็คบ็อกซ โปรแกรมจะทําการคํานวณความตางสีเฉพาะในลเยอรที่ ใชงานอยูเทานั้น Threshold กําหนดความแตกตางของคาสี Fill transparent areas

เลือกองคประกอบที่ใชในการคํานวณคาการเทสี (โดยการเทสีทั่วไปใหเลือก Composite ซึ่งเปนคา Default อยูแลว การเลือกตัวเลือกอื่น อาจจําเปนตองศึกษาเรื่องคาสีเพิ่มเติม) Fill by

คลิกเทสีลงบนภาพ 1. คลิกเลือก Bucket Fill Tool 2. กําหนดคาอ็อบชั่นของเครื่องมือ

3. คลิกเทสี

ผลลัพธของภาพเมือ่ เทสี

การเทสีแบบไลเฉดสีดวย Blend Tool การเทสีพื้นหลังภาพดวยโทนสีเดียว เชน สีแดง จะทําใหผลงานดูแข็งๆ เรียบๆ แตถาลองไลเฉดสีจากสีหนึ่งไปยัง สีหนึ่ง เชน สีฟาไปยังสีขาว จะชวยใหภาพดูแรงยิ่งขึ้น ซึ่งสามารถกําหนดการไลเฉดสีไดตามตองการดวย Blend Tool ดังนี้ 1. 2.

คลิกเลือก Blend Tool กําหนดคาของการเติมสีดวย Blend Tool ใน Tool Options

Page 37 Opacity กําหนดคาความโปรงแสงของสีที่เทลงไป Mode กําหนดโหมดในการผสมสีระหวางสีที่เทลงไปกับสีของภาพเดิม Gradient กําหนดสี และลักษณะการไลสี ถาคลิกเช็คบ็อกซที่ Reverse จะเปนการกลับดานการไลสี Offset

กําหนดความกวางของการไลสี ยิ่งใสคานอยยิ่งมีการไลสีที่กวางมาก ถากําหนดคามากจะมีการไลสีที่

แคบลง กําหนดรูปแบบในการไลสี เชน Linear เปนการไลสีในแนวเสนตรง Radial เปนการไลสีในแนว เสนรัศมีวงกลม เปนตน

Shape

Repeat กําหนดชวงซ้ําในการไลสีมี 3 แบบ คือ o

None เปนการไลสีแบบปกติตามที่กําหนดไมมีชวงซ้ํา

Sawtooth wave เปนการไลสีไปทางเดียว

Triangular Wave จะเปนการไลสีไป และไลกลับมาเปนสีแรกอีก

Dithering กําหนดความกลมกลืนในการไลสีใหมีมากขึ้น Adaptive supersampling กําหนดความคมชัดเพิ่มเติมใหกับการไลสี 3.

คลิกลากเสนเพื่อทําการลงสี

1. คลิกเลือก Blend Tool

2. กําหนดคาอ็อบชั่นของเครื่องมือ

Page 38

3. คลิกลากเสนเพื่อไลสี

ผลลัพธของภาพเมือ่ เทสี

รูปแบบของการไลสี (Shape)

การระบายสีดวย Painting Tool เปนกลุมเครืองมือที่ใชสําหรับวาดเสน และระบายสีมีอยู 3 ชนิด คือ และ Airbrush Tool ซึ่งจะใหลักษณะของเสนที่แตกตางกัน

Painting Tool Paint Brush Tool

Pencil Tool

Page 39

การระบายสีดวยพูกัน และดินสอ พูกัน (Paint Brush Tool) และ ดินสอ (Pencil Tool) เปนเครื่องมือระบายสี และวาดใสลวดลาย ตางๆ ลงในภาพ ซึ่งจะมีรูปแบบ และคุณสมบัติการใชงานใหเลือกคลายคลึงกันมาก จะแตกตางกันเฉพาะลักษณะของเสนที่ ได โดยเสนที่ไดจาก การวาดดวยดินสอจะเปนเสนที่มีความแข็ง และเสนที่ไดจากการวาดดวยพูกันจะมีลักษณะที่นุมนวล กวา สามารถใชงานพูกัน หรือดินสอได ดังนี้ 1. 2.

คลิกเลือก Paint Brush Tool หรือ Pencil Tool กําหนดคุณสมบัติของเครื่องมือเพิ่มเติม o Opacity กําหนดคาความโปรงแสงของสีที่ระบายลงไป o Mode กําหนดโหมดในการผสมสีระหวางสีที่ระบายลงไปกับสีของภาพเดิม o Brush กําหนดลักษณะของหัวแปรง o Scale กําหนดขนาดของหัวแปรง o Brush Dynamics ตั้งคาเพิ่มเติม เชน แรงกด (Pressure) ความไว(Velocity) หรือตั้งแบบ สุม (Random) เหมาะกับการใชกับเครื่อง Tablet o Fade out กําหนดลักษณะเสนใหคอยๆ จางหายไป สามารถกําหนดระยะ Length เปนความ ยาวของเสนที่คอยๆ จางหายไป o Apply Jitter กําหนดความถี่/หางของหัวแปรงเมื่อลากเสนตอเนื่อง o Incremental กําหนดลักษณะเสนโดยใชสีพื้นแบบสีเดียว หรือตามลักษณะหัวแปรงที่กําหนด o Use color from gradient กําหนดสีเสนเปนแบบการไลเฉดสี (Gradient) คลิกระบายสีบนภาพ 2. กําหนดคุณสมบัติของเครื่องมือ

3. คลิกระบายสีบนภาพ

1. คลิกเลือก Brush Tool หรือ Pencil Tool

การระบายสีดวย Airbrush Tool เปนเครื่องมือที่ใชระบายสีที่จะใหลักษณะเหมือนกับการพนสี จะมีการกระจายตัวของเม็ดสีมากกวาดินสอ และ พูกัน สามารถใชงาน Airbrush Tool ได ดังนี้

Page 40 1. 2.

คลิกเลือก Airbrush Tool กําหนดคุณสมบัติของเครื่องมือเพิ่มเติม o Opacity กําหนดคาความโปรงแสงของสีที่พนลงไป o Mode กําหนดโหมดในการผสมสีระหวางสีที่พนลงไปกับสีของภาพเดิม o Brush กําหนดลักษณะของหัวแปรง o Scale กําหนดขนาดของหัวแปรง o Brush Dynamics ตั้งคาเพิ่มเติม เชน แรงกด (Pressure) ความไว(Velocity) หรือตั้งแบบสุม (Random) เหมาะกับการใชกับเครื่อง Tablet o Fade out กําหนดลักษณะเสนใหคอยๆ จางหายไป สามารถกําหนดระยะ Length เปนความยาว ของเสนที่คอยๆ จางหายไป o Apply Jitter กําหนดความถี่/หางของหัวแปรงเมื่อลากเสนตอเนื่อง o Use color from gradient กําหนดสีเสนเปนแบบการไลเฉดสี (Gradient) o Rate กําหนดความหนาแนนของสีที่พนออกมา o Pressure กําหนดความเขมของสีที่พนออกมายิ่งคานอยสีจะดูบางมาก คลิกระบายสีบนภาพ

1. คลิกเลือก Airbrush Tool 2. กําหนดคุณสมบัติ ของเครื่องมือ 3. คลิกระบายสีบนภาพ

การวาดเสนดวย Ink Tool เครื่องมือ Ink Tool เปนเครื่องมือที่ใชสําหรับวาดเสนโดยเฉพาะ ซึ่งสามารถวาดเสนไดในหลายๆ ลักษณะ เราสามารถใชงานเครื่องมือ Ink Tool ได ดังนี้

Page 41 1. 2.

คลิกเลือกเครื่องมือ Ink Tool กําหนดคุณสมบัติของเครื่องมือเพิ่มเติม o Opacity กําหนดคาความโปรงแสงของสีเสน o Mode กําหนดโหมดในการผสมสีระหวางสีเสนกับสีของภาพเดิม o Adjustment กําหนดลักษณะของหัวปากกา o Size กําหนดขนาดของหัวปากกา o Angle กําหนดมุมเอียงของปากกาโดยจะอางอิงจากแนวนอนเปนหลัก o Sensitivity กําหนดลักษณะของเสนที่ไดตามการเขียน o Size กําหนดขนาดของปลายปากกา o Tilt การกําหนดความเอียง การกระดกปากกา ซึ่งจะสัมพันธกับคามุม Angle o Speed กําหนดความเร็วในการลากเสนที่คลายกับการลากเสนปากกาจริง คือถาลากชาเสน ที่ไดก็จะหนา แตถาลากเร็วเสนที่ไดก็จะบาง o Type กําหนดรูปแบบของหัวปากกา มีใหเลือก 3 แบบ คือ แบบวงกลม แบบสี่เหลี่ยม แบบสี่เหลี่ยม ขนมเปยกปูน o Shape คลิกเพื่อบิดรูปรางกําหนดลักษณะรูปแบบหัวปากกาเพิ่มเติม คลิกวาดเสน 1. คลิกเลือก Ink Tool 2. กําหนดคุณสมบัติของเครื่องมือ

3. คลิกวาดเสนบนภาพ

การลบภาพทีไ่ มตองการ จะใชเครื่องมือ Eraser สามารถใชงาน Eraser Tool ไดดังนี้

Tool

ซึ่งเปนเครื่องมือสําหรับลบสวนประกอบภายในภาพที่ไมตองการออก

Page 42 1. 2.

คลิกเลือก Eraser Tool กําหนดคุณสมบัติของเครื่องมือเพิ่มเติม o Opacity กําหนดคาความโปรงแสงของรอยลบ o Brush กําหนดลักษณะของหัวแปรงรอยลบ o Scale กําหนดขนาดของหัวแปรงรอยลบ o Brush Dynamics ตั้งคาเพิ่มเติม เชน แรงกด (Pressure) ความไว(Velocity) หรือตั้งแบบ สุม (Random) o Fade out กําหนดลักษณะเสนรอยลบใหคอยๆ จางหายไป สามารถกําหนดระยะ Length เปนความยาวของรอยลบที่คอยๆ จางหายไป o Apply Jitter กําหนดความถี่/หางของหัวแปรงรอยลบเมื่อลากเสนตอเนื่อง o Incremental กําหนดลักษณะความเขมของการลบ ซึ่งจะเพิ่มขึ้นตามแรงกด หรือถูกลบซ้ําไป เรื่อยๆ แตจะลบไดสูงสุดแค 100% เทานั้น o Hard Edge กําหนดใหขอบของรอยลบคมไมมีการไลสี ทําใหรอยลบดูแข็ง o Anti erase กําหนดลักษณะการลบภาพโดยไมทําลายภาพตนฉบับ จะใชงานในเลเยอรภาพ โหมด Alpha channel คลิกลบสวนที่ไมตองการบนภาพ 1. คลิกเลือก Eraser Tool 2. กําหนดคุณสมบัติของเครื่องมือ 3. คลิกลบสวนที่ไมตองการบนภาพ

Page 43

การยอนกลับการทํางานทีละขั้นตอน ทันทีที่เราทํางานผิดพลาด เราสามารถทําการยอนกลับไปยังการทํางานลาสุดกอนการผิดพลาด หรือยอนกลับการ ทํางานทีละขั้นตอนไปเรื่อยๆ จนกวาจะถึงขั้นตอนที่ตองการ โดยยกเลิกขั้นตอนที่เพิ่งทําผานมาดวยคําสั่ง Edit>Undo State Change หรือกดคีย <Ctrl+Z>

แสดงขั้นตอนการลบ เปนพื้นที่สีขาว ซึ่งเปน ขั้นตอนลาสุด

เมื่อกดปุม <Crtl+Z> ภาพพื้นที่สขี าวที่เกิดจากการ ลบภาพจะหายไป

การยอนกลับการทํางานในหลายขั้นตอน ทุกครั้งที่มีการเปลี่ยนแปลงภาพ ขั้นตอนการทํางานนั้นจะถูกบันทึกลงในไดอะล็อก Undo History โดย อัตโนมัติ เราสามารถยอนกลับการทํางานไดตามจํานวน Memory ที่มีอยูในเครื่อง โดยขั้นตอนที่ทํากอนจะถูกเรียงอยูบน และขั้นตอนลาสุดจะอยูลางสุดในรายการ ดังนั้นถาเราทํางานผิดพลาดมาหลายคําสั่ง จะทําการยอนกลับการทํางานดวย Undo History ไดรวดเร็วกวาการกดคีย <Ctrl+Z> ดูตัวอยางกันดังนี้

1. ใช

ระบายสีลงบนภาพ

ไดอะล็อก Undo History จะแสดงขั้นตอน การแตมสีที่เราตกแตงลงในภาพแลว

Page 44

2. คลิกเมาสที่ขั้นตอนแรกเพื่อยกเลิกการ แตมสีทั้งหมดที่เราทําไวกอนหนานี้บนภาพ

หรือคลิกยอนไปเฉพาะ ขั้นตอนที่ตองการ

ถาเราทําการ Undo การทํางานหนึ่งขั้นตอนหรือมากกวานั้น แลวจัดการชิ้นงานนั้นดวยคําสั่งอื่นๆ โดยไมไดใช Undo หรือ Redo เราจะไมสามารถทําการ Redo คําสั่งที่เรา Undo นั้นไดอีก วิธีที่ชวยแกปญหานี้ได คือ ทําการ คัดลอกชิ้นงาน แลวจัดการกับชิ้นงานใหมที่คัดลอกมานี้แทน (คําสั่ง Undo/Redo จะไมถูกคัดลอกตามมากับชิ้นงาน ใหม)

การตัดภาพเฉพาะสวน ภาพที่เราใชงานอาจจะมาจากแหลงตางๆ ภายในภาพอาจจะมีสวนที่ไมตองการติดมาดวย ดังนั้นเราสามารถตี กรอบเลือกเฉพาะสวนที่เราตองการ สวนที่เหลือก็ตัดทิ้งไปได โดยใชเครื่องมือ Crop Tool ซึ่งจะเปนการตัดภาพให เหลือแตสวนที่เราเลือก โดยเมื่อทําการตัดภาพแลวไมสามารถแกไขอะไรไดอีก ดังนี้ 1. 2.

คลิกเลือก Crop Tool คลิกลากเมาสกําหนดขอบเขตของภาพที่ตองการบนภาพเอง หรือจะกําหนดขอบเขต และรายละเอียด ตางๆ ที่หนาตาง Crop ที่จะปรากฏขึ้นมาเมื่อเราคลิก ลงไปบนภาพ มีรายละเอียดดังนี้ • Current layer only ตัดเฉพาะเลเยอรที่ทํางานอยู • Allow Growing กําหนดใหสามารถตัดพื้นที่นอกขิอบเขตภาพได (Inactive Padding Area) โดยจะไดผลลัพทเปนภาพโปรงแสงในสวนนี้ • Expand from Center กําหนดใหตแหนงแรกที่เราคลิกเปนจุดกลางการตัดภาพ สามารถ สลับการใชงานคําสั่งนี้และการตัดแบบปกติไดโดยการกด Crtl ระหวางทําการลากพื้นที่ • Fixed กําหนดพื้นที่ในการตัดภาพแบบตายตัว o Aspect Ratio กําหนดอัตราสวนระหวางความกวาง และความสูง o Width/Height เลือกกําหนดความกวาง หรือความสูงอยางใดอยางหนึ่งตามที่ ตองการ o Size กําหนดขนาดความกวางและความสูงแบบตายตัว • Position กําหนดตําแหนงที่ตองการตัดภาพ • Size กําหนดขนาดพื้นที่ที่ตองการตัด สามารถปรับแตงขนาดพื้นที่ได • Highlight กําหนดใหไฮไลทพื้นที่ที่เลือกตัด

Page 45

•

Guides แสดงเสนไกดในพื้นที่ที่เลือก

•

Auto Shrink Selection

จะเปนเปนอ็อบชั่นสําหรับการยอขนาดการเลือกพื้นที่อัตโนมัติ

โดยจะตัดพื้นที่วางที่ไมจําเปนทิ้ง คลิกภาพสวนที่เลือกตัดอีกครั้งเพื่อยืนยันการตัดภาพ หรือคลิกนอกบริเวณที่เลือกเพื่อยกเลิก 1. คลิกเลือก Crop Tool

กําหนดคุณสมบัติตางๆ 2. กําหนดขอบเขตในการ ตัดภาพ แลวคลิกพื้นที่ที่ เลือกอีกครั้ง

ผลลัพธที่ได

Page 46

บทที่ 3 การตัดแตงภาพเฉพาะสวน ถาเราจะตกแตงภาพหรือตัดภาพบางสวนไปใชงาน โดยไมไดมีการตีกรอบกั้นบริเวณไวอาจทําใหการทํางาน ผิดพลาดสงผลใหภาพออกมาไมสวยก็เปนได และในบทนี้จะทําใหเราสามารถเลือกตกแตงบางสวนของภาพที่ตองการ หรือ จะตัดบางสวนของภาพออกไปปะซอนอยูบนอีกภาพหนึ่งโดยไมมีผลกระทบตอสวนอื่นๆ

เลือกพื้นที่ภาพรูปทรงเรขาคณิต เปนการเลือกพื้นที่ภาพในลักษณะที่ตองการขอบเขตตายตัว ซึ่งจะอยูในรูปทรงเรขาคณิต ไดแก สี่เหลี่ยม วงรี และ วงกลม เปนตน เครื่องมือกลุมนี้จะมี 2 รูปแบบดวยกัน ดังนี้

การเลือกพื้นที่สี่เหลี่ยมดวย Rectangle Selection Tool ใชสําหรับเลือกพื้นที่สี่เหลี่ยม สามารถทําได ดังนี้ 1. คลิกเลือก Rectangle Selection Tool 2. กําหนดลักษณะการเลือกพื้นที่ใน Tool Options ดังนี้ Mode เลือกลักษณะการเลือกพื้นที่

แบบปกติ คือ จะทําการเลือกพื้นที่ใหมทุกครั้งเมื่อคลิกเลือกภาพ การเลือกพื้นที่เพิ่ม เราสามารถเลือกพื้นที่เพิ่มเติมจากพื้นที่เดิมที่เลือกไวแลว การลบพื้นที่ เราสามารถลบพื้นที่ที่เราเลือกออกจากพื้นที่ที่เลือกไวเดิม การเลือกพื้นที่รวมกัน คือ เมื่อเราคลิกเลือกพื้นที่ครั้งตอไป จะเปนการเลือกพื้นที่ในสวน ของพื้นที่เดิมที่ซอนทับกับสวนที่เราเลือกใหม Antialiasing จะเปนการกําหนดเกี่ยวกับการกําหนดความกลมกลืนขอบภาพใหมีมากขึ้น Feather edges กําหนดความฟุงเบลอของขอบการเลือกพื้นที่ Round corners กําหนดใหพื้นที่ที่เลือกมีมุมมน Expand from center กําหนดใหจุดแรกที่คลิกเปนศูนยกลางพื้นที่ที่เลือก Fixed กําหนดพื้นที่ในการตัดภาพแบบตายตัว o

Aspect Ratio

กําหนดอัตราสวนระหวางความกวาง และความสูง

Page 47

เลือกกําหนดความกวาง หรือความสูงอยางใดอยางหนึ่งตามที่

Width/Height

ตองการ Size กําหนดขนาดความกวางและความสูงแบบตายตัว

Position กําหนดตําแหนงที่ตองการเลือก Size กําหนดขนาดพื้นที่ที่ตองการเลือก สามารถปรับแตงขนาดพื้นที่ได Highlight กําหนดใหไฮไลทพื้นที่ที่เลือก Guides แสดงเสนไกดในพื้นที่ที่เลือก

กําหนดลักษณะสําหรับการยอขนาดการเลือกพื้นที่ใหอัตโนมัติ โดยจะตัดพื้นที่วางที่ ไมจําเปนทิ้ง เหมาะกับการเลือกภาพที่เปนขอความ (text) หรือภาพที่มีพื้นหลังใส เมื่อเราคลิกลาก เมาสเลือกพื้นที่เกิน ก็จะยอขนาดการเลือกพื้นที่ใหพอดีภาพให Auto Shrink

หากคําสั่ง Sample Merged ถูกเปดใชงานอยูดวยพรอมกับเลือกตัวเลือกนี้ คําสั่ง Auto Shrink จะสามารถใชขอมูลจากภาพที่เห็นทั้งหมด แมจะอยูคนละเลเยอรเพื่อประมวล คําสั่ง แทนที่จะเลือกจากเลเยอรที่ทํางานอยูเทานั้น Shrink merged

3. คลิกเมาสเลือกพื้นที่ 1. คลิกเลือก Rectangle Selection Tool

2. กําหนดลักษณะการเลือกพื้นที่ใน Tool Options

Page 48

3. คลิกเมาสเลือกพืน้ ที่

ผลลัพธการเลือกพื้นที่

การเลือกพื้นที่สี่เหลี่ยมมุมฉาก

การเลือกพื้นที่สี่เหลี่ยมมุมมน

การเลือกพื้นที่วงรี และวงกลมดวย Ellipse Selection Tool ใชสําหรับเลือกพื้นที่วงรี และวงกลม สามารถทําได ดังนี้ 1. คลิกเลือก Ellipse Selection Tool 2. กําหนดลักษณะการเลือกพื้นที่ใน Tool Options ดังนี้ Mode เลือกลักษณะการเลือกพื้นที่

Page 49 Feather edges กําหนดความฟุงเบลอของขอบการเลือกพื้นที่ Round corners กําหนดใหพื้นที่ที่เลือกมีมุมมน Expand from center กําหนดใหจุดแรกที่คลิกเปนศูนยกลางพื้นที่ที่เลือก Fixed กําหนดพื้นที่ในการตัดภาพแบบตายตัว o o

กําหนดอัตราสวนระหวางความกวาง และความสูง Width/Height เลือกกําหนดความกวาง หรือความสูงอยางใดอยางหนึ่งตามที่ ตองการ Size กําหนดขนาดความกวางและความสูงแบบตายตัว Aspect Ratio

Shrink merged คําสั่ง Auto Shrink จะใชขอมูลจากภาพที่เห็นทั้งหมดเพื่อประมวลคําสั่ง

แทนที่จะเลือกจากเลเยอรที่ทํางานอยูเทานั้น 3. คลิกเมาสเลือกพื้นที่ 2. กําหนดลักษณะ การเลือกพื้นที่ใน Tool Options 1. คลิกเลือก Ellipse Selection Tool

Page 50

3. คลิก เมาสเลือก พื้นที่

ผลลัพธการเลือกพื้นที่

NOTE

การกําหนดคา Radius จะสงผลตอความฟุงเบลอของขอบภาพ

เมื่อเราเลือกพื้นที่และใช Move Tool คลิกเลื่อนพื้นที่ที่เลือก จะเห็นวาบริเวณของขอบภาพจะดูฟงุ เบลอ TIP

นอกจากนี้เรายังสามารถใชการกดคียรวมกับการคลิกเลือกได โดยไมจําเปนที่จะตองคลิกเลือกโหมด โดย

กดคีย <Shift> ไวขณะเลือกพื้นที่ จะเปนการเลือกพื้นที่เพิ่ม กดคีย <Ctrl> ไวขณะคลิกเลือกพื้นที่ จะเปนการลบพื้นที่ที่เลือกออกจากพื้นที่เดิม กดคีย <Ctrl> และ <Shift> พรอมกับการเลือกพื้นที่จะเปนการเลือกพื้นที่ที่มีความกวางและความ จะไดรูปสี่เหลี่ยมจัตุรัส และถาใช จะไดรูปวงกลม ยาวเทากัน ถาใช กดคีย <Alt> จะทําใหสามารถคลิกเลื่อนตําแหนงของการเลือกพื้นที่ได

เลือกพื้นที่แบบอิสระ การเลือกพื้นที่ในลักษณะนี้เหมาะกับภาพที่ไมเปนรูปทรงที่แนนอนเหมือนรูปเรขาคณิต ดังนั้นการเลือกพื้นที่จะ สามารถลากไปตามขอบภาพไดอยางอิสระ สามารถเลือกได 2 รูปแบบ คือ

Page 51

เลือกพื้นที่แบบอิสระดวย Free Selection Tool 1. คลิกเลือก Free Selection Tool 2. กําหนดลักษณะการเลือกพื้นที่ใน Tool Options ดังนี้ Mode เลือกลักษณะการเลือกพื้นที่

แบบปกติ คือ จะทําการเลือกพื้นที่ใหมทุกครั้งเมื่อคลิกเลือกภาพ การเลือกพื้นที่เพิ่ม เราสามารถเลือกพื้นที่เพิ่มเติมจากพื้นที่เดิมที่เลือกไวแลว การลบพื้นที่ เราสามารถลบพื้นที่ที่เราเลือกออกจากพื้นที่ที่เลือกไวเดิม การเลือกพื้นที่รวมกัน คือ เมื่อเราคลิกเลือกพื้นที่ครั้งตอไป จะเปนการเลือกพื้นที่ในสวนของพื้นที่ เดิมที่ซอนทับกับสวนที่เราเลือกใหม Antialiasing จะเปนการกําหนดเกี่ยวกับการกําหนดความกลมกลืนขอบภาพใหมีมากขึ้น Feather edges กําหนดความฟุงเบลอของขอบการเลือกพื้นที่

3. คลิกเมาสเลือกพื้นที่ 1. คลิกเลือก Free Selection Tool

2. กําหนดลักษณะการเลือกพื้นที่ใน Tool Options

3. คลิกเมาสเลือกพืน้ ที่

ผลลัพธการเลือกพื้นที่

Page 52

เลือกพื้นที่แบบชิดขอบดวย Scissor Tool สําหรับภาพที่มีขอบคมชัด และสีของเสนขอบตางกับพื้นหลังของภาพอยางชัดเจน เราสามารถใช Scissor Tool เลือกพื้นที่ โดยจะติดหนึบเขากับแนวขอบภาพไดอยางงายดาย ดังนี้ 1. คลิกเลือก Scissor Tool 2. กําหนดลักษณะการเลือกพื้นที่ใน Tool Options ดังนี้ Mode เลือกลักษณะการเลือกพื้นที่

แบบปกติ คือ จะทําการเลือกพื้นที่ใหมทุกครั้งเมื่อคลิกเลือกภาพ การเลือกพื้นที่เพิ่ม เราสามารถเลือกพื้นที่เพิ่มเติมจากพื้นที่เดิมที่เลือกไวแลว การลบพื้นที่ เราสามารถลบพื้นที่ที่เราเลือกออกจากพื้นที่ที่เลือกไวเดิม การเลือกพื้นที่รวมกัน คือ เมื่อเราคลิกเลือกพื้นที่ครั้งตอไป จะเปนการเลือกพื้นที่ในสวน ของพื้นที่เดิมที่ซอนทับกับสวนที่เราเลือกใหม Antialiasing จะเปนการกําหนดเกี่ยวกับการกําหนดความกลมกลืนขอบภาพใหมีมากขึ้น Feather edges กําหนดความฟุงเบลอของขอบการเลือกพื้นที่ Show interactive boundary ขณะเลือกพื้นที่ (กอนทําการคลิกเพื่อตกลงใชการเลือกพื้นที่)

จะแสดงขอบเขตการเลือกจริงที่คํานวณแลว เพราะปกติถาไมเลือกอ็อบชั่นนี้ การคลิกเลือกเสนขอบจะ เปนเสนตรงกอน เมื่อปลอยเมาสจึงเห็่นผลลัพธเสนขอบการเลือก 3. คลิกเลือกพื้นที่จนครบ และคลิกที่จุดเริ่มตนอีกครั้งเพื่อสิ้นสุดการเลือกพื้นที่ 4. คลิกภายในพื้นที่ที่เลือก เพื่อตกลงเลือกพื้นที่ที่เลือก 1. คลิกเลือก Scissor Tool

2. กําหนดลักษณะการเลือกพื้นที่ ใน Tool Options

Page 53

3. คลิกเมาสเลือกพืน้ ที่

ผลลัพธการเลือกพื้นที่ 4. คลิกภายในพื้นทีท่ ี่เลือก เพื่อตกลงเลือกพื้นที่

TIP

ขณะที่เราคลิกเลือกขอบภาพ กอนที่จะคลิกเพื่อตกลงเลือกพื้นที่เปนเสนประ ผิดพลาด เราสามารถคลิกที่ รอยตอของเสนขอบ เพื่อแกไขการเลือกพื้นที่ได

คลิกเลื่อนจุดรอยตอของเสนขอบ

หากเราเลือกตําแหนงของภาพ

ผลลัพธที่ได

เลือกพื้นที่ทมี่ ีสีใกลเคียงกัน เปนการเลือกพื้นที่ภาพที่มีสีใกลเคียงกับคาสี ณ จุดพิกเซลที่เราคลิกเมาสเลือก สามารถเลือกได 2 ลักษณะ ดังนี้

เลือกพื้นที่ที่มีสีใกลเคียงกันดวย Fuzzy Select Tool 1. คลิกเลือก Fuzzy Select Tool 2. กําหนดลักษณะการเลือกพื้นที่ใน Tool Options ดังนี้ Mode เลือกลักษณะการเลือกพื้นที่

แบบปกติ คือ จะทําการเลือกพื้นที่ใหมทุกครั้งเมื่อคลิกเลือกภาพ การเลือกพื้นที่เพิ่ม เราสามารถเลือกพื้นที่เพิ่มเติมจากพื้นที่เดิมที่เลือกไวแลว

Page 54

การลบพื้นที่ เราสามารถลบพื้นที่ที่เราเลือกออกจากพื้นที่ที่เลือกไวเดิม การเลือกพื้นที่รวมกัน คือ เมื่อเราคลิกเลือกพื้นที่ครั้งตอไป จะเปนการเลือกพื้นที่ในสวน ของพื้นที่เดิมที่ซอนทับกับสวนที่เราเลือกใหม Antialiasing จะเปนการกําหนดเกี่ยวกับการกําหนดความกลมกลืนขอบภาพใหมีมากขึ้น Feather edges กําหนดความฟุงเบลอของขอบการเลือกพื้นที่ Select transparent areas

จะทําใหสามารถเลือกพื้นที่ที่เปนTransparent ที่ไมมีการเติมสี

ไดดวย จะทําใหเราเลือกสีของภาพไดในทุกเลเยอรที่มีอยู หากไมทําการเช็คบ็อกซที่ ออบชั่นนี้ โปรแกรมจะทําการเลือกพื้นที่ใน active layer หรือเลเยอรที่ใชงานอยูเทานั้น

Sample merged

กําหนดความแตกตางของคาสี ซึ่งเปรียบเทียบจากพิกเซลบริเวณที่เราคลิกเมาส (หาก กําหนดคานอยจะทําใหจํานวนสีที่ถูกเลือกมีจํานวนนอย และหากกําหนดคามากจะทําใหจํานวนสีที่ถูก เลือกมีจํานวนมากขึ้น ทําใหคาสีที่ใกลเคียงหรืออยูในโทนเดียวกันถูกเลือกไปดวย) Threshold

เปนการกําหนดองคประกอบในภาพที่ใชคํานวณคาความเหมือน มีใหเลือกคือ Red, Green, Blue, Hue, Saturation และ Value

Selection

คลิกเมาสเลือกพื้นที่ 1. คลิกเลือก Fuzzy Select Tool 2. กําหนดลักษณะการเลือกพื้นที่ใน Tool Options

3. คลิกเมาสเลือกพืน้ ที่

ผลลัพธการเลือกพื้นที่

Page 55

ตัวอยางการกําหนดคา Threshold ที่ตางกัน

กําหนดคา Threshold เทากับ 20

กําหนดคา Threshold เทากับ 150

เลือกพื้นที่ที่มีสีเหมือนกันดวย Select By Color Tool เปนเครื่องมือที่ใชเลือกพื้นที่ภาพที่มีสีใกลเคียงกับคาสี ณ จุดพิกเซลที่เราคลิกเมาสเลือก คลายกับเครื่องมือ Fuzzy Select Tool แตจะเลือกพื้นที่ในจุดอื่นๆ ที่มีสีใกลเคียงกันดวย 1. 2. 3.

คลิกเลือก Select By Color Tool กําหนดลักษณะการเลือกพื้นที่ใน Tool Options เชนเดียวกับเครื่องมือ Fuzzy selection Tool คลิกเลือกพื้นที่ 1. คลิกเลือก Select by Color Tool 2. กําหนดลักษณะการเลือกพื้นที่ใน Tool Options

3. คลิกเมาสเลือกพืน้ ที่

ผลลัพธการเลือกพื้นที่

เลือกพื้นที่โฟรกราวนดดวย Foreground Select Tool เปนเครื่องมือที่ใชเลือกพื้นที่สวนหนาที่เราตองการ โดยเครื่องมือนี้จะทําการตัดขอบพื้นที่ที่เราตองการออกจาก พื้นหลังอยางอัตโนมัติ มีวิธีการดังตอไปนี้ 1. คลิกเลือก

Foreground Select Tool เมาสจะเปลี่ยนเปนรูป

Page 56

2. กําหนดลักษณะการเลือกพื้นที่ใน Tool Options ดังนี้ Mode เลือกลักษณะการเลือกพื้นที่

กําหนดใหเลือกเฉพาะพื้นที่ที่อยูบริเวณเดียวกับที่ลากเสนกําหนดพื้นสีที่ตองการ เทานั้น หากไมเลือกตัวเลือกนี้ โปรแกรมจะทําการเลือกบริเวณสีใกลเคียงกับที่ลากเสนผานทั้งหมด แม พื้นที่ไมอยูติดกันก็ตาม Contiguous

Mark Foreground

กําหนดใหสีโฟรกราวนดเปนสีของเสน สีถูกเสนลากทับจะเปนตัวกําหนด

พื้นที่โฟรกราวนด เลือกตัวเลือกนี้ สีของเสนจะเปลี่ยนเปนสีของแบคกราวนด เมาสเปนรูปไอ คอนยางลบเล็กๆ สีที่ถูกเสนคาดทับจะเปนสีที่เราไมเลือกมาคํานวณเปนพื้นที่โฟรกราวนด

Mark Background

Small brush / Large brush กําหนดขนาดเสน ยิ่งเล็กยิ่งทําใหการคํานวณพื้นที่ละเอียดมากขึ้น

ยิ่งคามาก ยิ่งทําใหพื้นที่เล็กๆ จุดๆ ที่เปน จะกําหนดเปนโฟรกราวนดหมดไป Smoothing

Non-Selection

แตอยูบริเวณพื้นที่ที่เรา

Preview color กําหนดสีที่ใชแสดงพื้นที่แบคกราวนด มีสีแดง เขียว น้ําเงิน Color Sensitivity กําหนดใหสามารถเลือกสีไดละเอียดยิ่งขึ้น

3. คลิกเลือกแบงพื้นที่โฟรกราวนดและแบคกราวนดออกจากกันอยางคราวๆ เมื่อเสร็จแลวจะเห็นการการแบงพื้นที่ ออกจากกัน โดยพื้นที่แบคกราวนดถูกไฮลไลทไว 4. เมาสจะเปลี่ยนเปนรูป ใหลากเสนคาดทับบริเวณพื้นที่โฟรกราวนด โปรแกรมจะนําคาสีบริเวณที่ถูกทับไป คํานวณหาพื้นที่โฟรกราวนดที่แนนอน เมื่อปลอยเมาส พื้นที่โฟรกราวนดและแบคกราวนดจะถูกแบงอยางแมนยํา มากขึ้น 5. กด Enter ไดพื้นที่ Selection ตรง โฟรกราวนด . คลิกเลือก Foreground Select Tool

Page 57

2. กําหนดลักษณะการเลือกพื้นที่ใน Tool Options

ภาพตนฉบับ

4. ลากเสนทับบริเวณสีที่ตองการใช คํานวณเปนโฟรกราวนด

พื้นที่ที่ได

3. เลือกพื้นที่ที่จะใชเปนโฟรกราวนดอยางคราวๆ

5. กด Enter

การปรับโหมดการเลือกพืน้ ที ่ การเลือกพื้นที่ดวยเครื่องมือแตละชนิดจะเหมาะกับลักษณะของภาพที่แตกตางกัน แตก็มีภาพบางลักษณะที่เรา จะตองใชเครื่องมือหลายตัวทํางานรวมกัน เพื่อใหการเลือกพื้นที่ครอบคลุมภาพในสวนที่เรา ตองการมากที่สุด ที่ Tool Options ของเครื่องมือการเลือกพื้นที่ทุกตัวจะมีตัวเลือกในการปรับรูปแบบการเลือกพื้นที่ที่เรามาใชได ดังนี้

การเลือกพื้นที่ใหม ในกรณีที่เลือกพื้นที่ภาพเรียบรอยแลว ใหกด ที่ Tool Options ใหเราลากเมาสไปบริเวณพื้นที่ๆ ตองการ เพื่อเลือกพื้นที่ใหม (อาจเปลี่ยนไปใชเครื่องมือเลือกพื้นที่อื่นได)

Page 58

เลือกพื้นที่ครั้งที่ 1

เลือกพื้นที่ครั้งที่ 2

ผลลัพธการเลือกพื้นที่

เลือกขอบเขตภาพเพิ่มขึ้นจากเดิม ในกรณีที่ตองการเลือกขอบเขตภาพเพิ่มขึ้น ใหเลือก

หรือกดคีย <Shift> คางไว ตัวชี้เมาสจะเปลี่ยนเปนรูป

(หากเราใชเครื่องมืออื่นในการเพิ่มพื้นที่ เราจะเห็นเครื่องหมายบวกติดอยูดวยเสมอ เชน ใหเราคลิกเมาสคางไว แลวจึงลากเมาสไปบริเวณพื้นที่ๆ ตองการเพิ่ม

เลือกพื้นที่ครั้งที่ 1

เลือกพื้นที่ครั้งที่ 2

) หลังจากนั้น

ผลลัพธการเลือกพื้นที่

การลดขอบเขตภาพที่เลือกไวจากเดิม ในกรณีการลดขอบเขตที่เลือกไวลง ใหเลือก

หรือกดแปน

คางไว ตัวชี้เมาสจะเปลี่ยนเปน

รูป (หากเราใชเครื่องมืออื่นในการตัดพื้นที่ เราจะเห็นเครื่องหมายลบติดอยูดวยเสมอ เชน ใหเราคลิกเมาสคางไว แลวลากเมาสไปบริเวณพื้นที่ๆ ตองการตัด

เลือกพื้นที่ครั้งที่ 1

เลือกพื้นที่ครั้งที่ 2

) หลังจากนั้น

ผลลัพธการเลือกพื้นที่

การเลือกพื้นที่เฉพาะสวนที่ตัดกันของพื้นที่เดิม ในกรณีที่เราตองการเลือกพื้นที่เฉพาะสวนที่ตัดกัน ใหกด หรือกดคีย <Shift+Ctrl> คางไว ตัวชี้เมาสจะ เปลี่ยนเปนรูป (หากเราใชเครื่องมืออื่นในการตัดพื้นที่ เราจะเห็นเครื่องหมายตัว u คว่ําติดอยูดวยเสมอ เชน ) หลังจากนั้นใหคลิกเมาสลากพื้นที่สวนที่เราตองการบนภาพ การเลือกพื้นที่จะเหลือเฉพาะสวนของเสนประที่ ตัดกันเทานั้น

Page 59

เลือกพื้นที่ครั้งที่ 1

เลือกพื้นที่ครั้งที่ 2

ผลลัพธการเลือกพื้นที่

เลือกพื้นที่จากคําสัง่ Select นอกจากจะใชเครื่องมือในกลุม Selection Tool ในการเลือกพื้นที่ไดแลว เรายังสามารถเลือกพื้นที่ในลักษณะ ตางๆ ไดดวยคําสั่ง Select ที่เมนูของหนาตาง Image Window โดยเลือกคําสั่ง Select และเลือกลักษณะการเลือก พื้นที่ เลือกพื้นที่ภาพทั้งหมด ยกเลิกการเลือกพื้นที่ภาพทั้งหมด เลือกพื้นที่ตรงขามกับที่เลือกไว กําหนดพื้นที่ที่เลือกใหเปนเลเยอรลอย เลือกพื้นที่ดวยเครือ่ งมือ Select By Color Tool เลือกพื้นที่จากเสนพาธที่สราง

ตัวอยางการเลือกพื้นที่ตรงขาม เปนการเปลี่ยนจากพื้นที่ไมถูกเลือกในภาพเปนพื้นที่ที่ถูกเลือก (ใชกับเครื่องมือ Selection ทุกประเภท) ไดดังนี้ 1. 2. 3. 4. 5.

และพื้นที่ที่ถูกเลือกกลายเปนพื้นที่ที่ไมถูกเลือก

คลิกเลือกพื้นที่ในสวนของพื้นหลังภาพ ในที่นี้เราจะใชเครื่องมือ Fuzzy Selection Tool ในการเลือก กําหนดคาความแตกตางของคาสีใน Tool Options ตัวอยางนี้กําหนดที่ 80 (คาต่ําจะเลือกสีที่ใกลเคียงกับ ตําแหนงสีที่เราคลิกเมาสมากๆ เทานั้น) ตัวชี้เมาสจะเปลี่ยนเปนรูป ใหเราคลิกเมาสลงบนจุดสีที่ตองการเลือกบริเวณสีที่ใกลเคียงกับจุดที่เราคลิกเมาส จะถูกเลือกไปดวย เลือกคําสั่ง Select>Invert หรือกดคีย <Ctrl+I> สังเกตการเปลี่ยนแปลง จะเห็นวาเสนประจะมาแสดงอยูในพื้นที่ที่เราไมไดเลือกไวในตอนแรก

Page 60

1. คลิกเลือกเครื่องมือ Fuzzy Selection Tool

2. กําหนดคาความแตกตางของ คาสีใน Tool Options

3. เลือกพื้นที่ในสวนของพื้นหลัง 4. เลือกคําสั่ง Select>Invert

จะไดการเลือกพื้นที่ของพื้นหลัง 5. จะไดผลลัพธการเลือกพื้นที่ตรงขาม

Page 61

ตัวอยางการเลือกพืน้ ที่นําไปตกแตงสีสัน

การเลือกพื้นที่อยางปราณีตดวย Quick Mask Toggle ในกรณีที่พื้นที่ๆ เลือกเปนพื้นที่อิสระ ไมมีรูปทรงที่แนนอน รวมทั้งมีความแตกตางของสีภาพกับสีพื้นหลังนอย เราจึงใชสีมาแยกความแตกตางระหวางพื้นที่ๆ ถูกเลือกและพื้นที่ๆ ไมถูกเลือก โดยบริเวณที่มีสีแดงเปนเหมือนกับการใส หนากาก หามไมใหทําการปรับแตงคาบริเวณนั้น ดังนี้ 1. 2. 3.

คลิก ใช คลิก

เพื่อเขาสูโหมดควิกมาสก คลิกลบพื้นที่ในสวนที่เราตองการ อีกครั้งเพื่อกลับมาที่โหมดปกติ จะไดการเลือกพื้นที่

3. คลิกอีกครั้งเพื่อกลับมาที่โหมดปกติ

1. คลิกเพื่อเขาสูโหมดควิกมาสก 2. ใช

คลิกลบพื้นที่ในสวนที่เรา

TIP : ในกรณีที่เราลบพื้นที่เกินจากที่เราตองการ เราสามารถใช

จะไดการเลือกพื้นที่

ระบายสีพื้นที่ใหเปนสีแดงเหมือนเดิมได

Page 62

สวนที่ลบเกินออกมา

ใช ระบายสีพื้นที่ใหเปนสี แดงเหมือนเดิม

การจัดการพืน้ ที่ที่เลือกดวย Selection Editor เราสามารถจัดการการเลือกพื้นที่ไดจากหนาตาง Selection Editor โดยเลือกที่คําสั่ง Select>Selection Editor จะแสดงหนาตางของ Selection Editor ซึ่งมีปุมคําสั่งตางๆ ดานลาง ดังนี้

แสดงสวนที่ถูกเลือก ยกเลิกการเลือกพื้นที่ทั้งหมด สราง Selection Mask ที่ Channel เลือกพื้นที่ทั้งหมด เลือกพื้นที่ตรงขาม

ใสสีใหเสนขอบของการเลือกพื้นที่ สราง Selection Mask ที่ Channel

การปรับแตงการเลือกพื้นที ่ เมื่อเราเลือกพื้นที่แลวเราสามารถปรับแตงการเลือกพื้นที่เพิ่มเติม เพื่อใหไดลักษณะของการเลือกพื้นที่ที่ตองการ ไดหลายรูปแบบ ดังนี้

ปรับขอบการเลือกพื้นที่ใหฟุงเบลอ เปนการปรับขอบของการเลือกพื้นที่ใหมีความฟุง เพื่อใหการตกแตงภาพดูกลมกลืนขึ้น ไดดังนี้ 1. 2.

เลือกพื้นที่ดวย Ellipse Selection Tool เลือกคําสั่ง Select>Feather...

Page 63 3. 4. 5.

จะปรากฏหนาตาง Feather Selection กําหนดระยะความฟุงเบลอของการเลือกพื้นที่ คลิกปุม เพื่อตกลงใชคาที่กําหนด คลิกที่ขอบภาพ และเลื่อนภาพในพื้นที่ที่เลือกออกมา จะเห็นวาขอบของการเลือกนั้นฟุงดูกลมกลืน

1. คลิกเลือกพื้นที่

2. เลือกคําสั่ง Select>Feather...

3. กําหนดคา Feather

4. คลิกเมาส

ผลลัพธเมื่อคลิกเลือ่ นภาพ

ผลลัพธเมื่อกําหนด Feather เทากับ 0

NOTE

หากเราตองการปรับขอบของภาพ ใหไมมีความฟุงเบลออยางรวดเร็ว ก็สามารถทําได โดยใชคําสั่ง Sharpen

Page 64

ลดขนาดการเลือกพื้นที่อัตโนมัต ิ จะเปนการลดขนาดของการเลือกพื้นที่ลงตามสัดสวนของการเลือกพื้นที่เดิม ตามระยะขอบการเลือกพื้นที่ ดังนี้ 1. 2. 3. 4. 5.

เลือกพื้นที่ เลือกคําสั่ง Select>Shrink จะปรากฏหนาตาง Shink Selection กําหนดระยะจากขอบการเลือกพื้นที่ที่ตองการใหลดลง คลิกปุม เพื่อตกลงใชคาที่กําหนด ขนาดการเลือกพื้นที่จะลดลง 1. เลือกพื้นที่

2. เลือกคําสั่ง Select>Shrink

3. กําหนดระยะในการ ลดขนาดพื้นที่

4. คลิกเมาส

5. ผลลัพธการเลือกพื้นที่จะลดลง

Page 65

เพิ่มขนาดการเลือกพื้นที่ จะเปนการเพิ่มขนาดการเลือกพื้นที่ ตามระยะขอบการเลือกพื้นที่โดยรอบคลายกับการเปลงแสงออกมา ดังนี้ 1. 2. 3. 4. 5.

เลือกพื้นที่ เลือกคําสั่ง Select>Glow จะปรากฏหนาตาง Glow Selection กําหนดระยะจากขอบการเลือกพื้นที่ที่ตองการใหเพิ่มขึ้น คลิกปุม เพื่อตกลงใชคาที่กําหนด ขนาดการเลือกพื้นที่จะเพิ่มขึ้น 1. เลือกพื้นที่

2. เลือกคําสั่ง Select>Glow

3. กําหนดระยะในการเพิ่มขนาดพื้นที่

4. คลิกเมาส

5. ผลลัพธการเลือกพื้นที่จะเพิ่มขึ้น

เปลี่ยนการเลือกพื้นที่เปนการเลือกพื้นที่เสน จะเปนการสรางการเลือกพื้นที่ใหกลายเปนการเลือกพื้นที่ของเสนขอบ ดังนี้ 1. 2. 3.

เลือกพื้นที่ เลือกคําสั่ง Select>Border จะปรากฏหนาตาง Border Selection กําหนดความหนาของเสนที่ตองการ • Feather border ทําใหขอบพื้นที่ที่เลือกนุมนวลขึ้น

Page 66 •

Lock selection to image edges Lock selection to image edges

กําหนดให

ขอบของพื้นที่ที่เลือกไมเปลี่ยนแปลงเมื่อวางชนขอบของภาพพอดี ไมกําหนด Lock selection to image edges

กําหนด Lock selection to image edges 4. 5.

คลิกปุม เพื่อตกลงใชคาที่กําหนด จะเกิดการเลือกพื้นที่เปนเลนขอบ 1. เลือกพื้นที่

2. เลือกคําสั่ง Select>Border

กําหนดคุณสมบัติของเสน

5. ผลลัพธจะเกิดการเลือก พื้นที่เปนเสนขอบ 4. คลิกเมาส

การบันทึกการเลือกพื้นที่ และการนํากลับมาใชใหม เราสามารถบันทึกการเลือกพื้นที่โดยเก็บเปนมาสกใน Channel ได โดยการใชคําสั่ง Save to Channel ซึ่งจะเปนประโยชนเมื่อเราตองการเรียกการเลือกพื้นที่นั้นๆ มาใชอีกครั้งหนึ่ง ซึ่งสามารถทําไดดังนี้ 1.

หลังจากไดทําการเลือกพื้นที่จากคําสั่ง Selection ตางๆ แลว คลิกเลือก Select>Save (หรือเปดหนาตาง Selection Editor ก็จะพบคําสั่ง Save to Channel เชนกัน)

to Channel

Page 67 2.

ที่พาเล็ต Channel จะปรากฏเลเยอร Selection Mask Copy ซึ่งเปนการมาสกพื้นที่ที่เราเลือกไว เรา สามารถทําการยกเลิกการเลือกพื้นที่เพื่อจัดการรูปภาพดวยคําสั่งอื่นๆ ได

เมื่อตองการนําการเลือกพื้นที่นั้นมาใชใหม ใหคลิกเลือกเลเยอร Selection Mask Copy ที่ ที่พาเล็ต Channel หรือคลิกขวาที่เลเยอรนั้น เพื่อไปยังคําสั่ง Channel Menu>Channel to Selection

จะปรากฏการเลือกพื้นที่เดิมขึ้นมาอีกครั้งหนึ่ง

หรือปดหนาตาง Selection Editor

1. คลิกเลือกคําสั่ง Select>Save to Channel

Save to Channel

2. จะปรากฏเลเยอร Selection Mask Copy

เราสามารถทําการยกเลิก การเลือกพื้นที่ได

3. ที่พาเล็ต Channel เลือกคําสั่ง Channel Menu>channel to Selection เมื่อตองการใหการเลือกพื้นที่กลับมาอีกครั้ง

4. จะปรากฏการเลือกพื้นที่เดิม ขึ้นมาอีกครั้งหนึ่ง

Page 68

บทที่ 4 การจัดวาง และปรับรูปทรง หลังจากที่ไดนําภาพสวนประกอบตางๆ มาวางซอนกันจนเขาที่แลว ในขั้นตอนนี้เราจะมาทําการจัดวาง ปรับ ขนาดภาพ หมุนภาพ และบิดภาพ เพื่อใหสวนประกอบของภาพเหลานี้เขากัน โดยใชเครื่องมือในกลุม Transform Tool

การใชงานเครื่องมือวัดตําแหนงตางๆ กอนการตกแตงภาพ เชน ภาพคน ภาพสิ่งของที่ตองการระบุตําแหนงของวัตถุเหลานั้นใหแนชัด เพื่อตกแตงภาพเฉพาะ จุด โปรแกรมจึงจัดใหมีเครื่องมือที่ชวยอํานวยความสะดวกในการจัดวางงานของเรา ซึ่งไดแกเครื่องมือตางๆ ดังนี้ • • • •

แถบไมบรรทัด (Ruler) ใชอางอิงตําแหนง และตรวจดูขนาดของวัตถุ เสนไกด (Guide) เปนเสนที่ใชอางอิงในการจัดวางวัตถุในชิ้นงาน เสนกริด (Grid) เปนเสนตารางที่ใชเปนแนวอางอิงในการจัดวางวัตถุในชิ้นงาน เครื่องมือวัด (Measure Tool) ไมบรรทัดที่ใชวัดระยะทาง ขนาด และวัดมุมความเอียงของวัตถุ

การบอกตําแหนงภาพดวย Ruler มีลักษณะเหมือนไมบรรทัดที่อยูบริเวณดานบน ตําแหนงตัวชี้เมาสบนภาพ Ruler

และดานซายของหนาตางเปนตัวอางอิงเพื่อใชบอก

เมื่อวางเมาสบนภาพจะแสดงลูกศร ตําแหนงบนแถบไมบรรทัด

การเปลี่ยนหนวยวัดใหกับไมบรรทัด เราสามารถเปลี่ยนหนวยวัดที่ไมบรรทัดได โดยคลิกเลือกหนวยที่ดานลางของหนาตาง Image Window

Page 69

คลิกเลือกเพื่อเปลี่ยน หนวยวัด

ผลลัพธแถบไมบรรทัดเปลี่ยนไป

การซอน/แสดงแถบไมบรรทัด โดยปกติแลวเมื่อเราเปดไฟล หรือสรางไฟลภาพขึ้นมาใหม จะปรากฏแถบของไมบรรทัดขึ้นมาใหเราใชงานทันที แตเราสามารถซอนหรือแสดงแถบไมบรรทัดได โดยเลือกที่คําสั่ง View>Show Ruler ถามีเครื่องหมาย จะเปนการ แสดงไมบรรทัด ถาไมมีเปนการซอนแถบไมบรรทัดไว แถบไมบรรทัดหายไป

เครื่องหมาย หายไป

เลือกคําสั่ง View>Show Ruler

แสดงจุดอางอิงบนภาพดวยเสนไกด เสนไกดเปนเสนที่ใชในการอางอิงระยะบนภาพ โดยเราสามารถใชเสนไกดไดทั้งแนวตั้ง และแนวนอน หรืออาจ นําเสนไกดทั้ง 2 แนวมาตัดกัน เพื่อเกิดพิกัดที่ชวยบงบอกระยะสําหรับแกไขภาพ การวางวัตถุ เปนตน โดยเสนเหลานี้จะไม ถูกพิมพออกทางเครื่องพิมพ ซึ่งการสรางเสนไกดมีวิธีดังนี้ 1.

นําเมาสไปวางที่แนวไมบรรทัดในแนวตั้งหรือแนวนอนก็ได จากนั้นลากเมาสออกมาในตําแหนงที่ตองการก็จะมี เสนไกดแสดงออกมาดวย

Page 70 2.

เมื่อไดตําแหนงที่ตองการแลว ปลอยเมาส เสนไกดจะเปลี่ยนเปนเสนประสีฟา ซึ่งเราสามารถสรางกี่เสนก็ไดตาม ตองการ (เมื่อวางเมาสที่เสนไกด เสนไกดจะเปลี่ยนเปนสีแดง และตัวชี้เมาสจะเปลี่ยนเปนรูป ไกดจะเปลี่ยนเปนสีเขียว)

เมื่อคลิกเสน

ลากเมาสออกมาในตําแหนงที่ตองการแลว ปลอยเมาส จะมีเสนไกด แสดงตามออกมา ดวย

การเคลื่อนยายเสนไกด หากตองการยายตําแหนงเสนไกด ใหคลิกยังเสนไกดที่ตองการยายตําแหนงคางไว และลากไปยังตําแหนงใหมที่ ตองการ

คลิกเสนไกดคางไวแลวลากไปยัง ตําแหนงที่ตองการ

การลบเสนไกด การลบเสนไกดคือ การยายเสนไกดออกไปนอกหนาตางภาพ เสนไกดก็จะหายไป โดยการคลิกเมาสคางไว แลว ลากออกไปที่แถบไมบรรทัด

Page 71

คลิกที่เสนคางไวแลวลากไปยัง แถบไมบรรทัด

การซอนและแสดงไกด หากตองการซอนเสนไกดไว ใหเลือกคําสั่ง View>Show Guides ใหเครื่องหมาย กลับกัน ถาตองการใหเสนไกดกลับมาแสดงก็ใหเลือกคําสั่ง View>Show Guides อีกครั้ง

หายไป และในทาง

เลือกคําสั่ง View>Show Guides

แสดงเสนไกด

ไมมีเครื่องหมาย

ไมแสดงเสนไกด

Page 72

การแสดงจุดพิกัดบนภาพดวยกริด กริดเปนจุดที่บอกพิกัดเพื่ออางอิงตําแหนง เกิดจากเสนแนวตั้ง และแนวนอนมาตัดกันจนเกิดจุดตัดระหวางเสน โดยระยะหางระหวางจุดจะมีระยะหางที่เทากัน เราสามาถทําใหโปรแกรมแสดงเสนกริดได โดยเลือกคําสั่ง View>Show Grids (สังเกตวาหลังจากเลือกแลวจะปรากฏเครื่องหมาย ขึ้นมา) เลือกคําสั่ง View>Show Grids

ผลลัพธแสดงเสนกริด

นอกจากนี้ภายในโปรแกรมยังสามารถกําหนดรายละเอียดของเสนกริดได โดยเลือกที่เมนู Edit ในหนาตาง Image Window และเลือกคําสั่ง Preferences จะปรากฏหนาตาง Preferences ใหเรากําหนดลักษณะของ Default Grids ดังนี้ 1. เลือกคําสั่ง File>Preferences

3. กําหนดคาตางๆ

สรางความแมนยําในการวางภาพดวย Snap

2. เลือกกําหนดลักษณะของ Default Grids

4. คลิกเมาส

Snap เปนคําสั่งที่จะทําใหวัตถุที่เรานํามาวางถูกดูดติดกับแนวเสนไกด เสนขอบของหนาเอกสาร และเสนกริด

Page 73

เลือกคําสั่ง View>Snap to Guides

การเลือกใช Snap ในลักษณะตางๆ • ใช Snap ยึดแนวเสนไกด ใหเลือกคําสั่ง View>Snap to Guides คลิกใหเปนเครื่องหมาย • ใช Snap ยึดแนวเสนกริด ใหเลือกคําสั่ง View>Snap to Grid คลิกใหเปน

เครื่องหมาย แสดง Snap วางยึดเสนไกด

วัดระยะของวัตถุดวย Measure Tool เราสามารถวัดระยะทาง และมุมจากตําแหนง 2 ตําแหนงได โดยการใช Measure Tool ซึ่งทําหนาที่ เหมือนไมบรรทัดวัดระยะทาง และไม Protector วัดมุม เพื่อใหการทํางานของเราสะดวกรวดเร็ว และแมนยําขึ้น โดยมี วิธีการตอไปนี้ 1. 2.

คลิกเลือกเครื่องมือ Measure Tool ลากเมาสระหวางจุดเริ่มตน และจุดปลายที่ตองการวัด

Page 74 3.

คลิกเลื่อนเมาสใหจุดปลายทํามุมกับแนวนอน ลากเมาสไปยังจุดที่ตองการ

1. คลิกเลือกเครื่องมือ Measure Tool

2. คลิกลากเมาสระหวางจุดเริ่มตน และจุดปลาย

NOTE

เราสามารถดูระยะทาง และองศาของมุมที่เราใชเครื่องมือ Measure Tool ลากไป โดยคลิกเลือก Use info Window ที่ Tool Options ของเครื่องมือ Measure Tool จะทําใหปรากฏหนาตาง Measure แสดงระยะทาง และองศาของมุมที่เราวัดได ปรากฏหนาตาง Measure

คลิกเลือก Use info Window ที่ Tool Options

แสดงระยะทาง

แสดงคามุม

ความกวาง

ความสูง

นอกจากนั้น เรายังสามารถเลื่อนเสนวัดระยะทาง หรือมุมจากจุดที่เราวัดไวแลว โดยเลื่อนเมาสไปที่เสนนั้น ตัวชี้ เมาสจะเปลี่ยนเปนรูป

แลวลากเมาสเลื่อนเสนไปยังตําแหนงที่ตองการ

Page 75

จุดปลายของ ตําแหนงเดิม

คลิกเมาสเลื่อนเสนไปยัง ตําแหนงใหมที่ตองการ

TIP

ถาเรากดคีย <Ctrl> คางไวขณะที่ ทําการลากเมาส จะบังคับเมาสใหเลื่อนเพิ่มหรือลดลงทีละ 15 องศา

รูจักกับการปรับรูปทรงภาพดวยเครื่องมือ Transform Tool เปนเครื่องมือที่นําภาพหรือพื้นที่ภาพที่เราเลือกไว มาปรับรูปทรงใหเปลี่ยนแปลงไปจากเดิม เชน ปรับภาพใหมี ขนาดเล็กลง ปรับทิศทางการวางภาพใหเอียง ยืดและบิดภาพ เปนตน ซึ่งวิธีการเหลานี้ สามารถปรับไดตามที่เราคลิกกําหนด รูปทรง หรือกําหนดคาในหนาตางของเครื่องมือชนิดตางๆ เพื่อกําหนดคาได ปรับขนาดภาพ (Scale Tool)

หมุนภาพ (Rotate Tool)

Page 76

บิดภาพ (Shear Tool)

บิดภาพ (Perspective Tool)

พลิกกลับดานภาพ (Flip Tool)

การปรับขนาดภาพใหพอดีดวย Scale Tool ภาพที่ตัดตอมาซอนอยูนั้น บางครั้งขนาดจะเล็กหรือใหญกวาพื้นที่ที่เราจะวางภาพ ดังนั้นตองปรับขนาดกันสัก หนอยดวย 1. 2.

Scale Tool ดังนี้

ใชเครืองมือตัดภาพตัดภาพออกมา กอปปภาพที่ตัดมาวางในภาพอีกภาพหนึ่ง

คลิกเลือก Scale Tool เพื่อกํานดขนาด คลิกที่รูปเพื่อปรับขนาด หรือ กําหนดขนาด โดยการตั้งคาที่หนาตาง Scale

เมื่อกําหนดขนาดเรียบรอยแลว คลิกที่ปุม

เพื่อตกลงใชคา

Page 77

1. ตัดภาพจากภาพตนฉบับ

2. กอปปภาพที่ตัดมาวางในภาพอีกภาพหนึ่ง

3. คลิกเลือก Scale Tool หรือกําหนดคาตางๆ

5. คลิกเมาสเพื่อตกลงใชคา

4. คลิกบนภาพเพื่อ กําหนดขนาด

ผลลัพธเมื่อเปลี่ยน ขนาดใหพอดี

กําหนดคุณสมบัติเพิ่มเติมเกี่ยวกับเครื่องมือ Scale Tool เราสามารถกําหนดคุณสมบัติเพิ่มเติมของเครื่องมือ Scale Tool ไดที่ Tool Options ดานลางของหนาตาง Main Toolbox ซึ่งมีรายละเอียดดังนี้

Page 78

เลือกโหมดการจัดการกับวัตถุชนิดตางๆ

กําหนดคุณภาพของการปรับภาพ กําหนดการตัดภาพที่ถูกปรับ เรียบรอยแลวใหมีขนาดเทากับ ขนาดภาพตนฉบับโดยอัตโนมัติ

เลือกลักษณะการปรับขนาดได 2 แบบ คือ Normal (Forward) คือการปรับไป ตามที่เรากําหนด และแบบ Corrective (Backward) เปนการปรับไปในทิศ ทางตรงขามกับที่กําหนด กําหนดลักษณะภาพตัวอยาง ในการปรับภาพ

กําหนดใหอัตราสวนระหวาง ความกวาง และความสูงคงที่

หมุนภาพใหไดมุมที่ลงตัวดวย Rotate Tool หากภาพที่ตัดตอมานั้นอยูในทิศทาง หรือมุมที่ไมลงตัว อันนี้ก็หมุนใหอยูในที่ควรจะอยูไดดวย

Rotate Tool

ดังนี้ 1. 2.

คลิกเลือก Rotate Tool เพื่อกําหนดขนาด คลิกที่รูปเพื่อหมุนภาพ หรือกําหนดการหมุน โดยการตั้งคาที่หนาตาง Rotate ดังนี้ • Angle กําหนดมุมในการหมุน • Center X และ Center Y กําหนดจุดหมุน เมื่อกําหนดการหมุนภาพเรียบรอยแลว คลิกที่ปุม 1. คลิกเลือก Scale Tool

เพื่อตกลงใชคาที่กําหนด หรือกําหนดรายละเอียดเพื่อทําการหมุนภาพ

3. คลิกเมาส

Page 79

2. คลิกที่รูปเพื่อหมุนภาพ

ผลลัพธการหมุนภาพ

กําหนดคุณสมบัติเพิ่มเติมเกี่ยวกับเครื่องมือ Rotate Tool เราสามารถกําหนดคุณสมบัติเพิ่มเติมของเครื่องมือ Rotate Tool ไดที่ Tool Options ดานลางของหนาตาง Main Toolbox ซึ่งมีรายละเอียดดังนี้ เลือกโหมดการจัดการกับวัตถุชนิดตางๆ กําหนดคุณภาพของ การปรับภาพ กําหนดการตัดภาพที่ถูกปรับ เรียบรอยแลวใหมีขนาดเทากับ ขนาดภาพตนฉบับโดยอัตโนมัติ

เลือกลักษณะการปรับขนาดได 2 แบบ คือ Normal (Forward) คือการปรับไปตามที่เรา กําหนด และแบบ Corrective (Backward) เปนการปรับไปในทิศทางตรงขามกับที่ กําหนด กําหนดลักษณะภาพตัวอยางใน การปรับภาพ ใหการหมุนเปลี่ยนมุมไปครั้งละ 15 องศา

บิดภาพใหลาดเอียงดวย Shear Tool เปนการบิดภาพใหมีลักษณะลาดเอียง โดยใหบิดกรอบดานใดดานหนึ่ง ซึ่งกรอบอีกดานจะอยูคงที่ จะปรากฏ กรอบสําหรับการบิดภาพใหบิดไปซายขวาหรือบนลางตามตองการ ดังนี้ 1. 2.

คลิกเลือก Shear Tool คลิกที่รูปเพื่อทําการบิดภาพ หรือกําหนดการบิดภาพ โดยการตั้งคาที่หนาตาง Shear ดังนี้ • Magnitude X / Y กําหนดระยะจากมุมเดิมที่ยื่นออกมาเมื่อทําการบิดภาพ

Page 80

เมื่อกําหนดการบิดภาพเรียบรอยแลว คลิกที่ปุม

เพื่อตกลงใชคา

1. คลิกเลือก Shear Tool

2. คลิกที่ภาพเพื่อทํา การบิด

หรือกําหนดระยะเพือทํา การบิดภาพ

3. คลิกเมาส

ผลลัพธการบิดภาพ

บิดภาพใหผดิ สัดสวนดวย Perspective Tool เปนการบิดภาพโดยมุมทั้งสองขางเอียงเขาหากัน Perspective Tool ดังนี้ 1. 2. 3.

หรือบิดภาพไดโดยไมมีการรักษาสัดสวนภาพ

โดยใช

คลิกเลือก Perspective Tool คลิกเลื่อนมุมของภาพเพื่อทําการบิดภาพ ในเครื่องมือนี้เราไมสามารถตั้งคาไดจากหนาตาง Perspective แตที่ หนาตางนี้จะแสดงขอมูลการบิดภาพของเราแทน เมื่อกําหนดการบิดภาพเรียบรอยแลว คลิกที่ปุม เพื่อตกลง 1. คลิกเลือก Perspective Tool

2. คลิกที่มุมของภาพเพื่อทําการบิด

Page 81

3. คลิกเมาสเพื่อตกลง

ผลลัพธการบิดภาพ

กําหนดคุณสมบัติเพิ่มเติมเกี่ยวกับเครื่องมือ Shear Tool และ Perspective Tool เราสามารถกําหนดคุณสมบัติเพิ่มเติมของเครื่องมือ Shear Tool และ Perspective Tool ไดที่ Tool Options ดานลางของหนาตาง Main Toolbox ซึ่งมีรายละเอียดหนาตาง Tool Option ของ Shear Tool และ Perspective Tool ที่เหมือนกัน ดังนี้ เลือกโหมดการจัดการกับวัตถุชนิดตางๆ เลือกลักษณะการปรับขนาดได 2 แบบ คือ Forward คือการปรับไปตามที่เรากําหนด และแบบ Backward เปนการปรับไปในทิศ ทางตรงขามกับที่กําหนด

กําหนดการตัดภาพที่ถูกปรับ เรียบรอยแลวใหมีขนาดเทากับ ขนาดภาพตนฉบับโดยอัตโนมัติ

กําหนดคุณภาพของการปรับภาพ

กําหนดลักษณะภาพตัวอยางใน การปรับภาพ

การพลิกกลับดานรูปดวย Flip Tool เปนกลับดานของภาพจากซายเปนขวา หรือ จากดานบนเปนดานลาง โดยใช 1.

คลิกเลือก

เลื่อนเมาสมาที่ภาพ (ลูกศรจะกลายเปนรูป กลับดานภาพ ภาพที่ไดจะถูกพลิก

Flip Tool ดังนี้

Flip Tool

กลับภาพในแนวนอน และ

กลับภาพในแนวตั้ง) และคลิกเพื่อ

Page 82

2. เลื่อนเมาสมาที่ภาพ (พลิกจากซายเปนขวา)

1. คลิกเลือก Flip Tool

3. ผลลัพธการพลิกภาพ

ตัวอยางการพลิกภาพในแนวตั้ง (กลับดานบนเปนดานลาง)

กอนพลิก

หลังพลิก

TIP

เราสามารถเปลี่ยนแนวในการพลิกภาพได โดยกําหนดคุณสมบัติของเครื่องมือที่ Tool Option โดยเลือก Flip Type เปนแบบ Horizontal (แนวนอน) หรือ Vertical (แนวตั้ง) หรือกดคีย <Ctrl> คางไวขณะคลิกเพื่อ พลิกภาพ (สังเกตจากรูปลูกศรที่เปลี่ยนไป

และ

)

NOTE

โหมดการจัดการกับวัตถุ (Affect) ใน Tool Options ของเครื่องมือ Transform ตางๆ จะมีอยู 3 โหมด ดังนี้ จัดการกับเลเยอร หรือภาพในเลเยอร เชน ปรับขนาดภาพ หมุนภาพ บิดภาพ จัดการกับการเลือกพื้นที่ เชน ปรับขนาดการเลือกพื้นที่ หมุนปรับการเลือกพื้นที่ บิดรูปรางของการเลือกพื้นที่

Page 83

จัดการกับชิ้นพาธ เชน ปรับขนาดพาธ หมุนพาธ บิดรูปรางของพาธ ลักษณะของการแสดงภาพตัวอยางในการปรับภาพ (Preview) Outline จะแสดงเพียงเสนกรอบใหเห็นวารูปเปลี่ยนไปในลักษณะใด

จะแสดงเปนเสนตารางกริดใหเห็นวารูปเปลี่ยนไปในลักษณะใด ซึ่ง สามารถกําหนดจํานวนกริดที่แสดงบริเวณดานลางได

Grid

Image จะแสดงเปนลักษณะของรูปภาพที่เปลี่ยนไป

Image and grid จะแสดงทั้งรูปภาพและเสนกริดเปนลักษณะภาพที่

เปลี่ยนไป

Page 84

บทที่ 5 การสรางขอความตกแตงภาพ การสรางงานกราฟกนอกจากจะประกอบดวยภาพหลายๆ ภาพที่นํามาตกแตงเปนเรื่องราวที่ตองการแลว เรายัง สามารถใสขอความที่เปนชื่อเรื่อง หรือคําอธิบายรายละเอียดของเรื่องที่ตองการนําเสนอนั้นดวย เนื้อหาในบทนี้เราจะกลาว กันถึงเรื่องการใสตัวอักษรลงไปในภาพ และการปรับแตงตัวอักษรและขอความตางๆ

รูจักกับรูปแบบของตัวอักษรทีใ่ ชในโปรแกรมกราฟก ตัวอักษรที่ใชในโปรแกรมกราฟก โดยทั่วไปแบงออกเปน 2 ประเภท เชนกัน คือ แบบ Outline หรือแบบ Vector ตัวอักษรแบบ Outline จะถูกจัดเก็บในลักษณะการประมวลผลเปนสูตรคณิตศาสตร ทําใหไมเกิดปญหารอย หยัก แตก บนขอบตัวอักษรเมื่อเกิดการยอ/ขยายตัวอักษร จึงเหมาะสําหรับนํามาใชในงานสิ่งพิมพและงานศิลป อยางไรก็ ตาม ตัวอักษรแบบนี้จะนําไปตกแตงเอฟเฟกตโดยใชฟลเตอรไมได แบบ Bitmap ตัวอักษรแบบ Bitmap จะถูกจัดเก็บในรูปแบบพิกเซล ทําใหสะดวกในการประมวลผลเรื่องสี โดยเฉพาะอยาง ยิ่งการลงสีและการตกแตงภาพ ฉะนั้นขอดีของอักษรแบบ Bitmap คือ สามารถใชไดกับการใสเอฟเฟกตและฟลเตอร ในขณะที่ขอเสีย คือ เมื่อมีการเปลี่ยนแปลงขนาด เชน การขยายขนาดจะทําใหตัวอักษรแตก แบบ Outline: ขอความทั่วไปที่ตองการความคมชัด

แบบ Bitmap: ขอความที่ตองการเนนโดยการใส เอฟเฟกตพเิ ศษ

จากขอดีและขอเสียของตัวอักษรแบบ Outline และ Bitmap ที่ผานมาเราสรุปไดดังนี้คือ ตัวอักษร Outline 1. ปรับเปลี่ยนขนาดไดตามใจชอบภาพไมแตก 2. แกไขขอความไดงาย 3. การปรับแตงสี และลูกเลนทําไดนอยมาก

ตัวอักษร Bitmap 1. ปรับเปลี่ยนขนาด ภาพจะแตก 2. แกไขขอความยาก หรือแกไขไมได 3. การปรับแตงสี และลูกเลนทําไดมาก

Page 85

ฉะนั้นหลักการและเทคนิคในการปรับแตงตัวอักษรที่ดีที่สุด คือ พิมพขอความ กําหนดขนาดและดูความถูกตอง ของขอความใหตรงกับความตองการมากที่สุด หลังจากนั้นจึงเปลี่ยนจากตัวอักษรแบบ Outline มาเปนตัวอักษรแบบ Bitmap จากนั้นก็ปรับเปลี่ยนสี และใสเอฟเฟกตใหกับตัวอักษร เพราะถาเราแปลงขอความจาก Outline เปน Bitmap แลว ตอจากนั้นมาปรับขนาดทีหลังจะสงผลใหความละเอียดของภาพผิดเพี้ยนไป

การสรางตัวอักษรแบบ Outline ตัวอักษรแบบ Outline เหมาะสําหรับการนําเสนอขอความที่มีความคมชัด และมีสีสันเรียบงาย เพราะตัวอักษร แบบ Outline ไมสามารถใสเอฟเฟกตไดมากนัก สามารถสรางไดดังนี้ 1. 2. 3. 4.

คลิกเลือก Text Tool คลิกบริเวณภาพที่ตองการใสขอความ จะปรากฏหนาตาง GIMP Text editor พิมพขอความที่ตองการ กําหนดลักษณะตัวอักษรที่ Tool Options • Font กําหนดรูปแบบตัวอักษร • Size กําหนดขนาดของตัวอักษร • Hinting คลิกเพื่อใชสําหรับการสรางขอความขนาดเล็กใหดูชัดเจนมากขึ้น • Force auto-hinter คลิกเพื่อใหโปรแกรมสรางขอความใหดูสวยงามมากที่สุด ซึ่งจะกําหนดคาโดย อัตโนมัติ • Antialiasing คลิกเพื่อกําหนดการตัดเหลี่ยมขอบของขอความใหขอความดูสวยงามมากขึ้น • Color กําหนดสีของขอความ • Justify กําหนดการจัดเรียงขอความในกรอบขอความ มี 4 แบบ คือ กําหนดใหวางชิดขอบซาย กําหนดใหวางชิดขอบขวา กําหนดใหวางกึ่งกลาง

กําหนดใหวางเต็มบรรทัด • Indent กําหนดระยะของจุดเริ่มตนของขอความในกรอบขอความ • Line spacing กําหนดระยะชองวางระหวางบรรทัดของขอความ Letter spacing กําหนดระยะหางระหวางตัวอักษร • • Text along path กําหนดใหขอความที่พิมพไหลไปตามเสนพาธ • path from text คลิกที่ปุมนี้เพื่อสรางขอความที่พิมพใหเปนเสนพาธ คลิกปุม เพื่อสิ้นสุดการกําหนด และแกไขขอความ

Page 86

1. คลิกเลือก Text Tool

3. พิมพขอความ

5. คลิกเมาส 2. คลิกบริเวณภาพที่ตองการใสขอความ

4. กําหนดลักษณะตัวอักษร

ผลลัพธที่ได

การแกไขขอความที่พิมพผิดพลาด ถาเราพิมพขอความผิด หรืออยากปรับรูปแบบใหม มีขั้นตอนดังนี้ 1. 2.

เลือก Text Tool และคลิกไปบนกรอบขอความ จะปรากฏหนาตาง GIMP Text Editor ใหเราพิมพแกไขขอความ

ลากเมาสบนตัวอักษรใหเกิดแถบสีน้ําเงินครอบตัวอักษรเพื่อพิมพคําใหมทับลงไป

Page 87

ขณะที่เลือกกําลังแกไขขอความที่หนาตาง GIMP Text Editor สามารถปรับแตงรายละเอียด ตัวอักษรเพิ่มเติม ไดที่ Tool Options

การสรางตัวอักษรแบบ Bitmap ทําไดโดยการเลือกพื้นที่เปนรูปขอความที่ตองการ และใชเครื่องมือเติมสี หรือระบายสีตางๆ ลงสีใหกับพื้นที่รูป ตัวอักษรที่เลือกไว ทําใหสามารถตกแตงสีของขอความไดมากขึ้น สามารถทําได ดังนี้ 1. 2. 3. 4. 5.

พิมพขอความที่ตองการเหมือนกับการสรางขอความแบบ Outline คลิกเลือกที่ปุม ใน Tool Options เพื่อสรางขอความใหเปนเสนพาธ คลิกปุม เพื่อสิ้นสุดการกําหนด และแกไขขอความ ไปที่ไดอะล็อก Path คลิกเมาสขวาที่พาธขอความเลือกคําสั่ง Path to selection เพื่อสรางการเลือก พื้นที่เปนรูปขอความ ใช ระบายสีใหกับพื้นที่รูปขอความที่เลือก

1. พิมพขอความ

2. คลิกเมาส

3. คลิกเมาส

Page 88

4. คลิกเมาสขวาเลือก คําสั่ง Path to Selection

จะไดการเลือกพื้นที่เปนรูปขอความ

ผลลัพธจะไดตัวอักษรแบบ Bitmap

5. ระบายสีพื้นที่ที่เลือก

แปลงตัวอักษร Outline ใหเปนแบบ Bitmap เนื่องจากขอความแบบ Outline ใหความคมชัด ในขณะที่ขอความแบบ Bitmap นําไปใชตกแตงเอฟเฟกต โดยใชเครื่องมือตางๆ ดังนั้นถาเราตองการจุดดีของทั้งสองแบบ ใหเราเริ่มโดยการสรางขอความแบบ Outline กอน เมื่อ วางที่ตําแหนงและขนาดเหมาะสม เราก็จะแปลงเปนแบบ Bitmap ดังตัวอยางตอไปนี้ 1. 2. 3.

พิมพขอความที่ตองการ คลิกเมาสขวาที่เลเยอรของขอความในไดอะล็อก Layers เลือกคําสั่ง แปลงขอความ ขอความ Outline จะเปลี่ยนไปเปนแบบ Bitmap 1. พิมพขอความ

Discard Text Information

เพื่อ

Page 89

2. คลิกเมาสขวา เลือกคําสั่ง Discard Text Information 3. ขอความ Outline จะ เปลี่ยนไปเปนแบบ Bitmap

สรางขอความแบบแฟนตาซีดวย Alpha to Logo เปนการสรางขอความที่มีรูปแบบสวยงาม โดยเปนรูปแบบขอความสําเร็จรูปกําหนดมาใหเราเลือกใช และทําการ กําหนดคาเพิ่มเติมนิดหนอยเทานั้น เชน มีการเติมสีขอความเปนลวดลาย มีแสงรอบๆ ขอความ เปนตน (ซึ่งก็คือฟลเตอร Script-Fu ในเวอรชั่นกอนๆ) จะใชงานขอความจาก Alpha to Logo ได ดังนี้ 1. 2. 3.

เลือกคําสั่ง Filters>Alpha to Logo ที่หนาตาง Image Window เลือกรูปแบบของขอความ ตัวอยางจะเลือกแบบ Alien-Glow กําหนดคาตางๆ ใหกับขอความ • Glow size ขนาดของของแสงที่เปลงออกมารอบตัวอักษร • Glow color สีของแสงที่เปลงออกมารอบตัวอักษร คลิกปุม เพื่อตกลงใชงานรูปแบบขอความที่เลือก

1. เลือกคําสั่ง Filters>Alpha to Logo 2. เลือกรูปแบบของขอความที่จะสราง 3. กําหนดคาตางๆ

4. คลิกเมาส

Page 90

ผลลัพธของขอความที่ได

ตัวอยางขอความรูปแบบตางๆ

Page 91

บทที่ 6 การทํางานกับเลเยอร ในบทแรกเราไดทราบถึงวิธีการเลือกพื้นที่ภาพ การตัดภาพจากไฟลตางๆ มารวมกันเปนชิ้นงาน และการใส ขอความลงไปประกอบในชิ้นงาน ดังนั้นในบทนี้เราจะมา สรางชิ้นงานกันอยางตอเนื่อง โดยการจัดวางภาพที่ซอนกันอยูให ลงตัวมากยิ่งขึ้น ใน GIMP เรียกการทํางานนี้วา “เลเยอร” ซึ่งชวยอํานวยความสะดวกในการจัดวางภาพแตละสวนที่วาง ซอนกันอยูเปนชั้นๆ ทําใหสามารถทํางานกับภาพเฉพาะสวนไดโดยไมมีผลกระทบกับสวนอื่นๆ ของภาพที่ไมเกี่ยวของ

ความหมายของ Layer เลเยอร (Layer) เปนการซอนภาพเหมือนกับนําแผนใสที่มีภาพซอนทับกันเปนชั้นๆ ซึ่งบริเวณของแผนใสที่ไม มีรูปก็จะสามารถมองเห็นทะลุถึงแผนใสที่อยูชั้นลางได และเมื่อนําทุกแผนใสทุกชั้นมาวางซอนทับกัน จะทําใหเกิดเปน รูปภาพที่สมบูรณ การใชเลเยอรจะชวยใหเราจัดวางงานไดงาย เนื่องจากแตละเลเยอรทํางานเปนอิสระตอกัน มีคุณสมบัติ ตางๆ เปนของตัวเอง จึงทําใหการแกไขที่เราทําในแตละเลเยอรนั้นไมสงผลตอเลเยอรอื่นๆ ภาพในแตละเลเยอรจะซอน กันเหมือนแผนใส

แผนใสภาพขอความ

แผนใสตกตาหมี

แผนพื้นหลัง

สามารถอานและปรับแตงไฟล .psd ของโปรแกรม Photoshop ที่มีการตั้งเลเยอรไวไดทันที โดย ไมตองปรับแตงแกไขใดๆ เพิ่มเติม Gimp

การซอนภาพดวยเลเยอร ตัวอยางนี้ เราจะลองนําภาพและขอความมาซอนกัน เพื่อจะสรางสรรคงานออกมาใหดูนาสนใจมากยิ่งขึ้น มี ขั้นตอนดังนี้ o o o

ขั้นตอนที่ 1 ขั้นตอนที่ 2 ขั้นตอนที่ 3

เปดภาพที่สรางเปนฉากหลัง ซอนภาพมาในเลเยอรที่ 2 ใสขอความลงในภาพ

Page 92

ลากภาพตุกตาหมีมาซอน

1. เปดภาพที่สรางเปนฉากหลัง

ใสขอความลงในภาพ

การสรางเลเยอร

หลังจากที่เราเปดภาพจากไฟล background.psd ขึ้นมาเพื่อสรางฉากหลัง จะ เห็นวาที่ไดอะล็อก Layers จะมีเพียงเลเยอรเดียว คือ Background เราตองทําการสรางเลเยอรใหมเพื่อใสภาพดอกไม ซึ่งมีขั้นตอนดังนี้ 1.

ที่หนาตาง Image Window เลือกคําสั่ง Layer>New Layer หรือใน หนาตาง Docking ที่ไดอะล็อก Layers คลิกเมาสที่

จะปรากฏหนาตาง

New

เพื่อทําการสรางเลเยอรใหม Layer ใหเราพิมพชื่อลงในชอง

Layer 3.

คลิกปุม

สรางเลเยอรใหมตามที่เรากําหนด

Layer Name

จากนั้นกําหนดรูปแบบของ

Page 93

1. เลือกคําสั่ง Layer>New Layer

หรือคลิกเมาส เพื่อสรางเลเยอร

2.พิมพชื่อเลเยอร

กําหนดรูปแบบ ของเลเยอร

เลเยอรจะถูกสราง ขึ้นใหม

3. คลิกเมาส

หลังจากทําการสรางเลเยอรใหมเรียบรอยแลวใหเราทําการคัดลอกภาพตุกตาหมีที่เตรียมไวมาวางบนเลเยอรที่ สรางใหม

ผลที่ไดจากการ ซอนเลเยอรตุกตา หมีกับพื้นหลัง

วางภาพตุกตาหมีบนเลเยอรที่สรางใหม

การใชงานเลเยอร ในหัวขอนี้เราจะมาเรียนรูจักวิธีการใชงานเลเยอรเบื้องตน อื่นๆ ได

เพื่อใหเราสามารถประยุกตไปใชกับงานเลเยอรเรื่อง

Page 94

ทํางานกับ Active Layer ในการใชงานโปรแกรม GIMP แมชิ้นงานจะประกอบไปดวยหลายเลเยอร แตเราจะทํางานไดเพียงทีละเลเยอร เทานั้น โดยเลเยอรที่เรากําลังทํางานอยูเรียกวา “Active Layer” ซึ่งในพาเล็ต Layers จะปรากฏเปนแถบสีน้ําเงิน แสดงวากําลังทําการปรับแตงใหกับเลเยอรนั้น

แถบสีน้ําเงิน หมายถึง Active Layer

คลิกเมาสที่เลเยอรที่ ตองการใชงาน

จากนั้น Active Layer จะ เปลี่ยนไปตามเลเยอรที่เราเลือก

ซอนและแสดงเลเยอร ถาชิ้นงานที่เราแกไขประกอบไปดวย เลเยอรจํานวนมาก เราอาจตองการซอนบางเลเยอรที่ยังไมไดใช เพื่อความ สะดวกในการทํางาน เมื่อเสร็จแลวก็ใหแสดงเลเยอรนั้นใหเห็นดังเดิม ดังตัวอยางเราจะทดลองซอนเลเยอรขอความ ดังนี้ ซอนเลเยอร 1. คลิกเมาสที่ เพื่อซอนเลเยอร (ชองสถานะนั้นจะเปลี่ยนเปน 2. ผลลัพธที่ได คือ เลเยอรภาพหมีจะหายไป

)

ภาพตนฉบับ 1. คลิกเมาสเพื่อซอนเลเยอร

2. เลเยอรภาพหมีจะ หายไป

Page 95

แสดงเลเยอร อีกครั้งหนึ่ง (ชองสถานะจะเปลี่ยนกลับมาเปน 1. แสดงเลเยอร โดยคลิกเมาสที่ 2. ผลลัพธที่ไดคือ เลเยอรตุกตาหมีจะปรากฏขึ้นอีกครั้ง

)

คลิกเมาสเพื่อแสดงเลเยอร

ภาพในเลเยอรตุกตาหมีกลับมา TIP

เราสามารถทําการซอนและแสดงเลเยอรไดทีละหลายๆ เลเยอรพรอมกัน เพียงแตทําการคลิกชอง ซอนและแสดงในเลเยอรที่ตองการ

เพื่อเลือก

คัดลอกเลเยอร ในการทํางานกับเลเยอรอาจมีขอผิดพลาดเกิดขึ้นได หากเราตองการปองกันไมใหเลเยอรนั้นสูญหายไปดวย ขอ แนะนําใหทําการคัดลอกเลเยอรสํารองไว โดยเลเยอรใหมที่ถูกคัดลอกออกมานั้นจะมีคุณสมบัติเหมือนเลเยอรตนแบบทุก ประการ เพียงแตชื่อของเลเยอรจะมีคําวา Copy ตอทาย เชน ถาเราคัดลอก Layer 1 เราจะไดเลเยอรใหมที่มีชื่อวา “Layer 1 Copy” เราสามารถทําไดดังนี้ 1. 2.

เลือกเลเยอรที่ตองการทําการคัดลอก คลิกไอคอน Duplicate layer เพื่อทําการคัดลอกเลเยอร

1. เลือกเลเยอรที่ ตองการคัดลอก จะไดเลเยอรใหม หลังการคัดลอก 2. คลิกเมาส

Page 96

NOTE

การคัดลอกเลเยอรเขาไปไวในตางไฟลภาพ สามารถทําโดยเลือกเลเยอรที่ตองการในหนาตาง Docking และทํา การคัดลอกภาพในหนาตาง Image Window ไปวางยังไฟลที่ตองการ ทั้งนี้ตองระวังเรื่อง Resolution ที่ตางกัน ระหวางตนทางและปลายทาง หากปลายทางมีคา Resolution ต่ํากวาตนทาง รูปที่ปรากฏที่ปลายทางจะมีขนาดเล็กลง

เปลี่ยนลําดับของเลเยอร โดยปกติภาพที่ซอนกันจะถูกเรียงเลเยอรเปนลําดับตามการสรางงานของเรา (สรางกอนจะอยูชั้นลางสุด) แตเพื่อ ความเหมาะสม เราก็สามารถสลับตําแหนงการวางของเลเยอรแตละเลเยอรได โดยคลิกที่ปุม เพื่อเลื่อนเลเยอรขึ้น หรือ เพื่อเลื่อนเลเยอรลงดานลาง ในตัวอยางเราจะลากเมาสสลับตําแหนงของเลเยอร โดยใหเลเยอร Text จากที่เคยอยูบนสุดมาอยูดานลางของ Flower ที่เปนภาพดอกไม เพื่อใหขอบภาพดานลางของดอกไมแสดงอยูเหนือขอความ

กอนการเปลี่ยนลําดับเลเยอร 1. 2. 3.

หลังการเปลี่ยนลําดับเลเยอร

คลิกเมาสเลือกเลเยอรที่ตองการยาย (ในที่นี้เลือกเลเยอรขอความ “Miss You..”) คลิกเมาสที่ปุม เพื่อเลื่อนเลเยอรลงมาดานลาง ผลลัพธที่ไดเลเยอรขอความจะเปลี่ยนตําแหนงไปยังตําแหนงที่ตองการ (อยูดานลางตุกตาหมี)

การรวมเลเยอรลอยเขากับเลเยอรหลัก เมื่อเราทําการใช Selection Tool เลือกพื้นที่แลวเคลื่อนยายภาพที่เลือก หรือคัดลอกไฟลภาพจากที่อื่นมาวาง ในหนาตาง Image Window ภาพดังกลาวจะเปนเลเยอรลอย ทําใหเราไมสามารถทําการแกไขในสวนอื่นตอได ดังนั้น เราตองทําการรวมเลเยอรลอยเขากับเลเยอรหลักเสียกอน ซึ่งมีขั้นตอนดังนี้ 1. 2. 3.

เลือกเลเยอรหลักที่ตองการนําไฟลภาพที่คัดลอกเขามารวมดวย (ในที่นี้เลือก เลเยอรภาพดอกไม) เลือกคําสั่ง Edit>Paste ในหนาตาง Image Window เพื่อวางไฟลภาพที่ทําการคัดลอกมา จะปรากฏเล เยอรลอย (Floating Selection) เปนเลเยอรบนสุดในหนาตาง เลือกไอคอน ในหนาตางเลเยอร หรือ คลิกเมาสนอกขอบของเลเยอร ในหนาตาง Image Window เพื่อรวมเลเยอรภาพผีเสื้อที่คัดลอกมาเขากับเลเยอรภาพดอกไมที่ไดทําการเลือกไว

Page 97

ไฟลภาพผีเสื้อทีค่ ัดลอกมา

1. เลือกเลเยอรหลัก

2. เลือกคําสั่ง Edit>Paste

ปรากฏเลเยอร Floating Selection

3. คลิกเมาส เลเยอรลอยถูก รวมกับเลเยอร ที่เลือกไว

เลเยอรภาพผีเสื้อถูกรวมกับเลเยอรภาพดอกไมเรียบรอยแลว

Page 98

เมื่อเราคัดลอกภาพผีเสื้อมาวางในงานเรียบรอยแลว

แตไมตองการรวมไฟลภาพผีเสื้อที่เปนเลเยอรลอยเขากับเล

เยอรหลักที่มีอยูแลว ใหไปที่ไดอะล็อก Layers คลิกเมาสที่ปุม เปนเลเยอรใหมทันที

คลิกเมาสเพื่อสรางเลเยอรลอยใหเปนเลเยอรใหม

(New

Layer)

จะปรากฏเลเยอรภาพผีเสื้อขึ้นมา

จะปรากฏเลเยอรลอย เปนเลเยอรใหม

NOTE

เลเยอรลอยที่ยังไมรวมเขากับเลเยอรหลักสามารถทําการแกไขได เชน การปรับขนาด เปลี่ยนสี และเปลี่ยนขนาด ได แตไมสามารถทําการแกไขเลเยอรอื่นภายในภาพได

การเชื่อมโยงเลเยอรเขาดวยกัน บางครั้งเราตองการแกไขเลเยอรหลายเลเยอรในลักษณะเดียวกัน เชน ตองการเลื่อนภาพที่อยูตางเลเยอรใหอยูใน ลักษณะเดียวกัน ซึ่งการเลือกทีละภาพจะเปนการเสียเวลามาก ทางออกของปญหานี้ที่จะชวยประหยัดเวลาใหกับเรานั่นคือ การเชื่อมเลเยอรนั้นๆ เขาดวยกัน เรียกวา “การลิงคเลเยอร (Link Layer)” ซึ่งในโปรแกรม GIMP นั้น การลิงคเปนการ สรางความเกี่ยวโยงของเลเยอร 2 เลเยอรหรือมากกวา ในตัวอยาง เราตองการลิงคภาพที่อยูในเลเยอร bear และเลเยอรขอความ ซึ่งเราสามารถสรางลิงคไดดวยวิธีการ งายๆ ดังนี้ คือ 1. 2. 3.

คลิกเมาสที่ หนาเลเยอรที่เราตองการลิงค ชองสถานะนั้นจะเปลี่ยนเปน แสดงถึงการทําการงานลิงคกัน จากนั้นทดลองเคลื่อนยายเลเยอรดวย Move Tool และลดขนาดโดยใช Scale Tool วาภาพที่ลิงคกันอยูก็จะเคลื่อนยายและลดขนาดตามไปดวย

จะสังเกตเห็น

Page 99

ภาพตนฉบับ

ภาพตุกตาหมีจะเลื่อนและลดขนาดตามขอความไปดวย

1. คลิกเมาส ตองการลิงค

หนาเลเยอรที่

2. ชองสถานะนั้นจะเปลี่ยน เปน

แสดงถึงการลิงคกัน

3. ทดลองลดขนาด และเลื่อนเลเยอร ขอความ

ลบเลเยอร เมื่อเราไมตองการใชเลเยอรใดก็ควรจะลบทิ้งไปเสีย เนื่องจากการเก็บเลเยอรที่ไมใชไวเยอะๆ หนวยความจําของเครื่อง ทําใหโปรแกรมทํางานไดชา การลบเลเยอรสามารถทําไดดังนี้ 1. 2. 3.

คลิกเลือกเลเยอรที่ตองการลบ คลิกที่ไอคอน เลเยอรผีเสื้อที่ลบทิ้งจะหายไป ภาพกอนลบเลเยอรผีเสื้อ

ภาพหลังลบเลเยอรผีเสื้อ

จะเปลือง

Page 100

1. คลิกเลือกเลเยอร 3. เลเยอรภาพผีเสื้อ หายไป 2. คลิก เพื่อลบเลเยอร

การเปลี่ยนขนาดของเลเยอร ในการตกแตงภาพดวยโปรแกรม GIMP เราสามารถกําหนดขนาดของภาพในเลเยอรได 2 ลักษณะ คือ

การเปลี่ยนขนาดภาพในเลเยอร เปนการเปลี่ยนขนาดของเลเยอร ซึ่งจะสงผลถึงขนาดของภาพในเลเยอรดวย คือ เมื่อยอ/ขยายขนาดของเลเยอร ขนาดของภาพจะยอ/ขยายตาม สามารถทําไดดังนี้ 1. 2.

คลิกที่ปุมที่ไดอะล็อก Layers เลือกคําสั่ง Scale Layer... จะปรากฏหนาตาง Scale Layer ใหเรากําหนดขนาดและคุณภาพของเลเยอร ดังนี้ • Layer size กําหนดขนาด Width ความกวางของเลเยอร และ Height ความสูงของเลเยอร • Quality กําหนดคุณภาพของภาพในเลเยอรเมื่อมีการขยายภาพ โดยสามารถกําหนดคุณภาพของภาพได ระดับ o None คือ คุณภาพระดับต่ําสุด o Linear คือ คุณภาพระดับกลาง o Cubic คือ คุณภาพระดับสูง o Sinc (Lanczos-3) ใหคุณภาพสูงสุดดวยฟงกชั่น Sinc คลิกเมาสที่ปุม

เพื่อสั่งใหโปรแกรมเปลี่ยนขนาดเลเยอรใหมตามที่เรากําหนด 2. กําหนดขนาด และคุณภาพของเลเยอร

1. คลิกที่

ในเลือกคําสั่ง Layer Menu>Scale Layer

3. คลิกเมาส

Page 101

ภาพตนฉบับ

ภาพผลลัพธ จะไดภาพในเลเยอรที่ใหญขึ้น

การเปลี่ยนขนาดพื้นที่ในเลเยอร เปนการเปลี่ยนขนาดพื้นที่ของเลเยอร ซึ่งจะไมสงผลถึงขนาดของภาพในเลเยอร คือ เมื่อยอ/ขยายขนาดของเลเยอร ขนาดของภาพจะเทาเดิม แตพื้นที่ภายในเลเยอรจะมากขึ้น/นอยลง สามารถทําได ดังนี้ 1. 2.

คลิกที่ปุม ที่ไดอะล็อก Layers เลือกคําสั่ง Layer Boundary Size... จะปรากฏหนาตาง Set Layer Boundary Size ใหเรากําหนดขนาด และตําแหนงภาพในเลเยอร ดังนี้ • Layer size กําหนดขนาด Width ความกวางของเลเยอร และ Height ความสูงของเลเยอร • Offset กําหนดตําแหนงของภาพเดิมในพื้นที่ที่กําหนดขึ้นใหม X คือ พิกัดของตําแหนงรูปในแนวนอน และ Y คือ พิกัดของตําแหนงรูปในแนวตั้ง

หากตองการใหภาพเดิมอยูตรงกลางของพื้นที่ สามารถคลิกปุม อัตโนมัติ 3.

คลิกเมาสที่ปุม

1. คลิกที่ ในเลือก คําสั่ง Layer Menu>Layer Boundary Size...

เพื่อจัดตําแหนงภาพใหอยูกึ่งกลางโดย

เพื่อสั่งใหโปรแกรมเปลี่ยนขนาดเลเยอรใหมตามที่เรากําหนด 2. กําหนดขนาด และตําแหนง

3. คลิกเมาส

Page 102

ภาพตนฉบับ

ภาพผลลัพธ จะไดภาพที่มีขนาดเทาเดิม แต พื้นที่ภายในเลเยอรจะใหญขึ้น

รวมเลเยอร หลังจากที่เราไดแกไขชิ้นงานเสร็จสิ้น และไมจําเปนตองใชเลเยอรตางๆ อีกตอไป ก็อาจจะรวมเลเยอร ทั้งหมดให เปนเลเยอรเดียว ซึ่งการทําเชนนี้จะทําใหลดขนาดไฟลชิ้นงาน และทําใหเครื่องทํางานไดรวดเร็วขึ้นทําได 2 วิธี โดยการ • •

วิธีที่ 1 ลบเลเยอรที่ไมตองการออกไป วิธีที่ 2 รวมเลเยอรตั้งแต 2 เลเยอร ขึ้นไปไวเปนเลเยอรเดียวกัน เราเรียกวิธีนี้วาการ “Merge” เลเยอร

โดยคําสั่งที่ใชในการรวมเลเยอรตั้งแต 2 เลเยอร มี 3 แบบดังตอไปนี้ คือ 1. 2. 3.

รวมเลเยอร 2 เลเยอรที่อยูติดกันใหเปนเลเยอรเดียวกัน รวมเลเยอรที่มองเห็นอยูใหเปนเลเยอรเดียวกัน รวมทุกเลเยอรใหเปนเลเยอรเดียว

Warning

เราตองแนใจวาเลเยอรที่เราตองการ รวมเฉพาะเลเยอรที่แสดงอยูเทานั้น

Merge

ตองเปนเลเยอรที่แสดงอยู

(Visible

)

เพราะโปรแกรมจะ

รวมเลเยอร 2 เลเยอรที่อยูติดกันใหเปนเลเยอรเดียวกัน การทํางานลักษณะนี้ เราเรียกวา “Merge Down” เปนการรวมเลเยอร 2 เลเยอรที่อยูติดกันใหเปนเลเยอร เดียวกัน โดยเลเยอรที่เราเลือกให Active จะยุบลงไปรวมกับเลเยอรขางลาง จากตัวอยางเราตองการรวมเลเยอร Miss You.. และเลเยอร bear ใหเปนเลเยอรเดียวกัน คือ เลเยอร butterfly 1. 2. 3.

คลิกเมาสเลือกเลเยอร Text เลือกคําสั่ง Layer>Merge Down ในหนา Image Window หรือใชวิธีคลิกที่ Layers แลวเลือกคําสั่ง Layer Menu>Merge Down ผลลัพธที่ไดคือเลเยอร Text จะยุบไปรวมกับเลเยอร bear

ในไดอะล็อก

Page 103

1. เลือกเลเยอรที่ตองการ Merge

2. คลิกที่

ในเลือกคําสั่ง Layer Menu>Merge Down

3. เลเยอรจะถูกรวมเขาดวยกันในเลเยอร butterfly

รวมเลเยอรที่มองเห็นอยูใหเปนเลเยอรเดียวกัน การทํางานลักษณะนี้เราเรียกวา “Merge Visible” เปนการรวมเลเยอรทั้งหมด ที่มองเห็น (เลเยอรที่มี สัญลักษณ ) ใหเปนเลเยอรเดียว ดังตัวอยางเราตองการรวม เลเยอร Background, เลเยอร bear และเลเยอร Miss You.. ใหเปนเลเยอรเดียว โดยจะไดเปนเลเยอร Background เสมอ มีวิธีการดังตอไปนี้ 1. 2. 3. 4.

คลิกที่ ในไดอะล็อก Layers แลวเลือกคําสั่ง Layer Menu>Merge Visible Layers จะปรากฏหนาตาง Merge Layers ใหเราเลือกลักษณะการรวมเลเยอร คลิกเมาสที่ เลเยอรทั้งหมดที่อยูในสถานะ Visible จะยุบไปรวมกันที่เลเยอร Background

Page 104

1. คลิกที่ เลือกคําสัง่ Layer Menu>Merge Visible Layers 2. เลือกลักษณะการรวมเลเยอร

3. คลิกเมาส

4. เลเยอรจะถูกรวมเขาดวยกันในเลเยอร Background

รวมทุกเลเยอรใหเปนเลเยอรเดียว การทํางานลักษณะนี้เราเรียกวา “Flatten Image” เปนการรวมเลเยอรทั้งหมดเขาไวเปนเลเยอรเดียว ภาพที่ ถูกรวมจะเปลี่ยนชื่อเปน Background ไมวาเราจะทํางานอยูในเลเยอรใดก็ตาม 1. 2.

คลิกที่ ในไดอะล็อก Layers แลวเลือกคําสั่ง Layer Menu>Flatten Image ทุกเลเยอรจะรวมกันเปนเลเยอรเดียวชื่อเลเยอร Background

Page 105

1. คลิกที่ Image

เลือกคําสัง่ Layer Menu>Flatten

2. ทุกเลเยอรจะถูกรวมเขาดวยกัน เปนเลเยอร Background

WARNING

ตองระวังวาการใชคําสั่ง เห็นทิ้งไป

Flatten Image

นี้ จะเปนการรวมเลเยอรทั้งหมดที่มองเห็นและลบเลเยอรที่มองไม

Page 106

บทที่ 7 เทคนิคการตกแตงภาพในเลเยอร หลังจากที่เราไดจัดเตรียมภาพ และนําภาพมาจัดเรียงในแตละเลเยอรใหเขากันแลว ตอไปเราจะทําการตกแตงภาพ ในแตละเลเยอรใหกลมกลืนกัน และทําเทคนิคผสานเลเยอรใหดูสวยงามได

ปรับเลเยอรที่ซอนใหมองทะลุถงึ กัน เปนลักษณะการปรับภาพใหจางลง จนกระทั่งกลายเปนภาพใสที่สามารถมองทะลุไปยังพื้นหลังได เราเรียก คุณสมบัตินี้วา “Opacity” ซึง่ การปรับคา Opacity นี้จะเกิดขึ้นกับภาพทั้งภาพในเลเยอรนั้นรวมทั้งเอฟเฟกตที่ใชดวย โดยมากเทคนิคนี้มักจะนิยมใชกับเลเยอรที่วางซอนกัน พิมพจํานวนเปอรเซ็นต หรือเลื่อนสไลดเพื่อปรับคา Opacity

Opacity = 100%

Opacity = 65%

Opacity = 40%

เทคนิคการสราง Layer Mask เปนการเจาะภาพดานบนใหโปรงใส เพื่อใหภาพดานลางลอดขึ้นมาดานบนตามชองของหนากาก เราเรียกเทคนิค นี้วา “Layer Mask”

สวนสีดําโปรงแสง

สวนสีขาวจะทึบแสง สวนสีเทาโปรงแสงเล็กนอย

Page 107

ภาพดานบน กําหนดการ ไลโทนสี

ภาพพื้นหลัง ภาพพื้นหลังแสดงผาน ขึ้นมาดานบนได

• • •

สวนที่เปนสีดํา เปนสวนที่โปรงแสง คือ ภาพจากดานลางสามารถแสดงลอดเขามาได 100% สวนที่เปนสีเทา จะโปรงแสงนอยกวาสีดําแตไมทึบแสง ภาพจะแสดงไดตามขนาดความโปรงแสง สวนที่เปนสีขาว จะทึบแสง ภาพสวนนี้จะทึบแสง ภาพจากเลเยอรดานลางไมอาจแสดงลอดขึ้นมาได

การสราง Layer Mask ขึ้นมาใหมนั้นจะปรากฏหนาตาง Layer Mask มี 6 รูปแบบดังนี้

•

White (full opacity)

Add Layer Mask

เปนการกําหนดคาทึบแสงเต็มที่ คือมีคา

Opacity

ใหกําหนดรูปแบบของ

เปน 100% ทําใหเห็นภาพเล

เยอรในดานบนทั้งหมด •

Black (full transparent)

เปนการกําหนดคาโปรงแสงเต็มที่ คือมีคา

Opacity

เปน 0% ทําใหเห็น

ภาพเลเยอรในดานลางทั้งหมด •

Layer’s alpha channel ลักษณะของมาสกจะเปนไปตามที่กําหนดในเลเยอร Alpha channel

•

Transfer layer’s alpha channel จะทํางานคลายกับ Layer’s alpha channel แตจะมีการตั้งคา Alpha channel เปนแบบ Full opacity

•

จะสรางมาสกตามการเลือกพื้นที่ คือ จะปรากฏภาพในสวนพื้นที่ที่เลือก สวนนอกพื้นที่ที่ทําการ เลือกจะโปรงแสงดังนั้นจึงเห็นภาพที่อยูเลเยอรดานลาง

Selection

Page 108 •

•

มาสกจะถูกสรางจากการนํารูปในเลเยอรมาทําเปนภาพแบบ Grayscale สวนที่เปนสีขาวจะทึบแสงเต็มที่ สวนที่เปนสีดําจะมีความโปรงแสงเต็มที่ สวนที่เปนสีเทาจะมีการไลความโปรง แสงตามความเขมของสี Channel จะสรางมาสกตาม Channel ที่เลือก Grayscale copy to layer

ในสวนตอไปจะแสดงการสราง Layer Mask 4 ตัวอยางดวยกันไดนี้ 1. 2. 3. 4.

สราง Layer Mask โดยการไลโทนสี สราง Layer Mask โดยการคัดลอกภาพ สราง Layer Mask โดยการเลือกพื้นที่ ตกแตง Layer Mask อยางอิสระ

สราง Layer Mask โดยการไลโทนสี จากความรูที่กลาวไปขางตน เราสามารถนํา Layer Mask มาใชตกแตงภาพไดอยางกลมกลืน โดยการนําภาพ 2 ภาพมาซอนกัน แลวใหภาพหนึ่งเปน Mask หรือเปนหนากากเพื่อใหภาพในเลเยอรลางลอดออกมาจากชองของหนากาก

ภาพเลเยอรดานบนเปนภาพผูหญิง

1. 2. 3. 4. 5. 6. 7. 8. 9.

ภาพเลเยอรดานลางเปนภาพทุงหญา

ผลจากการซอน Layer Mask จะเห็น ภาพผูหญิง (ในเลเยอรดานบน) กับ ทุงหญา (ในเลเยอรดานลาง)

ลาก 2 ภาพใหมาซอนกัน โดยใหภาพ Mask1 (เลเยอร Background) เปนเลเยอรลาง แลวให เปนเลเยอรบน เลือกเลเยอรบนใหเปน Active เลเยอรคลิกขวาเลือกคําสั่ง Add Layer Mask จะปรากฏหนาตาง Add Layer Mask ในที่นี้ใหเลือกเปน White (full opacity) จะปรากฏ Layer Mask ในเลเยอรที่กําลัง Active อยู คลิกเมาสที่ เพื่อทําการไลโทนสี แบบ เลือกสีที่จะไลโทนสีเปนโฟรกราวนด = สีดํา และแบ็คกราวนด = สีขาว เลือกใหไลโทนสีจากโฟรกราวนดไปยังแบ็คกราวนด ไลโทนสีในเลเยอรที่ตองการ Mask โดยใหสวนที่โปรงแสงมากกวาอยูดานที่เปนสีดํา แสดงผลการซอนเลเยอรโดยการใช Layer Mask

Mask2

Page 109

1. เรียง 2 ภาพตามลําดับ จะปรากฏหนาตาง Add Layer Mask

3. เลือกเปน White (full opacity)

2. คลิกขวาเลือกคําสั่ง Add Layer Mask

4. เพิ่ม Layer Mask ในเลเยอร

5. คลิกเลือก Gradient Tool 6. เลือกสีโฟรกราวนด และ แบ็คกราวนดเปน สีดํา-ขาว

7. เลือกใหไลโทนสี จากโฟรกราวนดไป ยังแบ็คกราวนด

8. ไลโทนสีจากสีดํา ไปยังสีขาว

9. แสดงผลการ ซอนเลเยอรโดยการ ใช Layer Mask

สราง Layer Mask จากการคัดลอกภาพ ในตัวอยางนี้เราจะเปลี่ยนพื้นหลังของภาพดอกไม ดวยการสราง Mask บังสวนของดอกไมไว จากนั้นใชการคัดลอกพื้น หลังใหม (ภาพใหม) ที่ตองการนําไปแทนที่พื้นหลังของดอกไม ก็จะไดพื้นหลังใหมอยางแนบเนียน

Page 110

1. 2. 3. 4. 5. 6.

ใชเครื่องมือ Selection เลือกเฉพาะพื้นหลังของภาพดอกไม เลือกพื้นหลังของภาพใหมที่ตองการนําไปแทรก หลังจากที่เลือกภาพพื้นหลังใหม ใหเลือกคําสั่ง Edit>Copy หรือกดคีย <Ctrl+C> คลิกเมาสกลับมายังไฟลภาพดอกไม แลวเลือกคําสั่ง Edit>Paste Into หรือ กดคีย <Shift+Ctrl+V> ภาพพื้นหลังใหมจะถูกนํามาวาง ใหเราใช Move Tool เลื่อนภาพใหอยู ในตําแหนงที่ตองการ จะปรากฏเลเยอรลอยในไดอะล็อก Layers คลิกเมาส รวมเลเยอรลอยเขากับเลเยอร Background

1. เลือกพื้นที่รอบๆ ภาพซึ่ง จะตองถูกแทนที่

2. เลือกพื้นที่ภาพซึง่ ตองการจะนําไปแทนที่

4. เลือกคําสั่ง Edit>Paste Into ในไฟลภาพที่ตองการแทนที่

3. เลือกคําสั่ง Edit>Copy

5. ภาพพื้นหลังใหมจะถูก นํามาวาง

6. คลิกเมาส ทําการรวม เลเยอรลอยเขากับเลเยอรหลัก

สราง Layer Mask โดยการเลือกพื้นที่ การสราง Layer Mask อีกรูปแบบหนึ่ง คือการใช Selection Tool เลือกสวนที่เราตองการ และลบสวนที่ ไมตองการออก โดยในตัวอยางเราตองการนําบางสวนของภาพไปตกแตงงานกราฟกของเรา 1.

ใชเครื่องมือ Selection เลือกเฉพาะภาพดอกไม

Page 111 2. 3. 4.

คลิกขวาเลือกคําสั่ง Add Layer Mask จะปรากฏหนาตาง Add Layer Mask ในที่นี้ใหเลือกเปน Selection สวนที่อยูนอกเหนือจากที่เราทําการ Selection จะหายไปหมด จากนั้นเราสามารถนําภาพไปสรางงานอื่นได

1. เลือกพื้นที่รอบๆ ภาพที่ตองการ

2. คลิกขวาเลือกคําสั่ง Add Layer Mask

จะปรากฏหนาตาง Add Layer Mask แสดงการ Mask ใน หนาตาง Layers

3. เลือกเปน Selection

สวนที่อยู นอกเหนือจากสวน ที่เลือกจะหายไป

สามารถนําพื้นที่นั้นไป สรางงานอื่นตอไป

Page 112

ตกแตง Layer Mask อยางอิสระ เทคนิคตอไปนี้เปนอีกวิธีหนึ่งที่ชวยใหเรากําหนด Mask ไดอยางมีอิสระ โดยจะใชพูกันระบายเพื่อใหเกิดมาสก ในสวนของภาพที่ตองการใหแสดงออกมาดังตัวอยางตอไปนี้

ตัวอยางภาพที่สรางจากการซอน Layer Mask

กําหนดใหสีโฟรกราวนดเปนสีดํา และแบ็คกราวนดเปนสีขาว คลิกเมาสเพื่อทํางาน กับ Mask เมื่อใช ระบาย สวนที่เปนภาพซอนจะ ถูกบังหายไปบางสวน เปนเหมือนการลด พื้นที่ Mask

ลักษณะ Layer Mask ที่พาเล็ต Layers เมื่อใช สวนที่ เปน Mask ภาพจะ เพิ่มขึ้น

NOTE

เราสามารถลบ Mask Layer ไดเชนเดียวกับการลบเลเยอรแบบธรรมดา โดยลากเลเยอรไปจะทิ้งใน

Page 113

ทําความเขาใจกับ Layer Blending Mode เปนการปรับสีภาพที่ซอนกันอยูใหผสมสีใหมออกมา ดูนาสนใจ กอนที่เราจะทํา ความเขาใจเกี่ยวกับ Blending Mode ตางๆ มีคําศัพทพื้นฐาน 3 คําที่เราควรรูกอน คือ Layer Blending Mode

Base Color เปนสีของรูปที่เปน เลเยอร Background หรือสีเดิม

Blend Color เปนสีของภาพหรือสีที่นํามาเติมเปนเลเยอรที่ซอนทับบนเลเยอร Back ground

Result Color

เปนสีของภาพทั้งหมดที่ไดจากการซอนทับสีของ

Base Color

กับสี

Blend

Color

เลเยอร Background เปน Base Color

เลเยอรที่ซอนทับเลเยอร Background เปน Blend Color

Result Color ผลจากการใช Blending

เราตองเริ่มจากการเตรียมภาพทั้ง 2 ที่ตองการ และใหเลือกวาภาพใดจะเปนภาพ Base เปนภาพ Blend Color จากนั้นใหดึงภาพทั้ง 2 มาไวในไฟลเดียวกัน 1. 2. 3.

Color

และภาพใดจะ

จากภาพที่มีอยู มี 2 เลเยอร คือ เลเยอรที่เปนรูปผูหญิงและเลเยอรที่เปนรูป สนามหญา ใหคลิกเมาสเลือกเลเยอรที่ เราตองการใชเปน Blending Mode ผสมสี (ในตัวอยางเลือก Layer1 รูปสนามหญา) คลิกเมาสที่ ในไดอะล็อก Layers เพื่อเลือกลักษณะของ Blending mode ที่ ตองการ ในที่นี้เราเลือก Hard light สังเกตวาผลที่ได คลิกเมาสปรับความโปรงใสของภาพไดที่ Opacity (ในตัวอยางเราเลือกคา Opacity = 50%) และเราจะ ไดผลลัพธ ดังรูป

ภาพกอนการเปลี่ยนแปลง

1. คลิกเมาสเลือกเลเยอรที่ตองการใช Blending Mode ผสมสี

Page 114

2. คลิกเลือก Hard Light ใน Blending Mode

3. กําหนดคา Opacity

ภาพหลังการใช Blending mode ผสมสี

ภาพหลังการปรับคา Opacity

Normal ที่คา Opacity = 50

Dissolve ที่คา Opacity = 50

Divide

Screen

Multiply

Overlay

Page 115 Dodge

Burn

Hard Light

Soft Light

Grain extract

Grain merge

Difference

Addition

Subtract

Darken only

Lighten only

Hue

Saturation

Color

Value

ใช Paint Brush Tool

ตกแตงภาพรวมกับ Blending Mode

เราสามารถใช Brush Tool ชวยในการตกแตงภาพ Blending Mode เพิ่มเติมได โดยการเพิ่มสีตางๆ จะชวยใหภาพในสวนของ Base Color มีความชัดเจนขึ้น ซึ่งเราอาจเลือกระบาย เขาไปในภาพ ดวย Brush Tool ในบริเวณใดก็ได ดังตัวอยางตอไปนี้ เราจะเลือกใชสีแดงออนๆ ระบายทับบริเวณภาพผูหญิงเพื่อใหภาพของเธอเดนขึ้นมา ดังนี้

Page 116

ภาพกอนการเปลี่ยนแปลง 1. 2. 3. 4.

ภาพหลังการเปลี่ยนแปลง

คลิกเมาสเลือก Brush Tool ที่ Toolbox คลิกเลือกสีที่ Foreground จะปรากฏหนาตาง Change Foreground Color ขึ้นมา คลิกเลือกสีที่ตองการ (ในตัวอยางเลือกสีแดงชมพู) จากนั้น ใหคลิกเมาสปุม ระบายในสวนที่เราตองการสรางภาพใหเดนขึ้น 1. คลิกเมาสเลือก Brush Tool

2. คลิกเลือก สีโฟรกราวนด 3. คลิกเลือกสีที่ตองการ แลวคลิกเมาสตกลง

4. ระบายในสวนที่เราตองการสรางภาพ ใหเดนขึ้น

Page 117

บทที่ 8 การวาดภาพ และระบายสี ไมเพียงความสามารถในการตัดตอ และซอนภาพดังที่กลาวมาแลว เราสามารถใชโปรแกรม GIMP วาดภาพ หรือระบายสีภาพได นอกจากนี้เรายังเอาใจคนที่ชอบวาดการตูน โดยจะกลาวถึงเทคนิคการนําภาพการตูนที่วาดมาลงสีดวย โปรแกรม GIMP

วาดรูปทรงดวย Path tool การวาดภาพใน

GIMP

จะเปนการวาดภาพโดยใชเสนพาธ (Path) ซึ่งเสนพาธเหลานี้สามารถดึงใหตรง หรือ

Path Tool โดยลากเสนพาธ และดัดเสนใหเกิด ดัดโคงใหเกิดเปนรูปรางตางๆ ไดตามที่เราตองการดวยเครื่องมือ ความโคง พื่อใหไดภาพเปนรูปทรงที่เราตองการ คลายๆ กับการใชตะปูยึดสายไฟในแตละจุดเพื่อใหเราสามารถลากสายไฟ ไปตามสวนตางๆ ของผนังบานได

รูจักกับเสนพาธ เสนพาธ คือ เสนที่วาดเชื่อมตอกันจากจุดหนึ่งไปยังจุดหนึ่ง โดยที่ปลายทั้งสองของเสนจะมีจุดที่ใชยึดใหเสน เชื่อมตอกันจุดนี้ เรียกวา จุดยึด (Anchor point) ซึ่งสามารถปรับจุดยึดเพื่อกําหนดรูปทรง และทิศทางของเสนได โดยมี สวนประกอบดังตอไปนี้ A: B: C: D: E:

สวนโคงของเสนพาธ จุดปรับความโคงสามารถปรับทิศทางความโคงของเสนพาธ แขนปรับความโคง เปนแขนที่ยื่นออกมาจากจุดยึด จุดยึดใหเสนเชื่อมตอถึงกัน จุดปลายของเสนพาธ

โดยทั่วไป เราจะแบงเสนพาธออกเปน 2 ประเภท คือ แบบเปด (Open Path) และแบบปด (Close Path) มีลักษณะ ดังนี้

Page 118

เสนพาธแบบเปด (Open Path) เปนเสนพาธที่จุดปลายทั้งสองดาน ไมบรรจบกัน เสนพาธแบบปด (Close Path) เปนเสนพาธที่จุดปลายทั้งสองดาน มาบรรจบกัน (เปนจุดเดียวกัน)

เนื่องจากเสนพาธที่เราสรางขึ้นมา อาจประกอบดวยสวนของเสนตรงหรือเสนโคงก็ได ฉะนั้นจุดยึดที่เกิดขึ้นจะ แบงออกไดเปน 2 ชนิด ไดแก จุดยึดสวนโคง (Smooth Point) และจุดยึดสวนมุม (Corner point) จุดยึดสวนโคง (Smooth Point) เปนจุด ที่เชื่อมตอระหวางเสนโคงกับเสนโคง จุดยึดสวนมุม (Corner Point) เปนจุดที่ เชื่อมตอระหวางเสนตรงกับเสนตรง หรือเสนโคงกับเสนโคงก็ได

ฝกวาดเสนพาธ เราจะวาดเสนพาธตามรูปอมยิ้มรูปหัวใจ โดยจะมี ขั้นตอนในการสรางและปรับแตงดังนี้ • • • • •

ขั้นตอนที่ 1 สรางเสนพาธ ขั้นตอนที่ 2 การเพิ่มจุดรอยตอของเสนพาธ ขั้นตอนที่ 3 การเคลื่อนยายจุดรอยตอของเสนพาธ ขั้นตอนที่ 4 ลบจุดรอยตอของเสนพาธ ขั้นตอนที่ 5 ปรับสวนโคงของเสนพาธ เสนพาธรูปหัวใจ

ขั้นตอนที่ 1 สรางเสนพาธ เริ่มตนเลือกใชงานเครื่องมือ Pen Tool ทําการสรางเสนพาธดังนี้

คลิกเลือกเครื่องมือ Path Tool กําหนดคุณสมบัติของเครื่องมือที่ Tool Options โดยเลือกโหมดการใชงานเครื่องมือแบบ Design เพื่อ

สรางเสนพาธใหม ตัวชี้เมาสจะเปลี่ยนเปนรูป คลิกเมาสที่ตําแหนงเริ่มตน

Page 119 4.

5. 6.

คลิกเมาสที่ตําแหนงปลาย จะไดเสนตรงลากเชื่อมจุดทั้งสอง โดยปลายของเสนทั้งสองดานจะเปนสัญลักษณ รูป (เรียกสัญลักษณนี้วา “จุด Anchor”) และขณะนั้นตัวชี้เมาสจะเปลี่ยนเปน คลิกเมาสที่จุดตอๆ ไปที่เราตองการสรางเสนตอเนื่องครบวง ปดเสนพาธใหเปนแบบปด โดยกดคีย <Ctrl> คางไว ตัวชี้เมาสจะเปลี่ยนเปนรูป คลิกเลือกที่จุดเริ่มตน ผลลัพธที่ไดในตัวอยางจะเปนรูปสามเหลี่ยมปด โดยเสนพาธที่สรางขึ้นจะปรากฏที่ไดอะล็อก Paths 1. คลิกเลือก Path Tool

3. คลิกเมาสที่ตําแหนงเริ่มตน

2. เลือกโหมดการใช งานเครื่องมือแบบ Design 4. คลิกเมาสที่ตําแหนงปลาย

5. คลิกเมาสที่จุดตอๆ ไป และปดพาธ โดยกดคีย <Ctrl> คางไว ตัวชี้เมาสจะเปลี่ยนเปนรูป จุดเริ่มตน

คลิกเลือกที่

6. ผลลัพธของเสนพาธรูป สามเหลี่ยมแบบปด

Page 120

ขั้นตอนที่ 2 การเพิ่มจุดรอยตอของเสนพาธ จากหัวขอที่ผานมา เราจะไดลักษณะของเสนพาธที่มีรอยตอของเสนพาธ อยู 3 จุด ตอไปเราสามารถเพิ่มจุดรอยตอ เหลานี้ไดโดยเปลี่ยนโหมดของเครื่องมือ Path Tool เปน แบบ Edit เพื่อแกไขโดยการเพิ่มจุดแองเคอรไวใชในการ ปรับแตงภาพ 1.

กําหนดคุณสมบัติของเครื่องมือที่ Tool Options โดยเลือกการโหมดใชงานเครื่องมือแบบ Edit เพื่อแกไขเสน พาธ

นําเมาสไปชี้ที่ตําแหนงที่เราตองการเพิ่มจุดรอยตอบนเสนพาธของเรา ตัวชี้เมาสจะเปลี่ยนเปนรูป คลิกเมาสเพื่อเพิ่มจุด จะไดจุดรอยตอที่เพิ่มขึ้นพรอมแขนทั้งสองขางสําหรับการปรับสวนโคง

จากนั้น

1. เลือกโหมดการใชงานเครื่องมือ แบบ Edit

3. จะไดจุดรอยตอที่เพิ่มขึ้น พรอมแขนทั้งสองขาง

2. คลิกเพิ่มจุด

ขั้นตอนที่ 3 เคลื่อนยายจุดรอยตอของเสนพาธ อีกขั้นตอนหนึ่งของการสรางเสนพาธ คือ การเคลื่อนยายจุดรอยตอ โดยอาศัยการทํางานรวมกับจุด Anchor โดยตรง ซึ่งเราจะตองเปลี่ยนโหมดของเครื่องมือกลับไปเปนแบบ Design ดังตัวอยางเราจะเคลื่อนยายเสนพาธไปยังขอบ ของรูปหัวใจ 1.

กําหนดคุณสมบัติของเครื่องมือที่ Tool ตําแหนงจุดแองเคอร

Options

โดยเลือกโหมดการใชงานเครื่องมือแบบ Design เพื่อยาย

Page 121

2. 3.

คลิกเลือกจุดรอยตอบนเสนพาธที่เราตองการเคลื่อนยาย ตัวชี้เมาสจะเปลี่ยนเปนรูป ตําแหนงใหมที่เราตองการ ผลลัพธที่ไดคือ จุด Anchor ที่เราลากเมาสนั้นจะเปลี่ยนตําแหนงไปตามที่ตองการ

และคลิกลากเมาสไปยัง

1. เลือกโหมดการใช งานเครื่องมือแบบ Design

2. คลิกลากจุดไปยัง ตําแหนงที่ตองการ

3. ผลลัพธคือจุดแองเคอร จะยาย ไปยังตําแหนงที่ตองการ

ขั้นตอนที่ 4 ลบจุดรอยตอของเสนพาธ ในขณะที่เรากําลังทํางานกับเสนพาธอยูนั้น หากเกิดการผิดพลาด เชน วาดเสนในตําแหนงที่ผิด วางจุด Anchor ไมถูกตามแบบที่คิดไว เราสามารถทําการแกไขไดโดยการลบจุดรอยตอของเสน หรือลบจุด Anchor นั้นเอง โดยเปลี่ยน โหมดการใชงานเครื่องมือเปนแบบ Edit และทําการลบจุดที่ไมตองการออก ดังตัวอยางเราจะลบจุด Anchor ที่อยูบนรูป หัวใจออกไป 1.

กําหนดคุณสมบัติของเครื่องมือที่ Tool Options โดยเลือกโหมดการใชงานเครื่องมือแบบ Edit เพื่อแกไขเสน พาธ

กดคีย <Shift> คางไวขณะเลือกจุด ตัวชี้เมาสจะกลายเปนรูป ผลลัพธที่ไดคือ จุด Anchor นั้นจะหายไป

1. เลือกโหมดการใชงาน เครื่องมือแบบ Edit

2. คลิกลบจุดที่ ตองการ

และคลิกลบจุดที่ตองการ

3. ผลลัพธที่ไดจุด แองเคอรจะหายไป

Page 122

ขั้นตอนที่ 5 ปรับสวนโคงของเสนพาธ เราสามารถปรับเสนพาธใหเปนเสนโคงตามทิศทางที่เราตองการ โดยกําหนดโหมดในการใชเครื่องมือ Path Tool เปนแบบ Edit และทําการแกไขสวนโคงของเสน ดังตัวอยางเราจะปรับเสนพาธใหพอดีกับเสนโคงของรูปหัวใจดังนี้ 1. 2.

คลิกเมาสที่จุดที่ตองการปรับ จะปรากฏแขนของจุดนั้น คลิกที่ปลายแขน ตัวชี้เมาสจะเปลี่ยนเปนรูป คลิกเลือกที่ปลายแขนของสวนโคง และลากเมาสปรับไปตามตําแหนงที่ตองการ

1. คลิกเมาสที่จุดทีต่ องการปรับ

2. คลิกเลือกที่ปลายแขนของสวนโคง และลากเมาสปรับความโคงของเสน

NOTE

ในการปรับเสนพาธในขั้นตอนตอๆ ไป เราจะใชการเพิ่ม/ลดจุด ปรับความโคง และการยายตําแหนงของจุดตาม วิธีที่ไดกลาวมาแลว เพื่อสรางรูปพาธใหไดอยางที่ตองการ

ลากเมาสปรับจุดตางๆ จนไดรูปทรง ตามตองการ

การเคลือ่ นยายพาธ เราสามารถเคลื่อนยายเสนพาธทั้งชิ้นได โดยกําหนดโหมดในการใชเครื่องมือ และคลิกเคลื่อนยายตําแหนง ดังนี้

Path Tool

เปนแบบ

Move

Page 123

1. เลือกโหมดการใชงานเครื่องมือแบบ Move

กําหนดคุณสมบัติเพิ่มเติมเกี่ยวกับเครื่องมือ Path Tool เราสามารถกําหนดคุณสมบัติเพิ่มเติมของเครื่องมือ Main Toolbox ซึ่งมีรายละเอียดดังนี้

2. คลิกยายตําแหนงพาธ

Path Tool

ไดที่

Tool Options

ดานลางของหนาตาง

เลือกโหมดการใชงานเครื่องมือ กําหนดใหสรางเสนพาธเปนเสนตรง คลิกเพื่อสรางการเลือกพื้นที่จากพาธที่เราสราง คลิกเพื่อกําหนดการเติมสีใหกับเสนพาธ

TIP

ในขณะที่เราวาดรูปภาพในโหมด Design เราสามารถเปลี่ยนโหมดการใชงานไปเปนโหมดตางๆ โดย • • •

กดคีย <Ctrl> เพื่อเปลี่ยนเปนโหมด Edit สําหรับเพิ่มจุดแองเคอร และปรับความโคง กดคีย <Ctrl+Shift> เพื่อลบจุดแองเคอร กดคีย <Alt> เพื่อเปลี่ยนเปนโหมด Move สําหรับเคลื่อนยายชิ้นพาธ

การทํางานกับเสนพาธที่วาดขึ้น เมื่อเราทําการวาดชิ้นพาธที่ตองการแลว ชิ้นพาธที่ไดจะไปปรากฏอยูที่ไดอะล็อก จัดการกับพาธไดงายๆ

ทําความรูจักกับไดอะล็อก Paths

Paths

เพื่อทําใหเราสามารถ

Page 124

แท็ปแสดงไดอะล็อก Paths ปุมแสดงเมนูของ Paths ใสสีใหกับเสนพาธ

แสดงเสนพาธที่มีอยู

ใสสีใหกับเสนพาธ

สรางเสนพาธใหเปนการเลือกพื้นที่

กอปปพาธ สรางการเลือกพื้นที่ใหเปนเสนพาธ

เลื่อนลําดับพาธลงไปดานลาง เลื่อนลําดับพาธขึ้นไปดานบน

ใสสีใหกับเสนพาธ

สรางพาธใหม

ลบเสนพาธ

การสรางพาธใหม ในกรณีที่ตองการสรางเสนพาธใหม สามารถทําไดโดยการคลิกที่ปุม คลายกับเปนการสรางเลเยอรใหมใหกับชิ้นงานของเรา ดังนี้ 1. 2. 3.

(New Path)

ซึ่งการทํางานนั้นจะ

คลิกเลือก จะปรากฏหนาตาง New Path ใหเราตั้งชื่อของภาพที่จะสราง คลิกที่ปุม พาธใหมที่ตองการจะปรากฏทันที

2. ตั้งชื่อพาธ

1. คลิกเมาส

3. คลิกเมาส

พาธใหมที่สรางขึ้น

การซอน/แสดงเสนโครงรางของพาธ เมื่อเราใสสีใหกับเสนพาธ เราจะยังคงเห็นเสนโครงรางของพาธที่วาดขึ้น ซึ่งเราสามารถซอนและแสดงเสนโครง รางของพาธได โดยคลิกที่

Page 125

คลิกแสดงพาธ

ผลลัพธเมื่อแสดงพาธ คลิกซอนพาธ

ผลลัพธเมื่อซอนพาธ

การคัดลอกพาธ หากเราไมตองการสรางเสนพาธรูปเดิมใหม หรือตองการคัดลอกไปวางในไฟลภาพอื่น ใหเราทําการคัดลอกได โดยคลิกที่ปุม จะปรากฏพาธที่คัดลอกขึ้นมาใหมทันที ดังนี้

1. คลิกเลือกพาธทีต่ องการกอปป

3. จะไดพาธที่กอปป ขึ้นมาใหม 2. คลิกเมาส

Page 126

การเปลี่ยนลําดับพาธ โดยปกติพาธที่ซอนกันจะถูกเรียงเปนลําดับตามการสรางงานของเรา (สรางกอนจะอยูชั้นลางสุด) แตเพื่อความ เหมาะสม เราก็สามารถสลับตําแหนงการวางของพาธแตละชิ้นได โดยคลิกที่ เพื่อเลื่อนลําดับพาธจากลางขึ้นขางบน และ เพื่อเลื่อนลําดับพาธจากขางบนลงมาขางลาง

1. คลิกเลือกพาธ 2. คลิกเลื่อนพาธขึน้

การปรับพาธที่เราสรางขึ้นใหเปนการเลือกพื้นที่ หากเราจะเติมสี หรือตัดพื้นที่ในเสนพาธที่สรางขึ้น เพื่อนําไปใชงานตางๆ จะตองเปลี่ยนเสนพาธนั้นใหอยูในรูป ของการเลือกพื้นที่เสียกอน จากตัวอยางที่ผานมาเราจะมาศึกษาตอถึงการปรับเสนพาธที่เราวาดใหเปนการเลือกพื้นที่ได โดย คลิกเลือกที่ปุม ดานลางของไดอะล็อก Paths หรือใชคําสั่ง Path to selection ที่ปุมแสดงเมนูของ Paths ดังตอไปนี้ 1. 2.

คลิกเมาสที่ เลือกคําสั่ง Paths Menu>Path to selection

1. คลิกเมาส

2. เลือกคําสั่ง Paths Menu>Path to selection

ผลลัพธจะไดการเลือกพื้นที่

Page 127

NOTE

นอกจากนี้แลวเรายังสามารถสรางการเลือกพื้นที่จากเสนพาธได โดยคลิกที่ Tool Options ของเครื่องมือ Path Tool

ใน

TIP

นอกจากจะสามารถสรางการเลือกพื้นที่จากเสนพาธไดแลว ยังสามารถสรางเสนพาธจากการเลือกพื้นที่ได โดย คลิกที่ปุม หรือเลือกคําสั่ง Paths Menu>Selection to Path ที่ปุมแสดงเมนูของ Paths ในไดอะล็อก Paths ก็ได

การรวมเสนพาธกับการเลือกพื้นที่ที่ซอนทับกัน ตอไปเมื่อเรามีการเลือกพื้นที่อยูแลว เราสามารถสรางพาธขึ้นมาอีกชิ้นหนึ่ง และ ทําการจัดการพื้นที่ระหวางเสน พาธ และการเลือกพื้นที่ที่มีอยูไดหลายลักษณะ ดังนี้ 1. 2. 3.

สรางเสนพาธขึ้นมาอีก 1 ชิ้น คลิกเมาสที่ เลือกคําสั่ง Paths Menu คลิกเลือกคําสั่งที่ตองการ ตัวอยางจะเลือกคําสั่ง Add to selection 1. สรางเสนพาธ

2. คลิกเมาส เลือก คําสั่ง Paths Menu

Page 128

3. เลือกคําสั่ง Add to selection

ผลลัพธการเลือกพื้นที่

ตัวอยางการรวมพื้นที่แบบอื่นๆ ผลลัพธการเลือกพื้นที่แบบ Intersect with Selection เหลือการเลือกพื้นที่ไวเฉพาะสวนที่ซอ นทับกัน

การใสสีใหกับเสนพาธ นอกจากการสรางพื้นที่ภาพดวยเสนพาธ เรายังสามารถสรางพาธใหเปนเสนไดตามตองการ โดยคลิกเลือกที่ ดานลางของไดอะล็อก Paths หรือใชคําสั่ง Stroke Path ที่ปุมแสดงเมนูของ Paths ดังตอไปนี้

ปุม 1. 2. 3.

คลิกเมาสที่ เลือกคําสั่ง Paths Menu>Stroke Path จะปรากฏหนาตาง Stroke Path ใหเราเลือกลักษณะของการเติมสีใหเสนพาธสามารถเลือกได 2 ลักษณะ คือ o Stroke line กําหนดเสนพาธเอง ซึ่งมีรายละเอียดดังนี้ o Line Width กําหนดความกวางของเสน o Line Style กําหนดรูปแบบเสน มีรายละเอียดดังนี้ Cap Style กําหนดรูปแบบของปลายเสนแบบเปดมีใหเลือก 3 แบบ

แบบปลายตัดพอดีเสนพาธ แบบปลายมน แบบปลายตัดเลยออกมารอบเสนพาธ

Page 129 Join Style กําหนดรูปแบบรอยตอของเสนพาธบริเวณมุม

แบบมุมฉาก แบบมุมมน แบบมุมตัดฉาก Miter limit กําหนดความแหลมของมุมตัด ซึ่งจะสัมพันธกับขนาดของเสน Dash Pattern สวนที่ใหเรากําหนดลักษณะเสนไดเอง Dash Preset สามารถเลือกลักษณะเสนที่กําหนดไวใหแลว Antialiasing คลิกเพื่อกําหนดการตัดเหลี่ยมขอบของเสนใหดูสวยงามขึ้น

Solid กําหนดใหเปนการใสสีใหกับเสน

Pattern กําหนดใหเปนการใสลวดลายใหกับเสน

Stroke with a paint tool กําหนดใหเติมสีเสนดวยเครื่องมือเติมสีตางๆ

Paint Tool เลือกเครื่องมือเติมสีที่ตองการ

คลิกปุม

เพื่อตกลงใชลักษณะการเติมสีเสนที่กําหนด 1. คลิกเมาส ลักษณะของเสนพาธ

2. เลือกคําสั่ง Paths Menu>Stroke Path

Page 130

3. กําหนดลักษณะการเติมสีเสน ผลลัพธของเสนที่ได

4. คลิกเมาส

Workshop การวาดภาพการตูนดวยเครื่องมือ Path Tool

ในหัวขอนี้ เราจะลองวาดภาพการตูนดวยเครื่องมือ ขั้นตอนหลักๆ ดังนี้ o o o o

Path Tool

และระบายสีภาพการตูน ตั้งแตเริ่มโดยแบงเปน

ขั้นตอนที่ 1 สรางเสนพาธภาพการตูน ขั้นตอนที่ 2 ใสสีภาพการตูน ขั้นตอนที่ 3 ใสลวดลายเสื้อการตูน ขั้นตอนที่ 4 ตกแตงสีสันเพิ่มเติม

ขั้นตอนที่ 1 สรางเสนพาธภาพการตูน เราจะเริ่มจากการนําภาพการตูนที่สเก็ตไวเขามา และสรางเสนพาธตามภาพ ดังนี้

Page 131

2. ใช ลากพื้นที่ ภาพที่เราตองการลงไป โดยการแบงพื้นที่ภาพ ออกเปนสวนๆ เพื่อ นําไปใสสีพื้นในหัวขอ ตอไป 1. ทําการสเก็ตภาพการตูนลงบนกระดาษ จากนั้นใชเครื่อง สแกนเนอร ทําการสแกนภาพลงในเครื่องคอมพิวเตอร

3. แสดงการลากเสน พาธในสวนใบหนา และลําตัวเปนพื้นที่ เดียวกันในเลเยอร ใหมที่ชื่อวา body

5. แลวทําการใสสีเนื้อลง บนภาพ ดังรูป 4. คลิกเปลี่ยนเสนพาธ เปนการเลือกพื้นที่

ขั้นตอนที่ 2 ใสสีสวนตางๆ ใหการตูน เปนการใสสีเพื่อตกแตงสวนประกอบตางๆ ใหกับภาพการตูน ไดแก ดวงตา ผม แขน กางเกง และขา

Page 132

6. ทําการซอนเลเยอร body โดยคลิกเมาสเพื่อปดตา

7. สรางเลเยอรใหม และใช วาดเสนพาธในสวนของตา 9. สรางเลเยอรใหม และใช ในสวนพื้นที่ของผมการตูน

11. สรางเลเยอรใหม และ ใช วาดเสนพาธ ในสวนพื้นที่ของแขน กางเกง และขา จากนั้นทําการใสสี ตามตองการดังรูป

ขั้นตอนที่ 3 ใสลวดลายเสื้อการตูน

8. ทําการใสสีดวงตา

วาดเสนพาธ

10. ทําการใสสีใหกับผม

Page 133

12. สรางเลเยอรใหม และใช วาดเสนพาธของเสือ้

กําหนดการเทสี แบบ Pattern

13. แปลงเสนพาธในสวนเสื้อผาให เปลี่ยนเปนเสนของการ เลือกพื้นที่ และใช เทสีพื้นเปนแบบ Pattern ในสวนของเสื้อ

ขั้นตอนที่ 4 ตกแตงสีเพิ่มเติม

14. เลือกที่เลเยอร body และ ชวยในการ Hand ใช ตกแตงการปดแกม และเงา บริเวณลําตัว และแขน ดังรูป

Page 134

15. ซอนเลเยอรทั้งหมด และแสดงให เห็นเฉพาะเลเยอร Background ของ โครงรางภาพการตูนเทานั้น

16. สรางเลเยอรใหมขึ้นมา ในที่นี้ตั้งชื่อวา ตัดเสนโครงรางของตัว line แลวใช การตูน โดยลากตัดเปนเสนคูใหบรรจบกัน เพื่อใหเห็นการแบงสวนตางๆ ของตัว การตูนใหดูชัดเจนมากขึ้น 17. แสดงการวาดภาพการตูน และ ไดตกแตงสีสันตามจินตนาการของ เราเรียบรอย

แสดงภาพเลเยอร ภาพทั้งหมด

Page 135

บทที่ 9 ความรูเรื่องสี และการเลือกใชสี การแสดงสีที่มาจากจอภาพ หรือสิ่งพิมพจะเกิดจากการผสมสีที่ลอกเลียนแบบธรรมชาติในวิธีการตางๆ ดังนั้น โปรแกรม GIMP จึงพยายามที่จะเลียนแบบสีธรรมชาติเหลานั้น โดยการนําหลักการแสดงสีของโมเดลสีในรูปแบบตางๆ เขามาประยุกตใหเกิดเปนโหมดสีจํานวนมาก เพื่อเปดใหผูใชงานไดทํางานกับสีไดมากที่สุด จึงทําใหความรูเรื่องสีเปนสิ่งที่ สําคัญอยางยิ่งสําหรับคนที่ตองการตกแตงภาพใน GIMP เนื่องจากเปนพื้นฐานแรกกอนที่เราจะสรางงานกราฟกในขั้น ตอๆ ไป โดยในบทนี้เราจะมาเรียนรูจักเรื่องของสีและความรูเกี่ยวกับสีที่นักกราฟกควรทราบกัน

โมเดลการมองเห็นสีทั่วไป โดยทั่วไปแลวสีตางๆ ในธรรมชาติและสีที่ถูกสรางขึ้น จะมีรูปแบบการมองเห็นสีที่แตกตางกัน ซึ่งรูปแบบการ มองเห็นสีนี้เรียกวา ”โมเดล (Model)” ดังนั้น จึงทําใหมีโมเดลหลายแบบดังที่เราจะไดศึกษาตอไปนี้คือ โมเดลแบบ HSB

ตามหลักการมองเห็นสีของสายตามนุษย

โมเดล RGB

ตามหลักการแสดงสีของเครื่องคอมพิวเตอร

โมเดล CMYK

ตามหลักการแสดงสีของเครื่องพิมพ

โมเดล Lab

ตามมาตรฐานของ CIE

โมเดลแบบ HSB ตามหลักการมองเห็นสีของสายตามนุษย เปนลักษณะพื้นฐานของการมองเห็นสีดวยสายตาของมนุษย โมเดล ลักษณะคือ

HSB

จะ ประกอบดวยลักษณะของสี

เปนสีของวัตถุที่สะทอนเขามายังตาของเรา ทําใหเราสามารถมองเห็นวัตถุเปนสีได ซึ่งแตละสีจะแตกตาง กันตามความยาวของคลื่นแสงที่มากระทบวัตถุและสะทอนกลับมาที่ตาของเรา Hue ถูกวัดโดยตําแหนงการ แสดงสีบน Standard Color Wheel ซึ่งถูกแทนดวยองศา คือ 0 ถึง 360 องศา แตโดยทั่วๆ ไปแลว มักจะ เรียกการแสดงสีนั้นๆ เปนชื่อของสีเลย เชน สีแดง สีมวง สีเหลือง

1. Hue

Page 136

คา Hue จะบอกคาสีเปนองศา จาก 0 องศาหมุนไปถึง 360 องศา

คือสัดสวนของสีเทาที่มีอยูในสีนั้น โดยวัดคาสีเทาในสีหลักเปนเปอรเซ็นตดังนี้คือ จาก 0% (สี เทาผสมอยูมาก) จนถึง 100% (สีเทาไมมีเลย หรือเรียกวา “Full Saturation” คือสีมีความอิ่มตัวเต็มที่) โดย คา Saturation นี้จะบงบอกถึงความเขมขนและความจางของสี ถาถูกวัดโดยตําแหนงบน Standard Color Wheel คา Saturation จะเพิ่มขึ้นจากจุดกึ่งกลางจนถึงเสนขอบ โดยคาที่เสนขอบจะมีสีที่ชัดเจน และอิ่มตัวที่สุด

2. Saturation

คา Saturation เริ่มตั้งแต 0 % ที่จุดกึ่งกลางไลไปเรื่อยๆ จนถึง 100 % ที่ขอบ

เปนเรื่องของความสวางและความมืดของสี ซึ่งถูกกําหนดคาเปนเปอรเซ็นตจาก 100% (สีขาว) ยิ่งมีเปอรเซ็นตมากจะทําใหสีนั้นสวางมากขึ้น

3. Brightness

0% (สีดํา)

ถึง

H+S แทนคาสีทั้งหมดที่เกิดขึ้นหลังจากที่ Hue+Saturation

โมเดล RGB ตามหลักการแสดงสีของเครื่องคอมพิวเตอร โมเดล RGB เกิดจากการรวมกันของสเปกตรัมของแสงสี แดง (Red), เขียว (Green) และน้ําเงิน (Blue) ใน สัดสวนความเขมขนที่แตกตางกัน โดยจุดที่แสงทั้งสามสีรวมกันจะเปนสีขาว นิยมเรียกการผสมสีแบบนี้วา “Additive” แสงสี RGB มักจะถูกใชสําหรับการสองแสงทั้งบนจอภาพทีวีและจอคอมพิวเตอร ซึ่งสรางจากสารที่ใหกําเนิดแสงสีแดง สี เขียวและสีน้ําเงิน ทําใหสีดูสวางกวาความเปนจริง

Page 137

โมเดล CMYK ตามหลักการแสดงสีของเครื่องพิมพ โมเดล CMYK มีแหลงกําเนิดสีอยูที่การซึมซับ (Absorb) ของหมึกพิมพบนกระดาษ โดยมีสีพื้นฐานคือ สีฟา (Cyan), สีบานเย็น (Magenta) และเหลือง (Yellow) โดยเรียกการผสมสีทั้ง 3 สีขางตนวา “Subtractive Color” แตสี CMYK ก็ไมสามารถผสมรวมกันใหไดสีบางสี เชน สีน้ําตาล จึงตองมีการเพิ่มสีดํา (Black) ลงไป ฉะนั้น เมื่อรวมกันทั้ง 4 สี คือ CMYK สีที่ไดจากการพิมพ จึงจะครอบคลุมทุกสี

โมเดล Lab ตามมาตรฐานของ CIE โมเดล Lab เปนคาสีที่ถูกกําหนดขึ้นโดย CIE (Commission Internationale d Eclarirage) ให เปนมาตราฐานกลางของการวัดสีทุกรูปแบบ ครอบคลุมทุกสีใน RGB และ CMYK และใชไดกับสีที่เกิดจากอุปกรณทุก อยางไมวาจะเปนจอคอมพิวเตอร เครื่องพิมพ เครื่องสแกนและอื่นๆ สวนประกอบของโหมดสีนี้ไดแก L หมายถึง คาความสวาง (Luminance)

หมายถึง สวนประกอบที่แสดงการไลสีจากสีเขียวไปยังสีแดง b หมายถึง สวนประกอบที่แสดงการไลสีจากสีน้ําเงินถึงสีเหลือง a

Page 138

โมเดลการมองเห็นสีในโปรแกรม GIMP จากการมองเห็นสีโดยทั่วไปมาสูหลักการมองเห็นสีใน ของสีใน GIMP จะแบงออกเปน 3 กลุม ดังนี้ o o o

GIMP

ที่เราจะเรียกวา “โหมด (Mode)” ซึ่งโหมด

กลุมที่ 1 โหมดที่อางอิงตามโมเดล กลุมที่ 2 โหมดทีถ่ ูกกําหนดขึ้นพิเศษหรือที่เรียกวา ”โหมด Specialized” กลุมที่ 3 โหมดทีใ่ ชกับการควบคุมคาของพิกเซลหรือที่เรียกวา “โหมด Blending”

ซึ่งมีรายละเอียดดังตอไปนี้

กลุมที่ 1 โหมดที่อางอิงตามโมเดล โหมด RGB ใชหลักการของโมเดล RGB โดยมีการกําหนดคาความเขมขนของสีแดง เขียว และน้ําเงินที่มาผสมกันในแตละ พิกเซล เปนคาตั้งแต 0-255 ตัวอยางเชน สี Bright Red เกิดจาก R (สีแดง) ที่ 246 และ G (สีเขียว) ที่ 20 และ B (สี น้ําเงิน) ที่ 50 ภาพที่เกิดจากโหมด RGB จะเปนการซอนสีหลัก 3 ชั้น และสามารถมองทะลุผาน 3 สีนี้ จนกลายเปนภาพ ซึ่งเรียกชั้นของสีเหลานี้วา “Channel” โดยปกติสีทั่วไปในการแสดงผลจะมีถึง 16.7 ลานสี หรือ 224 ภาพในโหมด RGB ซึ่งเกิดจากการผสมของแสงสี แดง เขียว และน้ําเงิน

แสงสีแดง (Red)

แสงสีเขียว (Green)

แสงสีน้ําเงิน (Blue)

โหมด CMYK ใชหลักการของโมเดล CMYK โดยมีการกําหนดคาสีจากเปอรเซ็นตความเขมขนของสีแตละสีที่มาผสมกัน เชน สี Bright Red เกิดจาก C = 2%, M = 93%, Y = 90% และ K = 0% (หรือสีขาว)

Page 139

ภาพในโหมด CMYK ซึ่งเกิดจากการผสมของหมึกสี Cyan, Magenta ,Yellow และ Black

สีฟา (Cyan)

สีบานเย็น (Magenta)

สีเหลือง (Yellow)

สีดํา (Black)

โหมด LAB ใชหลักการของโมเดล LAB ในการผสมสี โดยโปรแกรมจะยึดโหมดนี้เปนเหมือนตัวกลางในการแปลงจาก โหมดสีหนึ่งไปอีกโหมดสีหนึ่ง เนื่องจากหลักการของ LAB นี้เปนมาตรฐานที่ไมขึ้นอยูกับโมเดลใดๆ จึงใชเปนโหมด ตัวกลางนั่นเอง ภาพในโหมด LAB ซึ่งเกิดจากการผสมกันของ 3 องคประกอบคือ L*a*b

Page 140

Lightness

A Component (green-red)

B Component (blue-yellow)

กลุมที่ 2 โหมดที่ถูกกําหนดขึ้นพิเศษหรือที่เรียกวา “โหมด Specialized” โหมด Grayscale ประกอบดวยสีทั้งหมด 256 สี โดยไลสีจากสีขาว สีเทาไปเรื่อยๆ จนทายสุดคือสีดํา ใชพื้นที่ในการเก็บขอมูล 8 บิต

โหมด Indexed color ถึงแมบางภาพจะมีสีไดมากถึง 16.7 ลานสี แตสวนใหญจะใชไมถึง ในกรณีที่เราตองการลดขนาดไฟลภาพก็อาจ ใชโหมดนี้ ซึ่งจะทอนสีใหเหลือใกลเคียงกับที่ตองใช โหมดนี้สามารถแสดงสีได 256 สี โดยคุณภาพไมลดลงมากนัก

กลุมที่ 3 โหมด Blending กับการควบคุมคาพิกเซลในไดอะล็อก Layers เปนโหมดพิเศษที่ใชเฉพาะในไดอะล็อก Layers และโหมดในการระบายสีดวยเครื่องมือใสสีตางๆ เพื่อเปน ตัวกําหนดวาพิกเซลแตละพิกเซลจะมีการเปลี่ยนแปลงอยางไรเมื่อมีการปรับเปลี่ยนใหแสดงผลในโหมด Blending ตางๆ (สําหรับรายละเอียดดูไดจากบท “เทคนิคการแตงภาพในเลเยอร”)

การเปลี่ยนโหมดสีของภาพ โดยปกติแลว ภาพที่เราเก็บไวในคอมพิวเตอรนั้นจะเปนโหมด RGB แตถาเราตองเปลี่ยนโหมดของภาพเพื่อให เหมาะสมกับลักษณะของงานที่จะนําไปใชก็สามารถเปลี่ยนโหมดสีได ดังนี้

เปลี่ยนโหมดสี RGB เปน Grayscale ภาพในโหมด เปลี่ยนโหมดได ดังนี้

Grayscale

จะเปนภาพไลโทนสีขาว-ดํา เหมาะกับการนําไปผลิตงานสิ่งพิมพสีเดียว สามารถ

Page 141

เลือกคําสั่ง Image>Mode>Grayscale

เปลี่ยนโหมดสี RGB เปน Indexed color ภาพในโหมด Indexed color จะใชสําหรับกรณีที่เราตองการลดขนาดไฟลภาพ ซึ่งจะทอนสีใหเหลือ ใกลเคียงกับที่ตองใช โดยไมมีผลกับคุณภาพของภาพ สามารถเปลี่ยนโหมดได ดังนี้ 1. 2.

เลือกคําสั่ง Image>Mode>Indexed... จะปรากฏหนาตาง Indexed Color Conversion ใหเรากําหนดคาตางๆ Colormap กําหนดคาของสีจะใชเลือกได 4 แบบ

Generate optimum palette กําหนดจํานวนสีที่จะใช

Use web-optimized palette กําหนดใหใชสีจากพาเล็ตสีที่ใชงานบนเว็บ

Use black and white (1-bit) palette

กําหนดใหใชสีเพียง 2 สี คือ สีขาว และสี

ดํา

Use custom palette เลือกสีจากพาเล็ตสีตางๆ

Dithering กําหนดความกลมกลืนในการผสมเฉดสีในภาพซึ่งมีใหเลือกหลายรูปแบบ Enable dithering of tranparency กําหนดใหมีการกําหนดความกลมกลืนในสวนของ Transparency 3.

คลิกปุม

เพื่อตกลงการใชคาที่กําหนด

Page 142

1. เลือกคําสั่ง Image>Mode>Indexed..

3. คลิกเมาส

2. กําหนดคาตางๆ

เปลี่ยนโหมดสีแบบอื่นๆ นอกจากนี้ยังสามารถกําหนดสีเปนโหมดอื่นๆ ได ดังนี้ 1. เลือกคําสั่ง Color>Components>Decompose…

2. เลือกโหมดภาพที่ตองการ

Page 143

การเลือกใชสกี ับงานกราฟก งานกราฟกที่เราสรางนั้น ลวนแตมีจุดประสงคที่จะสื่อใหผูชมเขาใจถึงความหมาย และมีความรูสึกรวมกับงาน ชิ้นนั้น ตัวอยางเชน โฆษณาขายบานที่ตองการแสดงถึงความรักและความอบอุน การโฆษณาขายเสื้อผาของคนแตละวัยก็ ตองการดีไซนที่ตางกัน หากเปนผูชายวัยทํางานก็ตองดูภูมิฐาน และผูหญิงวัยรุนก็ตองมีความอินเทรน ดังนั้นการใชสีที่สื่อ ถึงกลุมคนและความรูสึกเหลานี้ลวนแตมีความสําคัญ

สีและวงลอของสี ในวงลอของสีเราสามารถแบงสีไดเปน 3 หมวดหมู ดังนี้ • • •

สีขั้นที่ 1 (Primary Color) เปนแมสีนั่นเอง ไดแก สีเหลือง สีแดง และสีน้ําเงิน สีขั้นที่ 2 (Secondary Color) เปนสีที่ไดจากแตละสีในขั้นที่ 1 มาผสมกัน ไดแก สีสม สีเขียว และสี มวง สีขั้นที่ 3 (Tertiary Color) เปนสีที่ไดจากสีขั้นที่ 1 ผสมกับสีขั้นที่ 2 ไดแก แดง-สม, แดง-มวง, เหลืองเขียว, เหลือง-สม, น้ําเงิน-เขียว และน้ําเงิน-มวง

สีโทนรอนและสีโทนเย็น จากวงลอของสี เราสามารถนําไปใชงานใหเหมาะสม โดยแยกเปนโทนสีไดดังนี้ • •

สีโทนเย็น เปนสีที่สื่อถึงความเยือกเย็น ขรึม สุภาพ มั่นคง เชี่ยวชาญ (หรือเปน Professional) และดูเศรา ไดแก สีเขียว สีเขียว-น้ําเงิน น้ําเงิน น้ําเงินมวง และสีมวง สีโทนรอน เปนสีที่ดูอบอุน สนุก รอนแรง ไดแก สีแดง สีสม-แดง สีสม สีสม-เหลือง และสีเหลือง สีโทนรอน

สีโทนเย็น

Page 144

สีและการสื่อความหมาย สีที่เรานิยมเลือกนํามาใชเปนสีหลักในชิ้นงาน จะเปนตัวสื่อถึงความหมาย และเขาถึงอารมณของผูชมไดเปนอยาง ดี ซึ่งเพื่อการความเขาใจแบบงายๆ จะขอสรุปเปนแนวทางได ดังนี้ สี สีแดง สีแดงออน สีชมพู สีแดงเขม สีน้ําตาล สีน้ําตาลแดง สีสม

สีสมเขม สีสมแดง สีเหลือง

สีเหลืองหมน สีเหลืองออน สีเขียว

สื่อความหมาย เปนสีของไฟและเลือด พลังงาน สงคราม อันตราย ความแข็งแรง พละกําลัง ความปรารถนา และ ความรัก ความสนุกสนาน ความออนไหว ความยั่วยุทางเพศ ความปรารถนา และความรัก สื่อถึงความเปนผูหญิง ความโรแมนติก ความรัก มิตรภาพ และความละเอียดออน คือความโกรธ บาคลั่ง ความมุงมั่น ความกลาหาญ ผูนํา ความใคร ความกระฉับกระเฉง และความมุง ราย สื่อถึงการชวนคิด ความเสถียรภาพ แข็งแกรง และคุณภาพ ความหมายในทางบวกสื่อถึงฤดูเก็บเกี่ยว การเกิดผลสําเร็จ เกาแก และโบราณ นอกจากนี้จะพบบอย ในการโฆษณาขายบาน และสื่อถึงครอบครัว เกิดจากสีแดงที่มีพลังและสีเหลืองที่สื่อถึงความสุข มาเปนสีสมจึงหมายถึง ความสนุก ความสดใส แสงแดด ความรอนแรง ความกระตือรือรน ชวนใหหลงรัก ชางคิด ชางฝน ความตั้งใจ ความสําเร็จ การชวยเหลือ นิยมใชในการโฆษณาผลไม ผลไมเพื่อสุขภาพ และของเลน หมายถึง โกหก หลอกลวง มีอุบาย ไมนาไวใจ และนาสงสัย หมายถึง ความปรารถนา การยั่วยุทางเพศ ความเพลิดเพลิน ดูมีอํานาจ กาวราว และแสดงถึงความ กระหาย เปนสีของแสงอาทิตย สื่อถึง ความสนุกสนาน ความสุข ความฉลาด ความยินดี ชัยชนะ มั่นคง ปลอดภัย พลัง และความกระปกระเปรา นอกจากนี้ ยังใชในการโฆษณาอาหาร สินคาเด็ก รถแทกซี่ สินคาราคาแพง ใชคาดกับสีดําสําหรับการแจงเตือนวาอันตราย เพราะมองเห็นไดเดนชัด ใชระบาย เนนในจุดสําคัญ สื่อถึงความเสื่อมสลาย ความเจ็บปวย อิจฉา ขี้หึง และหวงแหน สื่อถึงสติปญญา ความสดใหม จืด ทะลึ่ง ความสนุกสนาน และราเริง เปนสีของธรรมชาติ ความเจริญเติบโต ความสามัคคี ความอุดมสมบูรณ การเริ่มตน และความหวัง

Page 145

สีเขียวเขม สีเขียว-เหลือง สีเขียวผลมะกอก สีน้ําเงิน

สีน้ําเงินออน สีน้ําเงินเขม สีมวง สีมวงออน สีมวงเขม สีขาว สีดํา

นอกจากนี้ยังใชสื่อถึงความปลอดภัยในการโฆษณายา สื่อถึง เงิน ธนาคาร ความทะเยอทะยาน ความโลภ และความอิจฉา ชี้ถึงความเจ็บปวย ความขี้ขลาด ความอิจฉา และริษยา สื่อถึงสันติภาพ และความสงบสุข เปนสีของทองฟาและน้ําทะเล ใชสื่อถึงความลึก ความมั่นคง ความเสถียรภาพ เปนสัญลักษณของ ความเชื่อใจ ความไวใจ ความซื่อสัตย จงรักภักดี สุขุมรอบคอบ ฉลาด และความศรัทธา นอกจากนี้จะ พบบอยในโฆษณาสินคาและบริการที่ใหดูวาสะอาด เชน เครื่องกรองน้ํา และน้ํายาทําความสะอาด ถาเปนโฆษณาที่สื่อถึงอากาศและทองฟา ก็มีสายการบิน และเครื่องปรับอากาศ ถาสื่อถึงน้ําและทะเล ก็จะเปนการโดยสารผานเรือ และน้ําแร สินคาไฮเทคโนโลยีตางๆ รวมทั้งเปนสีประจําเพศชาย จะพบ โดยมากในโฆษณาสินคาของผูชาย สื่อถึงความสงบ รมรื่น เยือกเย็น เห็นอกเห็นใจ และความออนนุม สื่อถึงความรู ความมั่นคง ความขรึม ความเปนผูใหญ และเอาจริงเอาจัง เปนสีของกษัตริย อํานาจ ความเปนผูดี ชนชั้นสูง ฟุมเฟอย หรูหรา ความทะเยอทะยาน ความสงา ความอิสระ และใชกับอํานาจวิเศษ-เวทมนตร สื่อถึงความโรแมนติก และความคิดถึง สื่อถึงความมืดมน ความโศกเศรา และการหักลาง สื่อถึงความสวาง ความดี บริสุทธิ์ และไรเดียงสา เราจะเห็นสีขาวในชุดพยาบาล หมอ ชุดเจาสาว ฤดู หนาว-หิมะ และสินคาลดน้ําหนัก สื่อถึงความชั่วราย ความตาย การสูญเสีย ความลึกลับ การมีแบบแผน และดูมีมารยาท เปนสัญลักษณ ของความโศกเศรา แตยังพบเห็นในการใชกับสินคาที่หรูหรา และมีเกียรติ สีเหลือง : สื่อถึงความ สนุกสนาน มีพลัง และชัยชนะ

สีน้ําเงิน : นิยมใชกับสินคาที่เจาะ กลุมผูซื้อที่เปนผูชาย

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

Page 146

เราสามารถนําแบบแผนการใชสีไปประยุกตในการจัดทําเอกสาร หรือหนังสือในโหมดสองสีได โดยการจับคูสีที่ มีความเหมาะสมตามลักษณะงาน จะทําใหงานพิมพมีสีสันมากขึ้นกวางานขาว-ดํา และใกลเคียงงานสี่สี แตมีคาใชจายถูก กวางานสี่สีมาก

สีแบบสีเดียว (Monochromatic) เปนการใชสีเพียงสีเดียว คือ สีหลักที่เราเลือก โดยจะนําสีนั้นมาผสมไลโทนให แตกตางกันบางในบางจุดของ ชิ้นงาน การผสมสีมี 2 แบบ คือ Shade เปนการใสสีดําใหเขมขึ้น และ Tint ใสสีขาวผสมสีใหออนลง ตัวอยางเชน สีแดง เพิ่มสีดําก็จะได สีแดงเขมเหมือนอิฐแดง และเพิ่มสีขาวก็จะกลายเปนสีชมพู

สีที่คลายคลึงกัน (Analogous) จะเปนสีที่เราเลือกและอีก 2 สีที่อยูขางเคียง ตัวอยางเชน เราเลือกสีแดง จากนั้นก็มีสีสมแดง และมวงแดงที่อยู ขางเคียง

สีที่ตรงขามกัน (Complementary) เปน 2 สี ที่อยูตรงขามกันในตําแหนงวงลอของสี หากเราใชสีหนึ่งยืนพื้น ก็จะชวยขับใหอีกสีหนึ่งดูแรงกลา โดด เดนขึ้นมา ตัวอยาง เชน สีแดงจะอยูตรงขามกับสีเขียว

Page 147

สีหลักและสีขางเคียงสีตรงขาม (Split complementary) สีแรก คือสีที่เราเลือกจะยืนพื้นเปนหลักกับอีก 2 สีที่อยูขางๆ สีตรงขามของสีหลักที่เราเลือกนั่นเอง ตัวอยางเชน สี แดง (สีหลัก) สีเขียวเหลือง และสีเขียวน้ําเงิน

สีสามเสา (Triadic ) เปน 3 สีที่อยูหางเทาๆ กันบนวงลอของสี เชน สีแดง สีเหลือง และสีน้ําเงิน

2 คูสีตรงกันขาม (Double complement)

จะประกอบดวย 2 คูสีที่อยูตรงขามกัน ตัวอยางเชน คูสีเหลืองกับสีมวง และคูสีน้ําเงินกับสีสม

สีสามเสาและสีตรงขาม (Alternate complement) จะมีดวยกัน 4 สี โดย 3 สีแรกจะเปนสี 3 เสา และสีที่ 4 จะเปนสีตรงขามกับสีหลัก ตัวอยางเชน สีแดง สีเหลือง สี น้ําเงิน และสีมวงซึ่ง (เปนสีตรงขามกับสีแดงที่เปนสีหลัก)

Page 148

สี่สีที่หางเทากัน (Tetrad) ประกอบดวย 4 สี โดยแตละสีอยูระยะหางเทากันบนวงลอของสี และสามารถแจกแจงออกมาไดเปน 1 สีที่เปนสี ขั้นที่ 1 อีก 1 สีในสีขั้นที่ 2 และอีก 2 สีในสีขั้นที่ 3 ตัวอยางเชน สีแดง สีเขียว สีสมเหลือง และสีมวงน้ําเงิน

Page 149

บทที่ 10 การปรับแตงภาพ การทํางานใน GIMP นอกจากจะเปนการนําภาพตางๆ มาตัดตอประกอบกันเปนชิ้นงานแลว ยังเปนดังสตูดิโอ ตกแตงภาพอีกดวย โดยเราสามารถนําภาพตางๆ มาปรับแตงสี ปรับโทนความสวาง ปรับแตงสีที่ผิดเพี้ยนใหตรงความเปน จริง การแตงเติมสีในบางสวนของภาพใหดูนาสนใจมากยิ่งขึ้น และการตกแตงสีดวยเทคนิคพิเศษเพื่อใหกําเนิดภาพที่ สรางสรรคแปลกใหมได

ปรับแตงความสมดุลของสีภาพดวย Color Balance Tool ในการปรับแตงแกไขสีของภาพเราจะพิจารณาวงลอสี ดังรูป ซึ่งเราจะเห็นไดวา ใน โหมดสี RGB และ CMYK มีสีที่ตรงขามกันอยู ซึ่งเราเอาความรูเรื่องนี้ไปปรับแตงสีของภาพดวยการเลือกเครื่องมือ Color Balance Tool ดัง ตัวอยาง เมื่อเราตองการปรับสีแดง (Red) ใหเพิ่มขึ้น ในขณะที่เราทํางานอยูในโหมด RGB ทําไดโดยการเพิ่มความเขม ของสีเหลือง (Yellow) และสีมวง (Magenta) หรือลดความเขมของสีฟา (Cyan) ลง ซึ่งเปนสีตรงกันขามในวงลอ เราก็จะไดสีแดงเขมขึ้น ซึ่งมีขั้นตอนดังนี้

คลิกเลือก

ที่ Image Window>Colors

Page 150 2. 3.

4. 5.

จะปรากฏหนาตาง Color Balance ใหทําการปรับแตงสี คลิกเลือกสวนของสีภาพที่เราตองการปรับได 3 สวน คือ o Shadow เปนสวนที่เปนเงามืดในภาพ o Midtone เปนสวนของสีหลักๆของภาพ o Hightlight เปนสวนของแสงสวางในภาพ (ตัวอยางเลือกกําหนดภาพที่ Midtone) เลื่อนแถบสไลดกําหนดสีของภาพ (ตัวอยางจะลดความเขมของสีฟา (Cyan) และลดความเขมของสีน้ําเงินลง) คลิกเมาส เพื่อตกลงใชคาที่กําหนด 1. คลิกเลือก Color Balance…

2. คลิกเมาสภายในภาพที่ตองการปรับแตงสี 3. เลือกสวนของสีภาพที่เรา ตองการปรับ 4. เลื่อนแถบสไลดกําหนดสี

5. คลิกเมาส

TIP

ภายในหนาตางของเครื่องมือการปรับแตงภาพจะมีชองคําสั่ง ภาพขณะที่เราทําการปรับแตงอยู

ใหเราคลิกเพื่อดูการเปลี่ยนแปลงของ

Page 151

ปรับความเขมและความจางของสีภาพดวย Hue/Saturation Tool การปรับภาพโดยใชคําสั่ง Hue/Saturation จะอาศัยพื้นฐานของการมองภาพในโมเดลของ HSB ดัง รายละเอียดที่กลาวมาแลวในบท “ความรูเรื่องสีและการเลือกใชโหมดสี” ซึ่งจะเปนการปรับสีภาพโดยรวมทั้งหมด และ ปรับภาพใหเปนโทนสีเดียวได ในตัวอยางนี้เราจะปรับภาพดอกกลวยไมนี้ใหมีโทนสีเดียวเปนสีสม (เลื่อนสไลดไปทางซาย) แลวเพิ่มความอิ่ม ของสีดวยคา Saturation และคา Lightness ทําใหดอกกลวยไมมีสีสดและสวางขึ้น (เลื่อนสไลดไปทางขวา) โดยทํา ตามขั้นตอนดังนี้ 1. 2. 3.

คลิกเลือก ที่ Image Window>Colors จะปรากฏหนาตาง Hue-Saturation เลือกชวงของสี เลือกปรับภาพในโหมดสี โดยลดและเพิ่มคา Hue, Saturation และ Lightness มีรายละเอียดดังนี้ • Hue ปรับคาสีใหมใหกับภาพ (สามารถปรับไดตั้งแต -180 ถึง 180) • Saturation ปรับคาความอิ่มตัวของสี โดยคาที่เพิ่มมากขึ้นจะทําใหสีภาพดูอิ่มและเขมขึ้น สวนคาที่ ติดลบจะทําใหสีภาพมืดลงจนเปนสีเทา (สามารถปรับไดตั้งแต -100 ถึง 100) • Lightness ปรับคาความมืดและสวางของภาพ คาที่เพิ่มมากขึ้นจะทําใหภาพสวางจนเปนสีขาว และ คาที่ติดลบจะทําใหภาพมืดลงจนเปนสีดํา (สามารถปรับไดตั้งแต -100 ถึง 100) คลิกเมาส เพื่อตกลงใชคาที่กําหนด

1. คลิกเลือก color>Hue-Saturation…

2. คลิกเมาสภายในภาพ ที่ตองการปรับแตงสี

3. กําหนดชวงของสีที่ตองการปรับ (ในที่นี้คือสีเหลือง)

4. เลื่อนสไลดเพือ่ ปรับคา

คลิกเพื่อรีเซ็ตคาไป เปนคาเริ่มตน

Page 152

ผลลัพธเมื่อทําการ เลื่อนสไลดเพือ่ เปลี่ยนสีภาพ เฉดสี ในสวนตางๆ ก็จะ เปลี่ยนไปดวย

5. คลิกเมาส

ปรับสีใหภาพดวย Colorize Tool เปนการเปลี่ยนสีภาพที่เหมือนกับการใสฟลเตอรสีตางๆ ลงบนภาพแบบ Grayscale โดยเราสามารถทําการ ปรับคา Hue-Saturation และ Lightness ไดเหมือนกับเหมือน กับ Hue-Saturation Tool ซึ่งมีขั้นตอนดังนี้

1. 2. 3. 4.

คลิกเลือก ที่ Image Window>Colors จะปรากฏหนาตาง Colorize ทําการเลื่อนแถบสไลดเพื่อปรับคาสีตามตองการ โดยที่ Hue มีคาตั้งแต 1 ถึง 360 คา Saturation มีคา-100 ถึง 100 (ในที่นี้ปรับ Hue ใหเปน สีเขียวแบบตัวอยาง) จากนั้นคลิกปุม

เมื่อปรับไดสีตามตองการแลว

Lightness

และ

Page 153

1. คลิกเลือก Colors>Colorize…

3. ปรับคาโหมดสี โดยลดคา Hue และเพิ่มคา Saturation และ Lightness 4. คลิกเมาส

ปรับแตงความคมชัดและความสวางของภาพดวย Brightness/Contrast Tool เปนการปรับคาสีในพิกเซลภาพใหเกิดความสวาง และความคมชัด โดยจะมีคาใหปรับอยู 2 คา คือ o

Brightness

Contrast

ปรับคาความมืด-สวางใหกับเม็ดสี ปรับความคมชัดใหกับภาพ

ในตัวอยางเปนการเปนการปรับความสวางและความคมชัดของภาพรถยนต โดยใช Tool ซึ่งมีขั้นตอนดังนี้ 1. 2. 3. 4.

คลิกเลือก ที่ Image Window>Colors จะปรากฏหนาตาง Brightness-Contrast ทําการเลื่อนแถบสไลดเพื่อปรับคาความสวางและความคมชัดใหกับภาพ จากนั้นคลิกปุม เมื่อปรับไดภาพตามที่ตองการแลว

Brightness/Contrast

Page 154

1. คลิกเลือก Colors>BrightnessContrast…

2. คลิกเมาสภายในภาพที่ตองการ ปรับแตงสี 3. เลื่อนแถบสไลดเพื่อใหไดภาพตามที่ตองการ 4. คลิกเมาส

การปรับภาพใหเปนสีขาว และสีดําดวย Threshold Tool ลักษณะการปรับภาพแบบนี้ จะเปนการปรับภาพทั้งภาพใหเปนภาพ 2 สี คือขาว และดํา โดยจะเปลี่ยนคาสีในภาพ เปนขาวหรือดํา โดยจะพิจารณาจากคา Threshold โดยสามารถกําหนดสีคาได 2 ชวง เชน กําหนดใหคาในชวงแรกเปน 70 จะทําใหสีที่มีคาอยูในชวง 1-70 ถูกเปลี่ยนเปนสีดํา และ 71-255 เปนสีขาว ถาเรากําหนดชวงที่ 2 ดวยใหมีคา 200 จะทําใหสีที่มีคาอยูในชวง1-70 และ 200-255 ถูกเปลี่ยนเปนสีดํา และในชวง 71-199 เปนสีขาว

1. 2. 3. 4. 5.

คลิกเลือก ที่ Image Window>Colors จะปรากฏหนาตาง Threshold คลิก เลื่อนแถบสไลดเพื่อปรับคา Threshold ชวงที่ 1 คลิก เลื่อนแถบสไลดเพื่อปรับคา Threshold ชวงที่ 2 จากนั้นคลิกปุม เมื่อปรับไดภาพตามที่ตองการแลว

Page 155

1. คลิกเลือก Colors>Threshold… 2. คลิกเมาสภายในภาพที่ ตองการปรับแตงสี

3. คลิกเลื่อนคาสีชว งที่ 1 หรือ ใสคาสีชวงที่ 1

4. คลิกเลื่อนคาสีชว งที่ 2 หรือ ใสคาสีชวง ที่ 2 5. คลิกเมาส

กําหนดคุณสมบัติเพิ่มเติมเกี่ยวกับเครื่องมือ Threshold เราสามารถกําหนดคุณสมบัติเพิ่มเติมของเครื่องมือ Main Toolbox ซึ่งมีรายละเอียดดังนี้

Threshold

ไดที่

Tool Options

ดานลางของหนาตาง

ปรับแตงสีของภาพดวย Level Tool เปนการปรับความสวางของภาพ โดยอาศัยขอมูลของกราฟ Histogram สามารถปรับระดับสีของภาพใหเขม ขึ้นหรือจางลงได โดยอาศัยหลักการเพิ่มสีดํา (Shadow) และโทนสีขาว (Highlight) และปรับระดับสีภาพใหอยู ระดับกลาง (Midtone) โดยจุดประสงคในการปรับนั้นเนนเรื่องความสวาง-มืดของภาพและความชัดเจนของสีเปนสําคัญ ตอไปนี้เรามาลองใชงาน Level โดยมาปรับใหภาพมีบรรยากาศที่เปลี่ยนไปดังนี้

Page 156

1. 2. 3. 4.

คลิกเลือก ที่ Image Window>Colors จะปรากฏหนาตาง Level คลิกเลือก Channel สีที่ตองการ (ถาตองการปรับสีทุกแชนแนล เลือกแบบ Value) คลิกเลื่อนแถบสไลดเพื่อปรับคาไปทางซายหรือขวา เพื่อปรับความมืดความสวางของภาพ ถาเลื่อนไปทางขวา หมายถึง การเติมสีดํา จะทําใหภาพมีความสวางนอยลง • ลูกศรสีดํา (Shadow) • ลูกศรสีเทา (Midtone) เปนการปรับภาพใหอยูระดับกลางๆ มีทั้งสีดํา และสีขาวเทาๆ กัน • ลูกศรสีขาว (Highlight) ถาเลื่อนไปทางซาย หมายถึงการเติมสีขาวมากขึ้น จะทําใหภาพมีความสวาง มากขึ้น คลิกเลื่อนแถบสไลดเพื่อปรับคาไปทางซายหรือขวา เพื่อปรับโทนสีของภาพ • ลูกศรสีดํา เลื่อนไปทางขวา โทนสีจะยิ่งออนมากขึ้น • ลูกศรสีขาว เลื่อนไปทางซายโทนสีจะยิ่งเขมมากขึ้น จากนั้นคลิกปุม เมื่อปรับไดภาพตามที่ตองการแลว 2. คลิกเมาสภายในภาพที่ตองการ ปรับแตงสี

1. คลิกเลือก Colors>Level…

Page 157

3. เลือก Channel สีเปน Value

4. ลากลูกศรไป ทางซายหรือขวา เพื่อปรับ ความมืด ความสวางของภาพ 5. ลากลูกศรไป ทางซายหรือขวาเพื่อปรับโทนสี ของภาพ

6. คลิกเมาส

ปรับระดับแสงเงาภาพดวย Curve Tool เปนการปรับความสวางของภาพ สามารถปรับระดับสีของภาพใหเขมขึ้นหรือจางลงได โดยอาศัยหลักการเพิ่มสีดํา (Shadow) และโทนสีขาว (Highlight) และปรับระดับสีภาพใหอยูระดับกลาง (Midtone) โดยจุดประสงคในการ ปรับนั้นเนนเรื่องความสวาง-มืดของภาพและความชัดเจนของสี สามารถตั้งคาความสวางเฉพาะจุดได ทําใหภาพที่ออกมามี มิติมากขึ้น กราฟ Curve จะแสดงการเปรียบเทียบคาสีเดิมกับและคาสีใหม กอนปรับแตงมาดูรายละเอียดของหนาตาง Curve ดังนี้

Page 158

คลิกเลือกลักษณะของ Histograms ที่แสดง

เลือก Channel ที่ ตองการปรับ

แกน Y แทนคาเดิมของสีมี คาตั้งแต 0-255

แกน X แทนใหมของสี หลังปรับแตงมี คาตั้งแต 0-255 เลือกชนิดของ Curve

ในตัวอยางนี้เราจะปรับภาพแมวสองตัวนี้ใหสวางขึ้น โดยการใชเครื่องมือ

Curve Tool

โดยทําตามขั้นตอน

ดังนี้ 1. 2. 3. 4.

คลิกเลือก ที่ Image Window>colors จะปรากฏหนาตาง Curve เลือก Channel ของสีที่เราตองการปรับแตง ปรับความสวางและความชัดของภาพ โดยสามารถทําการปรับ Curve ได 2 วิธี คือ ปรับโดยการลากเสน Curve และปรับดวยการวาดเสน Curve เอง จากนั้นคลิกปุม เมื่อปรับคาสีเรียบรอยแลว 1. คลิกเลือก Colors>Curve… 2. คลิกเมาสภายใน ภาพที่ตองการ ปรับแตงสี

Page 159

3. เลือก Channel

5. คลิกเมาส

4.1 ปรับโดยการลากเสน Curve

4.2 ปรับโดยการวาดเสน Curve

กําหนดคุณสมบัติเพิ่มเติมเกี่ยวกับเครื่องมือ Level Tool และ Curve Tool เราสามารถกําหนดคุณสมบัติเพิ่มเติมของเครื่องมือ Level Tool และ Curve ดานลางของหนาตาง Main Toolbox ซึ่งมีรายละเอียดที่เหมือนกันดังนี้

Tool

ไดที่ Tool

Options

กําหนดลักษณะของ Histogram ที่แสดง Sample average เปนการกําหนดคารัศมีของพื้นที่สีใน การปรับภาพ

ปรับ/ลดโทนสีในภาพดวย Posterize Tool เปนการกําหนดลักษณะโทนสีใหแตละ Channal ตัวอยางเชน ถาเราเลือกเปน 2 ระดับในโหมดภาพ RGB จะทําใหภาพนั้นมี 6 สีประกอบดวย สีแดง 2 ระดับ สีเขียว 2 ระดับ และสีน้ําเงิน 2 ระดับ ซึ่งเอฟเฟกตนี้จะเหมาะกับการ แตงภาพขนาดใหญ เชน ภาพโปสเตอรโฆษณา สังเกตวาถากําหนด Level (ระดับ) นอยๆ จะทําใหเห็นการไลโทนสีอยาง เดนชัด หากกําหนด Level (ระดับ) มากๆ ก็จะไมเห็น ซึ่งมีขั้นตอนในการปรับ/ลดโทนสี ดังนี้

Page 160

1. 2. 3.

คลิกเลือก ที่ Image Window>colors จะปรากฏหนาตาง Posterize ทําการเลื่อนแถบสไลดเพื่อปรับคา Posterize ใหกับภาพ จากนั้นคลิกปุม เมื่อปรับไดสีตามที่ตองการแลว

1. คลิกเลือก Colors>Posterize

2. คลิกเมาสภายในภาพที่ตองการ ปรับแตงสี 3. ทําการเลื่อนแถบสไลด เพื่อปรับระดับสีซึ่งมีคา ระหวาง 0-256 4. คลิกเมาส

Page 160

บทที่ 11 ตกแตงภาพดวยการรีทัช เมื่อเราจัดเตรียมภาพ เพื่อนํามาประกอบในการสรางชิ้นงาน หลายครั้งเราอาจตองปรับแตงภาพตนฉบับนั้นใหตรง กับแนวของงานที่เราตองการมากที่สุด และการปรับเปลี่ยนหรือแกไขภาพในลักษณะที่จะกลาวถึงตอไปนี้ เปนอีก ความสามารถหนึ่งของโปรแกรม GIMP โดยเราสามารถทําการปรับภาพใหดูเบลอเปนภาพที่นุมนวลขึ้น การลบริ้วรอยไม พึ่งประสงคในภาพ การเกลี่ยสีภาพใหดูแปลกตาหรือกลมกลืนมากยิ่งขึ้น ซึ่งเทคนิคเหลานี้เราพบไดในการตกแตงภาพของ นางแบบที่ใชในการขึ้นปกนิตยสารนั่นเอง

Retouch เทคนิคการแตงภาพสําหรับ GIMP รีทัช (Retouch) เปนคําศัพทที่เรียกใชการแตงภาพเฉพาะจุด เพื่อใหภาพในสวนที่เปนตําหนิไดรับการแกไข ใหดียิ่งขึ้น และรวมไปถึงการผสมผสานภาพที่นํามาตัดตอใหดูเขากันอยางกลมกลืน ใน GIMP นั้น มีเครื่องมือสําหรับการ Retouch ดังนี้ Perspective Clone Tool Dodge/Burn Tool

Clone Tool Heal Tool

Blur / Sharpen Tool

Smudge Tool

ปรับความคมชัดของภาพดวย Convolve Tool เปนเครื่องมือในหนาตาง Main Toolbox ที่ใชสําหรับตกแตงภาพใหมีความเบลอ (Blur) หรือชัดเจน (Sharpen) มากยิ่งขึ้น จะเห็นไดวาคุณสมบัติการใชงานของ Convolve Tool แบงอยางไดอยาง ชัดเจน ซึ่งเราทําการกําหนดชนิดของ Convolve Tool ใหเปนแบบ Blur หรือ Sharpen ไดจาก Tool Option ซึ่งแตละชนิดมีขั้นตอนดังนี้ Convolve Tool

สรางภาพเบลอ (Blur) จะทําใหภาพดูเบลอพลามัว ซึ่งเราสามารถนําไปประยุกตในการปรับแตงภาพ ดังตัวอยางเราจะปรับภาพพื้นหลัง รอบๆ นางแบบใหดูเบลอ เพื่อเสริมใหตัวนางแบบดูโดดเดนขึ้นมา

Page 161

1. 2.

คลิกเลือก Covolve Tool ที่ Toolbox จะปรากฏตัวชี้เมาสรูป ของหัวแปรง กําหนดรายละเอียดของ Covolve Tool ใน Tool Option เลือก Convolve Type เปน Blur และ กําหนดรายละเอียดตางๆ ดังนี้ o Opacity ใชกําหนดคาความโปรงแสงของสีเทลงไป o Mode กําหนดโหมดในการผสมสีระหวางสีเทลงไปกับสีของภาพเดิม o Brush เลือกขนาดและลักษณะของหัวแปรง o Pressure sensitivity ตั้งคาเพิ่มเติมเกี่ยวกับความไวของแรงกด เปนการกําหนดลัษณะการปรับภาพแบบคอยๆจาง เมื่อคลิกเลือกจะสามารถกําหนด o Fade out Length เพื่อใหกําหนดระยะการจางหายของภาพ o Hard edge กําหนดใหขอบของแปรงตกแตงภาพไมมีการไลสี ทําใหสวนที่ตกแตงดูแข็ง o Convolve Type เปนการกําหนดชนิดของ Convolve มี 2 ชนิดคือ Blur การทําใหภาพเบลอ การทําใหภาพคมชัดขึ้น Sharpen o Rate เปนการกําหนดอัตราความเบลอหรือความคมชัด ลากเมาสบริเวณที่ตองการทําใหภาพเบลอ (จากตัวอยาง เราทําใหบริเวณภาพรอบๆ ใบหนานางแบบเบลอ เพื่อให ภาพนุมนวล) 2. กําหนดคุณสมบัติเครื่องมือ และเลือก ชนิดของ Convolve เปน Blur

1. คลิกเลือก Convolve Tool

3. ลากเมาสไปมาบริเวณที่ตองการทําใหภาพเบลอ

Page 162

สรางความคมชัดใหกับภาพ (Sharpen) ชวยเนนความเขมของขอบภาพและเพิ่มความคมชัดของภาพ (มีลักษณะการใชงานตรงขามกับการทําภาพเบลอ) เครื่องมือนี้จะชวยทําใหภาพดูชัดขึ้น แตตองระวังตรงที่วาถาใชมากอาจทําใหภาพที่ไดดูแข็งกระดางไป ในตัวอยางนี้ เราจะใชประโยชนของ บางสวนเดนชัดขึ้น ดังภาพ

กอนปรับภาพ

Sharpen

แตงหนานางแบบที่เดิมเปนภาพที่ดูกลมกลืน แตจะแตงให

หลังปรับภาพ

คลิกเลือก Covolve Tool ที่ Toolbox กําหนดรายละเอียดของ Covolve Tool ใน Tool Option เลือก Convolve Type เปน Sharpen

จะปรากฏตัวชี้เมาสรูป ของหัวแปรงและกําหนดรายละเอียดตางๆ ลากเมาสบริเวณที่ตองการทําใหภาพคมชัด (จากตัวอยาง เราทําใหบริเวณใบหนาของผูหญิงดูคมชัดขึ้น)

2. กําหนดคุณสมบัติของเครื่องมือ และ เลือกชนิดของ Convolve เปน Sharpen

1. คลิกเลือก Convolve Tool

4. ลากเมาสไปมาบริเวณที่ตองการทําให ภาพคมชัดขึ้น

Page 163

เกลี่ยสีภาพดวย Smudge Tool เปนเครื่องมือที่มีลักษณะการทํางานคลายๆ กับการเอานิ้วเกลี่ยสีที่เปยก เพื่อกระจายไป ตามทิศทางที่นิ้วเกลี่ยนั้น โดยในตัวอยาง เราจะเกลี่ยภาพนางแบบใหกลมกลืนกับฉากหลังที่เปนเปลวไฟ ทําใหภาพดูแปลก ตาออกไปเหมือนกับภาพกราฟก Smudge Tool

กอนปรับภาพ

1. 2.

หลังปรับภาพ

คลิกเลือก Smudge Tool ที่ Toolbox จะปรากฏตัวชี้เมาสรูป ของ หัวแปรง กําหนดรายละเอียดของ Smudge Tool ใน Tool Option ดังนี้ o Opacity ใชกําหนดคาความโปรงแสงของสีเทลงไป o Mode กําหนดโหมดในการผสมสีระหวางสีเทลงไปกับสีของภาพเดิม o Brush เลือกขนาดและลักษณะของหัวแปรง o Pressure sensitivity ตั้งคาเพิ่มเติมเกี่ยวกับความไวของแรงกด o Fade out เปนการกําหนดลัษณะการปรับภาพแบบคอยๆ จาง เมื่อคลิกเลือกจะสามารถกําหนด Length เพื่อใหกําหนดระยะการจางหายของภาพ o Hard edge กําหนดใหขอบของแปรงตกแตงภาพไมมีการไลสี ทําใหสวนที่ตกแตงดูแข็ง o Rate เปนการกําหนดอัตราความเบลอหรือความคมชัด ลากเมาสบริเวณที่ตองการ (จากตัวอยาง เราจะทําการเกลี่ยเฉพาะขอบภาพของนางแบบใหดูกลมกลืนกับฉากหลัง ที่เปนเปลวไฟ) 2. กําหนดคุณสมบัติ ของเครื่องมือ 1. คลิกเลือก Smudge Tool

3. ลากเมาสบริเวณที่ตองการเกลี่ยสี

Page 164

ปรับโทนสีของภาพโดยใช Dodge/Burn Tool เปนเครื่องมือในการปรับความสวาง (Dodge) และความมืด (Burn) ของภาพเพียง บางสวน จะเห็นวาเครื่องมือเดียวไดทําการรวมชนิดการใชงานไวทั้ง 2 รูปแบบ ซึ่งเราสามารถเลือกชนิดการใชงานไดจาก ออปชั่นในหนา Main Toolbox Dodge/Burn Tool

ปรับภาพใหสวางขึ้นเฉพาะสวน (Dodge) ใชปรับความสวางของภาพเฉพาะบางสวนใหสวางขึ้นดวยสีของภาพเอง หรือเรียกงายๆ Highlight ใหกับภาพ โดยในตัวอยางนี้ เราจะปรับภาพดอกไมที่คอนขางมืดใหสวางขึ้น ดังนี้

1. 2.

วาเปนการสราง

คลิกเลือก Dodge/Burn Tool ที่ Toolbox จะปรากฏตัวชี้เมาสรูป กําหนดรายละเอียดของ Dodge/Burn Tool ใน Tool Option เลือก Type เปน Dodge และกําหนด รายละเอียดตางๆ ดังนี้ o Opacity ใชกําหนดคาความโปรงแสงของสีเทลงไป o Mode กําหนดโหมดในการผสมสีระหวางสีเทลงไปกับสีของภาพเดิม o Brush เลือกขนาดและลักษณะของหัวแปรง o Pressure sensitivity ตั้งคาเพิ่มเติมเกี่ยวกับความไวของแรงกด o Fade out เปนการกําหนดลัษณะการปรับภาพแบบคอยๆ จาง เมื่อคลิกเลือกจะสามารถกําหนด Length เพื่อใหกําหนดระยะการจางหายของภาพ o Hard edge กําหนดใหขอบของแปรงตกแตงภาพไมมีการไลสี ทําใหสวนที่ตกแตงดูแข็ง o Type เปนการกําหนดชนิดของเครื่องมือ มี 2 ชนิดคือ Dodge การปรับภาพใหสวางขึ้นเฉพาะสวน Burn การปรับภาพใหสีเขมขึ้นเฉพาะสวน o Mode เปนการเลือกสวนของสีภาพที่จะทําการปรับ มีใหเลือก 3 โหมด คือ Shadow สวนของเงามืดภายในภาพ สวนของสีหลักภายในภาพ Midtones Highlights สวนแสงสวางภายในภาพ

Page 165

Exposure Highlights

เปนคาของแสงที่ปรับความมืด และสวางใหกับภาพ โดยคานอยจะทําใหการ นอย แตถามีคามากก็มีการ Highlight มาก ในที่นี้กําหนดใหคา Exposure มีคา

เทากับ 50% ลากเมาสบริเวณที่ตองการสราง Highlight ของภาพ สังเกตวาภาพสวนนั้นจะสวางขึ้น 2. กําหนดคุณสมบัติ ของเครื่องมือ เลือกชนิดของ เครื่องมือเปน Dodge

1. คลิกเลือก Dodge/Burn Tool

กําหนดคา Exposure เทากับ 50%

3. ลากเมาสบริเวณที่ ตองการปรับความสวาง

ปรับภาพใหสีเขมขึ้นเฉพาะสวน (Burn) ใชปรับใหภาพมืดลงในบางสวนหรือเรียกงายๆ วา เปนการสราง เราจะลองปรับแตงภาพวิวชายทะเลในบางสวนใหดูมีแสงเงา

คลิกเลือก Dodge/Burn Tool ที่ Toolbox

Shadow (เงา)

ใหกับภาพ ซึ่งในตัวอยางนี้

Page 166 2.

กําหนดรายละเอียดของ Dodge/Burn

Tool

ใน Tool

Option

เลือก Type เปน Burn จะปรากฏตัวชี้

เมาสรูป กําหนดคา Exposure ถาปรับคานอยการสรางแสงเงาจะนอย และถาคามากก็มีการสรางเงามาก ในที่นี้กําหนดใหคา Exposure มีคาเทากับ 50% ลากเมาสบริเวณที่ตองการสรางเงาของภาพ (จากตัวอยาง เราทําใหภาพวิวในบางสวนที่ไมโดนแสงอาทิตยใหมี แสงเงาที่มืดลง)

2. กําหนดคุณสมบัติ ของเครื่องมือ เลือกชนิดของเครื่องมือเปน Burn

1. คลิกเลือก Dodge/Burn Tool

กําหนดคา Exposure เทากับ 50%

3. ลากเมาสบริเวณที่ ตองการ ปรับใหภาพมืดลง

TIP

ในขณะใชเครื่องมือ Convolve Tool และ Dodge/Burn เปลี่ยนชนิดของ เครื่องมือไดงายๆ โดยการกด <Ctrl> ที่คียบอรดคางไว

Tool

ทําการปรับแตงภาพอยูนั้น เราสามารถ

การทําสําเนาภาพดวย Clone Tool สามารถทํางานได 2 ลักษณะไดแกเปนเครื่องมือที่ใชสําหรับการคัดลอกภาพ และใส ลวดลายลงในภาพ เราสามารถกําหนดลัษณะการทํางานของเครื่องมือจาก Tool Option Clone Tool

โคลนนิ่งภาพ (Image source) ใชทําสําเนาแบบหนึ่งตอหนึ่ง หรือเรียกวา “โคลนนิ่งภาพ” โดยจะใชบางสวนของภาพที่เลือกไวมาสรางเปนภาพ ที่เหมือนกันในพื้นที่ใหม ดังตัวอยางเราจะสําเนารูปประสาทหินใหเปนหลายชุดเพื่อตกแตงภาพใหดูนาสนใจมากขึ้น

Page 167

1. คลิกเลือก Clone Tool ที่ Toolbox จะปรากฏตัวชี้เมาสรูป 2. กําหนดรายละเอียดของ Clone Tool ใน Tool Option เลือก Source เปน Image source และ กําหนดรายละเอียดตางๆ ดังนี้ o Opacity ใชกําหนดคาความโปรงแสงของสีเทลงไป o Mode กําหนดโหมดในการผสมสีระหวางสีเทลงไปกับสีของภาพเดิม o Brush เลือกขนาดและลักษณะของหัวแปรง o Pressure sensitivity ตั้งคาเพิ่มเติมเกี่ยวกับความไวของแรงกด o Fade out เปนการกําหนดลัษณะการปรับภาพแบบคอยๆ จาง เมื่อคลิกเลือกจะสามารถกําหนด Length เพื่อใหกําหนดระยะการจางหายของภาพ o Hard edge กําหนดใหขอบของแปรงตกแตงภาพไมมีการไลสี ทําใหสวนที่ตกแตงดูแข็ง o Source เปนการกําหนดที่มาของการทําสําเนา มี 2 ลักษณะ คือ Image source การใชบางสวนของภาพที่เลือกไวเปนภาพที่เหมือนกันในพื้นที่ ใหม Pattern source การสรางลวดลายใหกับภาพโดยใชแพทเทริน o Alignment เปนการกําหนดตําแหนงของภาพตนแบบใน 3 ลักษณะ (ในตัวอยางใหเลือกแบบ Aligned เพื่อใหการทําสําเนาเปนแบบตอเนื่อง) Non-Aligned ภาพตนแบบจะเปนภาพตําแหนงเติมไมวาจะทําการวาดใหมกี่ครั้งก็ตาม Aligned ภาพตนแบบจะเปลี่ยนตามตําแหนงที่เราวาด แตระยะหางระหวางภาพ ตนแบบและสําเนาจะเทากัน Registered ภาพตนแบบ จะเปนตําแหนงเดียวกับที่เราวาดภาพใหม 3. กําหนดตําแหนงภาพเปนตนแบบ โดยกดแปน <Ctrl> คางไว ตัวชี้เมาสจะเปลี่ยนเปนรูป แลวคลิก เมาสที่ตําแหนงที่เราตองการใหเปนตําแหนงเริ่มตน 4. ลากเมาสระบายบริเวณที่เราตองการใหสําเนาภาพ โดยใหสังเกตเครื่องหมาย เปนหลัก ถาเครื่องหมายนี้ ปรากฏอยูบริเวณใด ภาพที่ปรากฏในพื้นที่ใหมจากตัวชี้เมาสรูป สามารถเปลี่ยนขนาดหัวพูกันเพื่อความสะดวกได)

จะเปนภาพเดียวกัน (ในขณะนี้เรา 2. กําหนดคุณสมบัติของเครื่องมือ เลือก Image เปนที่มาของการทําสําเนา

Page 168

2. กําหนดคุณสมบัติ ของเครื่องมือ เลือก Image source เปนที่มา ของการทําสําเนา 1. คลิกเลือก Clone Tool

Aligned เพื่อการทํา สําเนาอยางตอเนื่อง

3. กดแปน <Alt> คางไวแลวคลิกเมาส ตําแหนงที่ตองการ

4. คลิกเมาสและลาก เมาสระบายบริเวณที่ ตองการแปะภาพ

ภาพผลลัพธของการ โคลนนิ่งภาพ

การใชงาน Perspective Clone Tool เครื่องมือนี้จะชวยเราในการคัดลอกรูปภาพโดยรักษาสัดสวน Perspective ที่ถูกตอง โดยมีวิธีการดังตอไปนี้

กอนปรับภาพ

1. คลิกเลือก

หลังปรับภาพ คนที่คัดลอกมาใหมมีสัดสวนสัมพันธ กับมุมมองของรูปโดยรวม

Perspective Clone Tool ที่ Toolbox จะปรากฏตัวชี้เมาสรูป

Page 169

2. กําหนดรายละเอียดของ

Perspective Clone Tool

ใน

Tool Option

เลือก

Modify

Perspective

3. ปรับเสน Perspective ใหเขากับทิศทางมุมมองของรูปภาพ 4. เมื่อไดมุมที่ตองการแลว คลิกที่ Perspective Clone กําหนดคุณสมบัติตางๆ ตามที่ตองการ ดังนี้ • Mode กําหนดโหมดในการผสมสีระหวางสีเทลงไปกับสีของภาพเดิม • Opacity ใชกําหนดคาความโปรงแสงของสีเทลงไป • Brush เลือกลักษณะของหัวแปรง • Scale เลือกขนาดของหัวแปรง • Fade out เปนการกําหนดลัษณะการปรับภาพแบบคอยๆ จาง เมื่อคลิกเลือกจะสามารถกําหนด Length เพื่อใหกําหนดระยะการจางหายของภาพ • Hard edge กําหนดใหขอบของแปรงตกแตงภาพไมมีการไลสี ทําใหสวนที่ตกแตงดูแข็ง • Source เปนการกําหนดที่มาของการทําสําเนา มี 2 ลักษณะ คือ o Image source การใชบางสวนของภาพที่เลือกไวเปนภาพที่เหมือนกันในพื้นที่ ใหม o Pattern source การสรางลวดลายใหกับภาพโดยใชแพทเทริน • Alignment เปนการกําหนดตําแหนงของภาพตนแบบใน 3 ลักษณะ (ในตัวอยางใหเลือกแบบ Aligned เพื่อใหการทําสําเนาเปนแบบตอเนื่อง) o Non-Aligned ภาพตนแบบจะเปนภาพตําแหนงเดิมไมวาจะทําการวาดใหมกี่ครั้งก็ตาม ภาพตนแบบจะเปลี่ยนตามตําแหนงที่เราวาด แตระยะหางระหวางภาพ o Aligned ตนแบบและสําเนาจะเทากัน o Registered ภาพตนแบบ จะเปนตําแหนงเดียวกับที่เราวาดภาพใหม o Fixed กําหนดตําแหนงที่แนนอน 5. เลือกพื้นที่ตนแบบ โดยกด <Control> คางไว ขณะคลิกเมาสเลือกพื้นที่ เมาสจะเปลี่ยนเปนรูป 6. คลิกเมาสพื้นที่ที่ตองการคัดลอกภาพลงไป 7. จะไดภาพที่คัดลอกที่มีสัดสวนและทิศทาง Perspective สมจริง 1. คลิกเลือกเครื่องมือ Perspective Clone Tool 2. เลือก Modify Perspective

ภาพตนฉบับ

3. ปรับเสน Perspective ใหเขากับ ทิศทางมุมมองของรูปภาพ

Page 170

4. คลิกเลือก Perspective Clone

กําหนดคุณสมบัติตางๆ ตามที่ตองการ

5. เลือกพื้นที่ตนแบบ โดยกด <Control> คาง ไว ขณะคลิกเมาสเลือกพื้นที่

6. คลิกเมาสบริเวณพื้นที่ที่ ตองการคัดลอกภาพลงไป

7. จะไดภาพผลลัพทที่คัดลอกที่มีสัดสวน และทิศทาง Perspective สมจริง

Page 171

สรางลวดลายใหกับภาพดวย (Pattern source) ใชสําหรับสรางลวดลายใหกับภาพ โดยมีวิธีคราวๆ คือเราตองกําหนดหรือสรางรูปแบบภาพ (Pattern) เสียกอน หลังจากนั้นจึงระบายภาพนั้นลงไปไดตามตองการ ดังตัวอยางนี้ เราจะสรางลวดลายใหกับเสื้อของนางแบบ โดยจะ เปลี่ยนใหเปนเสื้อมีแขนจากลวดลาย ดังกลาว ดังนี้

1. คลิกเลือก Clone Tool ที่ Toolbox จะปรากฏตัวชี้เมาสรูป 2. กําหนดรายละเอียดของ Clone Tool ใน Tool Option เลือก Source เปน Pattern source เลือก ลวดลายที่จะใชใน Pattern 3. เลือกพื้นที่ใหกับสวนที่ตองการใสลวดลาย (ในกรณีที่เราตองการระบายลวดลายเฉพาะจุด) 4. ระบายบริเวณที่เราตองการใหลวดลายปรากฏ

2. กําหนดคุณสมบัติ ของเครื่องมือ เลือก Pattern source เปน ที่มาของการทํา 1. คลิกเลือก Clone Tool

เลือกลวดลายที่จะใช

Page 172

3. เลือกพื้นที่ในสวนที่ ตองการใสลวดลาย

4. ลากเมาสเพื่อใสลวดลายให ทั่วทั้งพื้นที่ Selection

ภาพผลลัพธของการ ใสลวดลายใหกับภาพ

Page 173

บทที่ 12 การตกแตงภาพอยางสรางสรรคดวยฟลเตอร เมื่อเราทํางานกราฟก จะพบวาการตกแตงภาพในบางลักษณะ ก็เปนเรื่องที่เราตองทํากันบอยๆ และอาจจะมี ขั้นตอนที่ซับซอน ในบทนี้เราจะมาใชเครื่องมือ ชิ้นหนึ่งที่ GIMP ไดรวบรวมเทคนิคการตกแตงภาพเกี่ยวกับงานที่เรานิยม ใชกัน มาชวยใหเราทํางานตกแตงภาพเหลานั้นไดงายและรวดเร็วยิ่งขึ้นภายในไมกี่ขั้นตอน เครื่องมือนั้นคือ “ฟลเตอร”

ฟลเตอรคืออะไร ฟลเตอร (Filter) เปนคําสั่งพิเศษที่ตกแตงภาพไดสวยงามภายในคําสั่งเดียว โดยจะชวยลดความยุงยากในการ ตกแตงภาพที่มีขั้นตอนมากมายใหนอยลง เชน เราจะสรางแสงใหกับภาพ แทนที่เราตองมาทําทีละขั้นตอน คือ สรางเลเยอร ใหม คัดลอกภาพลงเลเยอร แลวลงสี ปรับคา Opacity ฯลฯ แตเมื่อเราเรียกใชคําสั่งฟลเตอร เพียงครั้งเดียว ก็สามารถ กําหนดคาตางๆ ดังที่กลาวมาและไดผลลัพธออกมาในเวลาที่รวดเร็ว

กฏการใชงานฟลเตอร ลักษณะของการตกแตงภาพดวยการใชฟลเตอรนั้น เปนเหมือนกับการซอนภาพดวยแผนฟลมบางๆ ที่ชวยเปลี่ยน ใหภาพปกติแปลกตาออกไป เหมือนกับการถายภาพดวยการใสฟลเตอรใหกับเลนสของกลอง สีที่ออกมาหรือรูปแบบที่ ออกมานั้นจะทําใหภาพตางออกไปจากความเปนจริง ซึ่งการทํางานของฟลเตอรมีกฏงายๆ ดังนี้ o o

ฟลเตอรจะทํางานกับเลเยอรที่ถูกเลือกหรืออยูในสภาวะ Active และ Visible เทานั้น บางฟลเตอรนั้นสามารถใชไดกับเฉพาะภาพ RGB และบางฟลเตอรไมสามารถใชกับภาพในโหมด Grayscale และ Indexed ได

Page 174

ทุกฟลเตอรสามารถใชไดกับภาพ 8 บิต แตจะมีบางฟลเตอรที่สามารถใชกับภาพ 16 บิตไดดวย เชน

Blur,

Gaussian Blur, Motion Blur, Noise, Despeckle, Sharpen, Unsharp Mask

และ

Emboss เปนตน (ซึ่งจะแสดงตัวอยางในบทนี้) o

การใชงานฟลเตอรบางตัวจําเปนตองใชเครื่องที่มีหนวยความจําสูงมาก

วิธีการใชงานฟลเตอร เราสามารถเรียกใชฟลเตอรไดโดยเลือกที่คําสั่ง Filter ที่หนาตาง Image Menu และเลือกฟลเตอรที่ตองการ ใส ตัวอยางจะทําการใสฟลเตอร Gaussian Blur ดังนี้ 1. 2. 3.

เลือกคําสั่ง Filter>Blur>Gaussian Blur จะปรากฏหนาตางฟลเตอร Gaussian Blur ใหเรากําหนดคาตางๆ คลิกปุม เพื่อตกลงใชคา หนาตาง Preview

1. เลือกคําสั่ง Filter>Blur>Gaussian Blur

2. กําหนดคาตางๆ

3. คลิกเมาส

TIP

หากเราตองการใสฟลเตอรที่ เพิ่งใสซ้ําลงไปอีกครั้ง สามารถทําไดอยางรวดเร็ว โดยการกดคีย <Ctrl+F> หรือ ถาตองการใสฟลเตอรชนิดเดิมซ้ําแตตองการเปลี่ยนคาที่กําหนดใหตางไปจากเดิม สามารถทําไดโดยกดคีย <Shift+Ctrl+F> จะปรากฏ หนาตางกําหนดคาของฟลเตอรชนิดนั้นเพื่อใหเรากําหนดคาได

Page 175

ตัวอยางฟลเตอรใน GIMP กลุมฟลเตอรแบบ Blur เปนกลุมฟลเตอรที่ชวยใหภาพออนนุม ลง ดูกลมกลืน โดยใชคําสั่ง Filter>Blur> ฟลเตอรที่กําหนด

ภาพตนฉบับ

กลุมฟลเตอรแบบ Colors เปนกลุมฟลเตอรในการตกแตงสีให กับภาพ โดยใชคําสั่ง Filter>Colors>ฟลเตอรที่กําหนด ภาพตนฉบับ

Page 176

Page 177

กลุมฟลเตอรแบบ Noise เปนกลุมฟลเตอรที่จะเพิ่มจุดเม็ดสีเขา ไปในภาพโดยใชคําสั่ง FilterNoise>ฟลเตอรที่กําหนด

ภาพตนฉบับ

กลุมฟลเตอรแบบ Edge‐Detect เปนกลุมฟลเตอรที่ใชสําหรับตกแตง เสนของขอบภาพ โดยโปรแกรมจะทําการคนหาขอบภาพ และโครงรางของ วัตถุในภาพ โดยประมวลผลจากความตางสี โดยใชคําสั่ง Filters>Edge-Detect>ฟลเตอรที่กําหนด

ภาพตนฉบับ

Page 178

กลุมฟลเตอรแบบ Enhance เปนกลุมฟลเตอรที่ใชสําหรับปรับภาพ ใหดูคมชัดหรือโดดเดนขึ้น โดยใชคําสั่ง Filters>Enhance>ฟลเตอร ที่กําหนด

ภาพตนฉบับ

กลุมฟลเตอรแบบ Generic เปนกลุมฟลเตอรที่ใหเราสามารถสรางฟลเตอรดวยตนเอง โดยใชคําสั่ง Filters>Generic>Convolution Matrix และสวนฟลเตอรอื่นๆ ในกลุมจะเปนตัวอยางฟลเตอรที่สรางจาก Convolution Matrix

Page 179

ภาพตนฉบับ

กลุมฟลเตอรแบบ Glass Effect เปนกลุมฟลเตอรที่สรางภาพใหเหมือนกับการมองภาพผานเลนส หรือกระจกใสที่มีลวดลาย Filter> Glass Effect>ฟลเตอรที่กําหนด

โดยใชคําสั่ง

ภาพตนฉบับ

กลุมฟลเตอรแบบ Lighting Effect เปนกลุมฟลเตอรที่สรางแสงไฟสอง หรือแสงสะทอน โดยใชคําสั่ง กําหนด

Filter> Lighting Effect>ฟลเตอรที่

Page 180

ภาพตนฉบับ

กลุมฟลเตอรแบบ Distort เปนกลุมฟลเตอรที่ใชปรับเปลี่ยน รูปรางของภาพในหลายๆ รูปแบบ โดยใชคําสั่ง กําหนด

ภาพตนฉบับ

Filter>Distort>ฟลเตอรที่

Page 181

กลุมฟลเตอรแบบ Artistic เปนกลุมฟลเตอรที่เปลี่ยนภาพถายใหเปนภาพวาดงานศิลปะตางๆ โดยใชคําสั่ง กําหนด

ภาพตนฉบับ

Filter>Artistic>ฟลเตอรที่

Page 182

กลุมฟลเตอรแบบ Map เปนกลุมฟลเตอรในการนําภาพจากตนแบบมาสรางเปนลวดลายในรูปแบบตางๆ โดยใชคําสั่ง Filter>Map> ฟลเตอรที่กําหนด

ภาพตนฉบับ

Page 183

กลุมฟลเตอรแบบ Render เปนกลุมฟลเตอรสําหรับสรางภาพ แพทเทิรนขึ้นมาใชงานในหลายๆ ลักษณะ โดยไมมีการอางอิงมาจากรูป ตนแบบเหมือนในกลุม Map โดยใชคําสั่ง Filter>Map> ฟลเตอรที่กําหนด

ภาพตนฉบับ

Page 184

Page 185

บทที่ 13 การนําภาพกราฟกไปใชงาน ในบทนี้ เราจะกลาวถึงเรื่องการจัดการภาพเพื่อนําไปใชงานใหเหมาะสมกับงานในรูปแบบตางๆ สรางงานเสร็จ แลวสิ่งสําคัญที่ตามมาก็คือ การพิมพงานออกทางเครื่องพิมพ ซึ่งเราจะกลาวถึงกระดาษที่เหมาะกับการพิมพ วิธีการพิมพ และการตรวจสอบงานกราฟกเพื่อสงผานโรงพิมพ และการสรางภาพเพื่อใชงานบนเว็บเพจ

เรานําภาพไปใชงานอะไรไดบาง ภาพที่สราง และตกแตงใหสวยงามเรียบรอยแลวเรามักนิยมนําไปใชงานไดหลากหลายรูปแบบ ดังนี้ การพิมพภาพผลงาน ภาพถายที่เรารีทัช หรือตัดตอไว สามารถพิมพออกมาเปนภาพสติกเกอร หรือ นําภาพพิมพที่ไดไปใชงานไดหลาย รูปแบบ นําภาพไปแสดงโชวบนเว็บ เว็บไซตบนอินเทอรเน็ต จัดเปนสื่ออยางหนึ่งที่เรามักจะนําภาพไปประกอบ หรืออาจจะสรางเปนเว็บที่ใชแสดง ภาพผลงาน

เตรียมพรอมกอนพิมพภาพ เครื่องพิมพกับงานกราฟก เครื่องพิมพในปจจุบันที่เราใชกันอยูทั่วไป จะแบงออกเปน 2 ประเภทใหญๆ คือ 1) เครื่องพิมพแบบเลเซอร เปนเครื่องพิมพที่ใชเทคโนโลยีสูง และคลายกับเครื่องถายเอกสาร โดยจะใชแสงสองเขาไปเปลี่ยนประจุไฟฟา บนดรัมไวแสง (Photo-sensitive drum) ใหเขมหรือจาง เมื่อกระดาษเคลื่อนที่ผานดรัม และแทงความรอน ภายในเครื่อง จะทําใหผงหมึกในโทนเนอร (Toner) ละลายเกิดเปนจุดสีบนบริเวณที่มีประจุ ทําใหเกิดตัวอักษรหรือ ภาพบนกระดาษอยางคมชัด และคุณภาพสูง เครื่องพิมพแบบเลเซอรมีทั้งแบบขาวดําเหมาะกับการพิมพเอกสารใน สํานักงาน เพราะคุณภาพดี ราคาหมึกประหยัด และแบบสีเหมาะกับการพิมพรายการสินคาที่ตองการคุณภาพมีสีที่ สวยงาม

Page 186

2) เครื่องพิมพแบบอิงคเจ็ต เปนเครื่องพิมพที่ใชหลักการพนหมึกสีผสมกัน จาก 4 สี คือ CMYK สีฟา (Cyan), สีมวงบานเย็น (Magenta), สีเหลือง (Yellow) และสีดํา (Black) ทําใหเกิดภาพชิ้นงานสีที่ไดคุณภาพตามตองการ และราคา เครื่องไมแพงเมื่อเทียบกับเครื่องพิมพเลเซอรแบบสี การพิมพงานสีดวยเครื่องพิมพแบบอิงคเจ็ต จะเหมาะกับการพิมพตัวอยางชิ้นงานจริงกอนที่จะสงพิมพเขาโรง พิมพ เพื่อจะตรวจสอบคุณภาพสีใหมั่นใจกอน และยังเหมาะกับงานกราฟกที่ไมเนนความละเอียดสูง เชน การพิมพ ภาพถาย พิมพสติ๊กเกอร และ นามบัตร เปนตน

เลือกกระดาษสําหรับพิมพงานกราฟกและภาพ ชนิดของกระดาษก็มีสวนสําคัญตอการรองรับหมึกที่พิมพลงไป และเครื่องพิมพแตละชนิดก็ใชหมึกที่ตางกัน จึง ตองเลือกใชกระดาษที่เหมาะสมดวย นอกจากนี้ยังมีงานกราฟกบางชนิดที่ตองใชกระดาษแบบพิเศษที่ใชเฉพาะตองาน เหลานั้น เชน การลอกลายภาพบนผา การพิมพสติ๊กเกอร และการพิมพแผนใสสําหรับงานพรีเซนเตชั่น เปนตน

Page 187

กระดาษสําหรับเอกสาร (A4 ปอนด 80 แกรม) เปนกระดาษปอนดเนื้อขาว 80 แกรม ขนาด A4 ที่เรานิยมใชพิมพเอกสารในสํานักงานนั่นเอง เหมาะกับการพิมพ แบบเลเซอร และใชพิมพงานกราฟกดวยเครื่องพิมพอิงกเจ็ตได แตภาพที่ออกมาจะไมสวยมากนัก กระดาษสําหรับภาพถาย (Photo Paper) เนื้อกระดาษขาวเรียบและละเอียด สามารถรองรับเม็ดสีในการพิมพไดดี จะทําใหไดภาพที่คมชัด สีสัน สดใส สวนใหญทุกยี่หอจะสามารถกันน้ําได เหมาะสําหรับงานพิมพภาพถาย, กราฟก และงานพิมพทั่วไปใชกับเครื่องพิมพอิงค เจ็ต กระดาษสําหรับภาพถายแบบมัน (Glossy Photo Paper) เนื้อกระดาษขาวมันเงา เนื้อจะหนากวากระดาษแบบ Photo Paper ทั่วไป สามารถรองรับเม็ดสีจากการพิมพ ไดเปนอยางดี งานพิมพที่ไดแหงเร็วทันทีและยังกันน้ําไดดีอีกดวย เหมาะสําหรับงานพิมพภาพถายเหมือนจริง กระดาษสําหรับภาพถายขนาดการด (Photo Card) เนื้อกระดาษหนา 220 แกรม รองรับเม็ดสีในการพิมพไดอยางดี บางรุนสามารถพิมพ 2 ดาน กันน้ําไดดี เหมาะ สําหรับงานพิมพภาพถาย สีไมซึมเลอะเทอะ งานพิมพสวยสด คมชัด กระดาษลอกลายภาพลงบนผา (Fabric Transfer Paper) กระดาษลอกลายบนผา สามารถนําภาพที่ชื่นชอบมาลอกลายบนปลอกหมอน, เสื้อยืด หรือแผนรองเมาส เปนตน กระดาษแบบสติกเกอร กระดาษทําสติกเกอร ที่ใหภาพชัดเจน แผนกระดาษมีคุณสมบัติพิเศษ ชวยใหสีแหงเร็วขึ้น และรองรับเม็ดสีไดดี กระดาษสําหรับพิมพลงซีดีดวยตัวเอง กระดาษผิวเรียบ ชวยใหสีมีความเดนชัดขึ้นและสวางใส ผลลัพธที่ไดจะเปนรูปซีดี ที่พรอมแปะลงบนแผนซีดีได ทันที กระดาษสําหรับพรีเซนงานเปนแบบฟลมใส (งานสไลด) ฟลมใสสําหรับงานพรีเซนต สําหรับใชกับเครื่องฉายแผนใส (Overhead) สามารถแสดงคุณภาพสีไดอยาง ยอดเยี่ยม ใชกับเครื่องพิมพแบบอิงคเจ็ตไดอยางไมมีปญหา

การกําหนดคุณสมบัติตางๆ ในการพิมพงาน เราจะเริ่มตนสั่งพิมพงานโดยการกําหนดคุณสมบัติตางๆ เชน การเลือกเครื่องพิมพและกระดาษ ดวยคําสั่ง File>Page Setup จะปรากฏหนาตาง Page Setup ขึ้น ดังรูป

Page 188

ตัวอยางขนาด กระดาษที่เราเลือก กําหนดลักษณะ กระดาษ กําหนดระยะเวนขอบของ กระดาษพิมพ

กําหนดแนวการพิมพ

คลิกเมาสเพื่อเขาไปตั้งคา เครื่องพิมพ

จากหนาจอ Page Setup ใหเราคลิกเมาสปุม เลือกเครื่องพิมพไดจากชอง Name ดังรูป กําหนดชนิดของ เครื่องพิมพ

เพื่อทําการเลือกเครื่องพิมพที่จะใชงาน โดยการ

กําหนดคุณสมบัติใน การพิมพ

การพิมพงานออกสูเครื่องพิมพ ขั้นตอนสุดทายเราสามารถพิมพงานได โดยการใชคําสั่ง File>Print ซึ่งจะปรากฏหนาตางการพิมพงานดังรูป เลือกรุนของ เครื่องพิมพ

กําหนดคาตางๆ ใน การพิมพ

กําหนดจํานวนที่พิมพ

คลิกเมาสเพื่อสั่งพิมพ

Page 189

สรางงานสําหรับเว็บเพจ อินเทอรเน็ต นับเปนระบบการสื่อสารที่สรางปรากฏการณใหมในยุคสหัสวรรษนี้ ขอมูลที่เราเคยมีใน หนากระดาษถูกนํามาสื่อสารใหคนทั่วโลกอานในเวลาพรอมๆ กันโดยระบบ อินเทอรเน็ตผานหนาเว็บเพจตางๆ ที่ไดรับ การสรางสรรคอยางสมบูรณ และหลากหลายความคิด ขอมูลภาพหรือกราฟก นับเปนสื่อหนึ่งที่มีความสําคัญในการสื่อสารผานเว็บ เพราะเราอาจเคยไดยินมากอนแลววา ภาพหนึ่งภาพสามารถแทนคําพูดไดนับพันคํา แตการสรางภาพเพื่อนําเสนอบนเว็บไมใชเรื่องงาย เพราะนอกจากตองใหได ความสวยงามแลว ยังตองคํานึงถึงความรวดเร็วในการแสดงผลดวย ซึ่งเราจะตองเขาใจองคประกอบตางๆ ของภาพเปน อยางดี ตลอดจนกระบวนการแสดงภาพบนเว็บ เพื่อใหเว็บของเราเปนที่ประทับใจของผูเขาชม

ความรูทั่วไปเกี่ยวกับการแสดงภาพบนเว็บ การออกแบบสื่อสิ่งพิมพและการออกแบบภาพบนเว็บ มีรายละเอียดที่แตกตางกันพอสมควร ฉะนั้น หากเราจะ ออกแบบภาพบนเว็บไซตไดดี เราจําเปนตองมีความรูพื้นฐานของอินเทอรเน็ตและเว็บดวย ซึ่งพอสรุปไดดังนี้ ความแตกตางระหวางระบบเครื่อง ระบบปฏิบัติการและเว็บบราวเซอร เนื่องจากอินเทอรเน็ตเปนระบบที่เชื่อมโยงกับเครื่องคอมพิวเตอรทั่วโลก ความแตกตางที่เกิดจากเครื่องแตละ เครื่องจึงเปนสิ่งที่เราควรรูคราวๆ เชน จอภาพที่ตางกัน ระบบการแสดงผลที่ตางกันจะใหสีที่ตางกัน จอภาพของเครื่องแมค จะใหสีที่มีความสวางกวาจอภาพของเครื่องพีซี ฉะนั้นเมื่อเราออกแบบภาพบนเครื่องพีซี เราตองกําหนดความสวางใหลดลง กวาปกติเล็กนอย เพราะหากแสดงผลบนเครื่องแมค ความสวางจะเขมขึ้นอีก นอกจากนี้บราวเซอรที่แตกตางกัน ทําใหการ แสดงผลของภาพบนเว็บแตกตางกัน เชน บราวเซอรบางประเภทไมสามารถแสดงตัวอักษรบางชนิดได เปนตน หนวยวัดมาตรฐานของภาพบนเว็บ ภาพที่แสดงบนเว็บใชหนวยวัดขนาดเปนพิกเซล ซึ่งเปนหนวยวัดมาตรฐานสําหรับการแสดงผลบนจอภาพ ตาง กับการสรางสื่อสิ่งพิมพซึ่งจะกําหนดหนวยวัดเปนนิ้ว ความละเอียดของภาพ ภาพบนเว็บไมจําเปนตองใชความละเอียดเทากับภาพบนสื่อสิ่งพิมพ ความละเอียดโดยทั่วไปที่ยอมรับได คือ จุดตอนิ้ว (dpi) ในขณะที่สิ่งพิมพใชความละเอียดภาพ 300 จุดตอนิ้ว (dpi)

ขนาดของไฟล ขนาดของไฟลภาพ จะมีผลอยางมากตอความเร็วของการแสดงภาพบนเว็บ ถาขนาดไฟลภาพมากก็จะใชเวลา โหลดนานขึ้น ดังนั้นเราควรคํานึงเสมอวา ไมมีผูเขาชมรายใดที่จะสามารถอดทนรอคอยนานๆ ได ซึ่งวิธีแกปญหา ควรใช หลักการดังนี้ 1) แบงภาพเปนไฟลเล็กๆ นํามาเรียงตอเปนภาพใหญ (ดีกวาการดาวนโหลดภาพใหญเพียงภาพเดียว) 2) พยายามใชภาพเดิมในหนาเว็บไซตอื่นๆ เพื่อจะไมเสียเวลาดาวนโหลดนาน 3) กําหนดโครงสรางของเว็บใหแสดงผลในสวนที่เปนตัวอักษรกอน เพื่อไมใหผู เขาชมเสียเวลา (เพราะจะ ไดขอความที่ดาวนโหลดไดเร็วกวาการแสดงผลภาพ)

Page 190

Dither

เปนกระบวนการสรางพาเล็ตสี (จานสี) ขึ้นใหมตามจํานวนสีที่กําหนดแลวแทรกลงไปบนภาพในลักษณะการ แทรกจุดสี ซึ่งเปนการไลระดับสีเพื่อหลอกตาใหเห็นวามีสีนั้นอยูในภาพอยางกลมกลืน ใชสําหรับการแปลงภาพจากภาพที่ มีสีมากกวา ไปยังภาพที่มีสีนอยกวาเชนจากภาพโดยทั่วไป 16.7 ลานสี ปรับใหเปน 256 สี โดยโปรแกรมจะคํานวนคาสี เพื่อสรางจานสีใหม (ซึ่งสีที่อยูในจานสีใหมอาจมาจากสีเดิมหรืออาศัยการคํานวณจากคาสีใกลเคียง)

ฟอรแม็ตของไฟลสําหรับเว็บกราฟก จากที่กลาวมาขางตนแลววา ภาพบนเว็บตองมีขนาดไฟลที่เล็ก ฉะนั้น ฟอรแม็ตที่ใชตองมีการบีบอัดขอมูลทําให ขนาดไฟลเล็กลง โดยรูปแบบของไฟลนั้นไดแก GIF, JPEG และ PNG เราตองทําความเขาใจลักษณะการบีบอัดขอมูล ของแตละฟอรแม็ต เพื่อใหเราสามารถเลือกใชงานไดอยางถูกตอง ดังนี้ 1) ใช .JPEG สําหรับภาพถาย 2) ใช .GIF สําหรับภาพลายเสน ภาพที่มีพื้นหลังโปรงใส และภาพเคลื่อนไหว 3) ใช .PNG สําหรับภาพถายที่ตองการใหมีลักษณะโปรงแสง แตไฟลที่ไดหลังการบีบอัดจะมีขนาดใหญ กวาไฟล JPEG และมีคุณภาพมากกวาไฟล JPEG

ฟอรแม็ต GIF o ถูกพัฒนาโดย CompuServe ในป 1980 เพื่อบีบอัดขอมูลภาพลายเสน o มีขอจํากัดการใชงานอยูที่ 256 สีเทานั้น (8 บิต) o ใชการบีบอัดแบบสรางพาเล็ตสีขึ้นใหม ทําใหไมสูญเสียคุณภาพของภาพ เพราะไมมีการตัดสีภาพออก แตเปน ลักษณะการแทนสีภาพในแตละพิกเซลดวยสีที่กําหนดขึ้นใหม ฉะนั้นคุณภาพไฟลจะไมเสีย o ความสามารถในการแสดงภาพโปรงแสงและภาพเคลื่อนไหว o Gif สามารถกําหนด Transparency ได 2 ระดับคือ โปรงใส และไมโปรงใส

Page 191

ฟอรแม็ต JPEG o ถูกพัฒนาขึ้นโดย Joint Photographic Experts Group สําหรับบีบอัดขอมูลของไฟลรูปภาพ มีจุดเดน คือ หลังการบีบอัด ยังสามารถใชสีไดถึง 16.7 ลานสี ในขณะที่ .GIF ใชไดเพียง 256 สีเทานั้น o ไมจําเปนตองกําหนดพาเลตสีเพื่อการใชงาน เพราะรองรับขอมูลสีไดมากถึง 16.7 ลานสีอยูแลว o ลักษณะการบีบอัด เปนการลบขอมูลสวนที่ซ้ําซอนกันมากที่สุดออกจากภาพ ยิ่งมีการบีบอัดขอมูลมากขึ้นเทาไหร คุณภาพก็จะสูญเสียมากขึ้นเทานั้น o ผลของการบีบอัดขอมูล จะไดไฟลภาพที่มีขนาดเล็กยิ่งกวาฟอรแม็ต GIF ซึ่งจะทําใหใชเวลาการดาวนโหลดนอย แตใชเวลาในการแสดงผลนานกวา เพราะตองขยายขอมูลการบีบอัดกอนการแสดงผล o ไมสนับสนุนการบีบอัดขอมูลที่มีภาพโปรงแสง เพราะหลังการบีบอัดพิกเซลที่ โปรงแสงจะถูกแทนที่ดวยสีของ Background

ภาพ Original (ภาพตนฉบับ)

ภาพที่ถูกบีบอัดเปน JPEG ที่มีคุณภาพต่ํา

ฟอรแม็ต PNG o บีบอัดขอมูลไดดีกวา GIF 20 -30 เปอรเซ็นต ไมเสียขอมูลเหมือนกับแบบ JPEG o สามารถเลือกการจัดเก็บขอมูลไดทั้งแบบ 8, 24 และ 32 บิต ตางกับ .GIF o ถูกพัฒนาโดย Thomas Boutell และ Tom Lane สําหรับการทํางานขามระบบ ทําใหสามารถแสดงผลได อยางถูกตองกับเครื่องทุกระบบ o แสดงผลไดเร็วกวาแบบ .GIF เพราะภาพใน .GIF จะเริ่มแสดงผลเมื่อดาวนโหลดขอมูลมาได 1 ใน 18 สวน ขณะที่ PNG จะแสดงผลเมื่อขอมูลถูกโหลดเขามา 1 ใน 64 สวน o สนับสนุนการทํางานกับภาพโปรงใสแบบหลายระดับ แตคุณสมบัตินี้ไมสามารถแสดงไดในบางเว็บบราวเซอร

แปลงภาพสําหรับเว็บ การนําภาพกราฟกไปประกอบบนเว็บเพจ เราจะตองปรับขนาดความละเอียด และสีของภาพ โดยจะสงผลใหภาพ มีขนาดเล็ก และเหมาะสมที่จะแสดงผลบนหนาเว็บไดอยางรวดเร็ว ซึ่งโดยสวนใหญเรามักจะพบบอยกับการแปลงไฟลภาพ ใน 2 ฟอรแม็ต คือ

แปลงภาพแบบ JPEG แปลงภาพแบบ GIF

Page 192

แปลงภาพแบบ JPEG ไฟลภาพ JPEG แสดงสีไดถึง 16.7 ลานสี จึงเหมาะกับภาพที่คมชัด เชน ภาพสินคา และภาพถาย เปนตน

1. เปดไฟลภาพที่ตองการแปลง และทําการยอขนาดภาพใหเรียบรอย 2. จัดเก็บภาพ โดยเลือกคําสั่ง File>Save as จะปรากฏหนาตาง Save Image ตั้งชื่อ และกําหนดที่เก็บภาพ 3. เลือกฟอรแม็ตภาพแบบ JPEG Image 4. คลิกปุม 5. ปรากฏหนาตาง Save as JPEG กําหนดคุณภาพของ และคาอ็อบชั่นเพิ่มเติม 6. คลิกเมาสที่ปุม

เพื่อจัดเก็บภาพเพื่อนําไปใช

Page 193

2. ตั้งชื่อ และ กําหนดที่เก็บภาพ 1. เปดไฟลภาพ และ ทําการยอขนาดภาพ ใหเรียบรอย คลิกเพื่อเลือกชนิดของไฟลที่ ตองการจัดเก็บ

3. เลือกฟอรแม็ตภาพแบบ JPEG Image

4. คลิกเมาส

5. กําหนดคุณภาพของรูปภาพ และคาอ็อบชั่นเพิ่มเติม

6. คลิกเมาส

แปลงภาพแบบ GIF ภาพ GIF จะรักษาคุณภาพสีอยูที่ 256 สี จึงเหมาะกับภาพวาด และที่นิยมที่สุดก็คือ ภาพที่มีความโปรงใส ซึ่ง สามารถนําไปวางซอนบนพื้นหลังแบบใดก็ได

Page 194

วางภาพโปรงแสงที่ทําดวย GIMP

หนาเว็บเพจ

ภาพโปรงแสงจะวาง ซอนอยูบนลวดลายของ พื้นหลัง

การแปลงภาพแบบ GIF นั้นใชมีวิธีการเดียวกับตัวอยางการแปลงแบบ JPEG เพียงแคเลือกฟอรแม็ตภาพใหเปน แบบ GIF และกําหนดคาตางๆ ตามตองการ กําหนดคุณสมบัติตางๆ

คลิกเมาสเพื่อเลือกวาจะ Export ภาพหรือไม

คลิกเมาสเพื่อจัดเก็บภาพ

Page 195

Workshop 1

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

การลบริ้วรอยบนใบหนา ในการลบริ้วรอยบนใบหนานี้จะเปนการตกแตงแกไขภาพเฉพาะจุด โดยจะใชเครื่องมือในกลุมรีทัชภาพ เชน Clone Tool,

Smudge Tool และ

ภาพตนฉบับ

Blur Tool เพื่อตกแตงภาพ

ผลลัพธหลังการปรับแตง

ขั้นตอนการลบริ้วรอยบนใบหนามีดังนี้ 1. เปดไฟลภาพ และใช Clone Tool โคลนในจุดที่ตองการ 2. ใช Smudge Tool และ Blur Tool ปรับภาพใหดูกลมกลืน

ขั้นตอนที่ 1 เปดไฟลภาพ และใช Clone Tool โคลนนิ่งภาพ ใช

Clone Tool คัดลอกภาพในสวนที่ดีมาแปะทับบริเวณริ้วรอยตางๆ บริเวณ ดวงตา และแกม

Page 196

1. เปดไฟลภาพที่ตองการแกไขโดยเลือกคําสั่ง File>Open... หรือกดคีย ตองการจากนั้นคลิกปุม เพื่อตกลงเปดภาพที่เลือก

<Ctrl+O>

คลิกเลือกไฟลภาพที่

1.1 เลือกคําสั่ง File>Open... หรือกดคีย <Ctrl+O> เพื่อเปดไฟลภาพ

1.2 เลือกไฟลภาพที่ตองการ

1.4 ไฟลภาพที่เลือกถูกเปดขึ้นมา

1.3 คลิกเมาส

2. คลิกเลือก

คลิกเลือกรูปแบบหัวแปรง Circle Fuzzy (15) กําหนด Source แบบ Image Source เพื่อเลือกโคลนนิ่งจากภาพตนแบบ และเลือก Alignment แบบ Aligned เพื่อใหจุดที่ เปนภาพตนแบบเปลี่ยนไป ซึ่งจะสัมพันธกับตําแหนงที่เราวาด Clone Tool

Page 197

2.2 เลือกรูปแบบหัวแปรง

2.3 กําหนด Source แบบ Image Source 2.1 คลิกเลือก Clone Tool

2.4 กําหนด Alignment แบบ Aligned

3. ลบริ้วรอย โดยเลือกสวนที่เปนภาพตนแบบ โดยกดคีย <Ctrl> คางไวใหเมาสเปลี่ยนเปนรูป สวนที่จะใชเปนตนแบบ จากนั้นไมตองกดคีย เมาสจะเปลี่ยนกลับมาเปนรูป ตําหนิ

3.1 กดคีย <Ctrl> และ คลิกเลือกตนแบบ

4. ลบสวนริ้วรอย ในสวนอื่นๆ เพิ่ม

3.2 คลิกระบายทับ สวนที่มีตําหนิ

และคลิกเลือก

และคลิกระบายทับสวนที่มี

ผลลัพธที่ได

Page 198

4.1 เลือกตนแบบ บริเวณดวงตา

4.3 เลือกตนแบบ บริเวณแกม

4.2 คลิกระบายทับ ใตตาที่มีตําหนิ

4.4 คลิกระบายทับ แกมที่มีตําหนิ

ผลลัพธที่ได

ขั้นตอนที่ 2 ใช Smudge Tool และ Blur Tool ปรับภาพใหดกู ลมกลืน ใช Smudge Tool ถูเกลี่ยสีสวนของภาพที่ดูไมกลมกลืนกันใหมีสีที่กลมกลืนกันมากขึ้น และใช Blur Tool ปรับภาพใหเบลอเพื่อเพิ่มความเนียนของภาพ Smudge Tool เลือกรูปแบบของหัวแปรงแบบ Circle Fuzzy (17) และกําหนดอัตราการ 1. คลิกเลือก เกลี่ยสีภาพที่ Rate เทากับ 30 จากนั้นคลิกเกลี่ยสีภาพสวนตางๆ ที่มีตําหนิใหดูกลมกลืนขึ้น

1.2 เลือกรูปแบบ ของหัวแปรง

1.1 คลิกเลือก Smudge Tool

1.3 กําหนด Rate เทากับ 30

1.4 คลิกเกลี่ยสีภาพ

Page 199

2. คลิกเลือก Blur Tool เลือกรูปแบบของหัวแปรงแบบ Circle Fuzzy (17) เลือกการปรับภาพแบบ Blur และกําหนดอัตราความเบลอที่ Rate เทากับ 50 จากนั้นคลิกปรับภาพใหเบลอเพื่อเพิ่มความเนียนของภาพใน สวนตางๆ ที่มีตําหนิ 2.5 คลิกปรับภาพให เบลอ

2.2 เลือกรูปแบบ ของหัวแปรง 2.3 เลือกการปรับ ภาพแบบ Blur

2.1 คลิกเลือก Blur Tool

2.4 กําหนด Rate เทากับ 50

การเปลี่ยนสี และปรับสีภาพจืดใหดสู ดใสขึ้น การถายภาพดวยกลองที่ไมมีคุณภาพ อาจจะทําใหถายออกมามีสีจืดชืด ไมตรงกับความเปนจริง ทําใหภาพที่ไดดู จืดชืด ไมมีสีสัน เราสามารถปรับสีของภาพใหดูสดใสขึ้นได โดยใชเครื่องมือ Hue-Saturation Tool ในการปรับสี ภาพ ดังตัวอยางจะเปลี่ยนสีเขียวบนรูปบอลลูนใหกลายเปนสีน้ําเงิน และปรับสีภาพใหดูสดใสขึ้น

ขั้นตอนการเปลี่ยนสี และปรับสีภาพจืดชืดใหดูสดใสขึ้น 1. เปดไฟลภาพ และเปลี่ยนสีภาพ 2. ปรับสีภาพใหดูสดใสขึ้น

Page 200

ขั้นตอนที่ 1 เปดไฟลภาพ และเปลี่ยนสีภาพ เราจะเปลี่ยนสีสวนของสีเขียวในลูกบอลลูนใหกลายเปนสีน้ําเงิน โดยใชเครื่องมือ Hue-Saturation Tool เลือกปรับเฉพาะสีที่ตองการ ตัวอยางจะเลือกสีเขียว และปรับเปลี่ยนเฉดสีที่สไลดบาร Hue หรือตั้งคาเทากับ 120 จากนั้น คลิก

เพื่อดูภาพผลลัพธ 1. เลือกคําสั่ง File>Open... เพื่อ เปดไฟลภาพ 2. คลิกเลือก Hue-Saturation

3. คลิกที่ภาพเพื่อ ปรับแตงสี 5. คลิกเลื่อนสไลดบารเพื่อปรับ สีหรือตั้งคาเทากับ 120

4. คลิกเลือกเฉดสีที่ ตองการปรับ

6. คลิกเพื่อดูภาพผลลัพธ

ผลลัพธที่ได

Page 201

ขั้นตอนที่ 2 ปรับสีภาพใหดูสดใสขึ้น ปรับสีภาพทั้งภาพใหดูสดใสขึ้น โดยคลิกเลือก และคลิกเลื่อนสไลดบาร เทากับ 100 เมื่อปรับสีภาพเรียบรอยแลวคลิกปุม เพื่อตกลงใชงานคาสีที่ตั้ง

Saturation

หรือตั้งคา

1. คลิกเมาสเพื่อเลือกใหปรับสี ภาพทั้งภาพ

2. คลิกเลื่อนสไลดบารเพื่อ ปรับสีหรือตั้งคาเทากับ 100

3. คลิกเมาส

ผลลัพธที่ได

การปรับภาพมืดใหดสู วางขึ้น ในสภาวะที่มีแสงนอย หรือมีความผิดพลาดในการวัดแสงขณะที่ถายภาพ อาจจะทําใหภาพที่ไดมืดเกินไป จนไม สามารถเห็นรายละเอียดของภาพไดอยางชัดเจน แตเราสามารถปรับสีของภาพใหดูสวางขึ้นได ดวยเครื่องมือ Curve

ขั้นตอนการปรับภาพมืดใหดูสวางขึ้น เราจะใช Curve Tool และคลิกเลือกตําแหนงสีในภาพที่ตองการปรับ จากนั้นคลิกบริเวณจุดที่ปรากฏบนกราฟ เพื่อปรับสีใหสวางขึ้น

Page 202

1. เลือกคําสั่ง File>Open... เพื่อ เปดไฟลภาพ 2. คลิกเลือก Curve

3. คลิกเลือกสีบริเวณพื้นที่ภาพที่ตองการ แกไข จะปรากฏจุดที่หนาตาง Curve

5. คลิกเลื่อนจุดเพือ่ ปรับสี

ผลลัพธที่ได 6. คลิกเมาส

Page 203

Workshop 2

เปลี่ยนรูปรางของเชอรี่ ความสามารถของโปรแกรม GIMP นอกจากจะสามารถตกแตงภาพใหดูสวยงามแลว ยังสามารถตกแตงดัดแปลงภาพให ผิดไปจากความเปนจริงได ดังตัวอยางนี้จะเปนการเปลี่ยนลักษณะของลูกเชอรี่กลมๆ ใหกลายเปนสี่เหลี่ยมไดงายๆ

หลักการเปลีย่ นรูปรางของเชอรี่เปนสี่เหลี่ยม จากรูปทรงสี่เหลี่ยมโดยปกติแลวจะตองมีมุม และดาน ซึ่งเราจะตองทําการสรางมุม และดานใหกับลูกเชอรี่ของ เรา จากนั้นจึงทําการตกแตงรูปรางรอบนอกใหสัมพันธกับมุมที่สรางใหดูเหมือนรูปทรงสี่เหลี่ยม จากนั้นจึงตกแตงบริเวณ พื้นผิวใหมีแสงเงา และสรางเงาตกทอดที่พื้นใหดูสมจริง

ลักษณะของกลองสี่เหลี่ยม

Page 204

ขั้นตอนในการเปลี่ยนรูปรางของลูกเชอรี่ 1. ปรับขนาดลูกเชอรี่เพื่อเตรียมกอนจะทําเปนสี่เหลี่ยม 2. วาดเงาของมุมเหลี่ยม และแตงลูกเชอรี่ใหเปนสี่เหลี่ยม 3. ตกแตงพื้นผิวใหสวยงาม 4. ใสกานใหผลเชอรี่ และวาดเงาตกแตง

ขั้นตอนที่ 1 ปรับขนาดลูกเชอรี่เพื่อเตรียมกอนจะทําเปนสี่เหลี่ยม เพราะวาเราตองการเปลี่ยนรูปรางของลูกเชอรี่ใหเปนรูปสี่เหลี่ยม เราจึงตองเพิ่มพื้นที่บริเวณดานขาง และมุมโคง ใหดูเหลี่ยมและมีพื้นที่มากขึ้น โดยเราจะเลือกพื้นที่บางสวนของภาพตนแบบมาแปะเพื่อเพิ่มพื้นที่ และใช Tool ลบขอบที่ไมตองการออก เพื่อชวยใหสวนที่นํามาแปะดูกลมกลืนกัน 1.

Eraser

สรางไฟลขึ้นมาใหมสําหรับทําลูกเชอรี่สี่เหลี่ยม โดยเลือกคําสั่ง File>New.. หรือกดคีย <Ctrl+N> จะ ปรากฏหนาตาง Create a New Image ใหเรากําหนดขนาดของภาพ (ตัวอยางกําหนด 400x400 พิก เซล) เลือกโหมดสีภาพแบบ RGB Color และกําหนดสีพื้นหลังที่ Fill with เปนแบบ White จากนั้น คลิก ปุม 1.1 เลือกคําสั่ง File>New… 1.2 กําหนดขนาด ของรูปภาพ

1.3 เลือกโหมดสี RGB Color 1.4 กําหนด Background เปน แบบ White

1.5 คลิกเมาส

Page 205

จะไดไฟลภาพใหม

เปดไฟลภาพลูกเชอรี่ที่จะใชเปนตนแบบขึ้นมา โดยเลือกคําสั่ง ไฟลภาพ cherry_org.jpg จากนั้นคลิกปุม 2.1 เลือกคําสั่ง File>Open...

File>Open...

หรือกดคีย

<Ctrl+O>

เลือก

2.2 เลือกไฟลภาพที่ตองการ

2.3 คลิกเมาส

เลือกพื้นที่ของลูกเชอรี่ เพื่อนําไปไวในไฟลใหม โดยคลิกเลือก รอบๆ ลูกเชอรี่ 3.1 คลิกเลือก Free Select Tool

3.2 คลิกเลือกพื้นทีท่ ี่ตองการ

Free Select Tool

วาดเพื่อเลือกพื้นที่

Page 206 4.

นําภาพไปวางในไฟลใหม โดยคลิกเมาสขวาบริเวณรูปเชอรี่ที่เลือก และเลือกคําสั่ง Edit>Copy หรือกดคีย <Ctrl+C> เพื่อกอปปภาพ จากนั้นมาที่ไฟลใหมคลิกเมาสขวาบริเวณภาพและเลือกคําสั่ง Edit>paste หรือ กดคีย <Ctrl+V> เพื่อวางภาพที่กอปปมา

4.1 เลือกคําสั่ง Edit>Copy เพื่อ กอปปรูปเชอรี่

4.2 เลือกคําสั่ง Edit>Paste เพื่อวางภาพในไฟลใหม 5.

เมื่อเรานําภาพไปวางในไฟลใหมเลเยอรที่ไดยังเปนเลเยอรที่ลอยๆอยู เราจึงตองสรางเลเยอรใหภาพ โดยคลิกที่ ในไดอะล็อก Layers ของหนาตาง Docking ภาพที่กอปปมาจะถูกวางในเลเยอรใหมที่สรางทันที 5.1 ภาพที่นํามาวางจะยังเปนแคเลเยอรลอยๆ อยู 5.3 ภาพที่นํามาวางจะถูกวาง ลงในเลเยอรใหม ผลลัพธภาพที่ Image Window

ปรับขนาดภาพโดยคลิกเลือก Scale Tool กําหนดคุณสมบัติเพิ่มเติมของเครื่องมือที่ Tool Options ใน สวนของ Constraints เลือก Keep aspect เพื่อใหปรับขนาดภาพโดยยังคงสัดสวนเดิมของภาพไว

Page 207

จากนั้นคลิกปรับขนาดภาพ ตัวอยางจะยอขนาดภาพลง (หรือกําหนดขนาดที่หนาตาง ขนาดเรียบรอยแลว คลิกปุม ที่หนาตาง Scale เพื่อตกลง 6.1 คลิกเลือก Scale Tool

Scale

ก็ได) เมื่อกําหนด

6.2 ที่ Tool Box ของ Scale เลือก Keep aspect เพื่อใหคงสัดสวนเดิมของภาพ

6.3 คลิกปรับขนาดภาพ

6.4 คลิกเมาส

หรือ กําหนดขนาดภาพใหม ผลลัพธที่ได

หมุนภาพโดยคลิกเลือก Rotate ได) เมื่อหมุนภาพเรียบรอยแลว คลิกปุม หรือ กําหนดคามุม

Tool

และคลิกหมุนภาพ (หรือกําหนดมุมองศาที่หนาตาง ที่หนาตาง Rotate เพื่อตกลง 7.2 คลิกหมุนภาพ

7.1 คลิกเลือก Scale Tool

7.3 คลิกเมาส

Rotate

ก็

Page 208 8.

เพิ่มพื้นที่บริเวณดานขางดวยการนําภาพมาแปะเพิ่ม โดยกลับไปทํางานที่ไฟลภาพตนแบบ cherry_org.jpg ใช Free Select Tool เลือกพื้นที่ดานขางของลูกเชอรี่ จากนั้นกอปปภาพที่เลือก โดยกดคีย <Ctrl+C> จากนั้นไปที่ไฟลภาพใหม กดคีย <Ctrl+V> เพื่อวางภาพ และคลิกที่ ในไดอะล็อก Layers ของหนาตาง Docking ภาพที่กอปปมาจะถูกวางในเลเยอรใหมที่สรางทันที 8.1 คลิกเลือก Free Select Tool

8.2 คลิกเลือกพื้นที่ และกด คีย <Ctrl+C> เพื่อกอปปภาพ

8.3 กดคีย <Ctrl+V> เพื่อวาง ภาพ

8.5 ภาพที่กอปปมา จะถูกวางในเลเยอร ใหม

8.4 คลิกเมาสเพื่อ สรางเลเยอรใหม

ปรับขนาดของภาพใหเหมาะสมดวย

Scale Tool

และหมุนภาพใหไดมุมที่เหมาะสมดวย

Tool จากนั้นใช Move Tool จัดวางตําแหนงภาพใหเหมาะสม

9.1 ปรับขนาดภาพ ดวย Scale Tool

9.2 หมุนภาพดวย Rotate Tool

9.3 จัดวางตําแหนง ภาพดวย Move Tool

10. เพิ่มพื้นที่บริเวณดานขวาดวยการนําภาพมาแปะเพิ่มอีกสวนตามขั้นตอนที่ 8-9

Rotate

Page 209

10.1 คลิกเลือกพื้นที่ และกดคีย <Ctrl+C> เพื่อกอปปภาพ

10.3 ปรับขนาด หมุน และจัด วางภาพใหเหมาะสม

10.2 กดคีย <Ctrl+V> เพื่อ วางภาพ และสรางเลเยอร ใหมเพื่อรองรับภาพ

11. ทําภาพที่นํามาแปะ

และลูกเชอรี่ใหดูกลมกลืนกัน โดยเลือกที่เลเยอรของชิ้นสวนแตละชิ้น คลิกเลือก Eraser Tool กําหนดรูปแบบของยางลบ (ตัวอยางกําหนดแบบ Circle Fuzzy ขนาด 19) และคา Opacity เทากับ 15 จากนั้นคลิกลบบริเวณขอบของแตละชิ้นสวน ใหภาพดูกลมกลืน 11.1 คลิกเลือก Eraser Tool

11.2 คลิกเลือกรูปแบบของยางลบ

11.3 กําหนดคา Opacity เทากับ 15

11.4 คลิกลบขอบใหดูกลมกลืน

ขั้นตอนที่ 2 วาดเงาของมุมเหลี่ยม และแตงลูกเชอรี่ใหเปนสี่เหลี่ยม ในขั้นตอนนี้จะเปนการสรางเงาบริเวณมุมตางๆ ของรูปสี่เหลี่ยม เพื่อใหลูกเชอรี่ดูเหมือนสี่เหลี่ยมมากขึ้น และ ตกแตงลบขอบของรูปใหกลายเปนรูปรางสี่เหลี่ยม 1.

ทําการรวมเลเยอรของลูกเชอรี่ และชิ้นสวนตางๆ ใหเปนเลเยอรเดียวกันกอนเพื่อใหงายตอการตกแตง โดยคลิกที่ หนาเลเยอร Background ใหหายไป เพื่อซอนเลเยอรเอาไวกอน จากนั้นคลิก เลือกคําสั่ง Layers Menu>Merge Visible Layers... เพื่อรวมเลเยอรทั้งหมดที่แสดงอยูใหเปนเลเยอรเดียวกัน

Page 210

1.2 คลิก เลือกคําสัง่ Layers Menu>Merge Visible Layers... 1.1 คลิกซอนเลเยอร Background ไว

1.3 คลิกเลือกลักษณะ การรวมเลเยอร

1.5 เลเยอรจะถูก รวมเปนเลเยอรเดียว

1.6 คลิกแสดงเลเยอร

1.4 คลิกเมาส 2.

สรางเลเยอรขึ้นมาใหมสําหรับวาดเงา โดยคลิกที่ Layer ใหเรากําหนดคาตางๆ จากนั้นคลิกปุม

ในไดอะล็อก เพื่อตกลง

Layers

จะปรากฏหนาตาง

New

Page 211

2.3 คลิกเมาส

2.2 กําหนดคาตางๆ

2.1 คลิกสรางเลเยอรใหม 3.

เลือกสีที่ใชวาดเงาของรูปสี่เหลี่ยม โดยคลิกเลือก Paintbrush Tool กําหนดรูปแบบของหัวแปรง ตัวอยางกําหนดแบบ Circle (07) กําหนดคา Opacity เทากับ 10 คลิกกําหนดสีโฟรกราวนดเปนสีชมพู หรือ ใสรหัสสี #ffa8a8 จากนั้นคลิกปุม เพื่อตกลง และคลิกวาดเงาเปนเงาบริเวณมุมตางๆ ของรูป สี่เหลี่ยมในเลเยอรใหมที่สรางขึ้น 3.1 คลิกเลือก Paintbrush Tool

3.3 กําหนดคา Opacity เทากับ 10

3.5 ใสรหัสสี

3.4 คลิกกําหนด สีโฟรกราวนด

3.6 คลิกเมาส

3.7 คลิกวาดเงาของมุมสี่เหลี่ยม

Page 212

คลิกเลือก Eraser Tool กําหนดรูปแบบยางลบเปนแบบ Circle Fuzzy (09) กําหนดคา เทากับ 100 จากนั้นคลิกเลือกเลเยอรภาพลูกเชอรรี่ และลบขอบภาพลูกเชอรรี่ใหเปนรูปทรงสี่เหลี่ยม 4.1 คลิกเลือก Eraser Tool

Opacity

4.3 กําหนดคา Opacity เทากับ 100

4.2 คลิกเลือกรูปแบบหัวแปรง

4.4 คลิกลบขอบภาพ

ขั้นตอนที่ 3 ตกแตงพื้นผิวใหสวยงาม จะเปนการตกแตงเพิ่มเติมบริเวณพื้นผิว เพราะวาบริเวณดานซายของลูกเชอรี่จะตองเปนเงามืด เราจึงตองปรับ ภาพบริเวณนี้ใหดูเขมขึ้น จากนั้นจึงเปนการตกแตงสวนตางๆ เพิ่มเติมทั้งพื้นผิว และบริเวณเงา 1.

ทําพื้นที่ดานซายของลูกเชอรี่ใหสีเขมขึ้น โดยคลิกเลือก สวนที่เปนเงาของลูกเชอรรี่ จากนั้นเลือก ระบายสีบริเวณดานซายของลูกเชอรี่ 1.1 คลิกเลือก Color Picker Tool

1.4 คลิกเลือก Paintbrush Tool

Color Picker Tool

Paintbrush Tool

กําหนดคา

1.2 คลิกเลือกสี ตนแบบ

1.6 กําหนดคา Opacity เทากับ 50

1.5 คลิกเลือกรูปแบบหัวแปรง

เพื่อเลือกสีตนแบบจาก

Opacity 50%

และคลิก

1.3 สีของโฟรกราวนดจะ เปลี่ยนไปเปนสีที่เราเลือก

1.7 คลิกระบายสี

Page 213

ตกแตงพื้นผิวดานอื่นๆ โดยใช Paintbrush Tool คลิกระบายสีพื้นผิว

Color Picker Tool

2.1 คลิกเลือกสี ตนแบบ

คลิกเลือกสีตนแบบ จากนั้นใช

2.2 คลิกระบายสี

ทําการเกลี่ยสีของเงา และพื้นผิว โดยคลิกเลือก Convolve Tool กําหนด Convolve Type แบบ Blur เพื่อปรับภาพใหฟุงเบลอ และกําหนดคา Rate เทากับ 50

3.2 กําหนด Convolve Type แบบ Blur 3.1 คลิกเลือก Convolve Tool

3.3 กําหนดคา Rate เทากับ 50

3.4 คลิกเกลี่ยสีภาพ

ขั้นตอนที่ 4 ใสกานใหผลเชอรี่ และวาดเงาตกแตง ขั้นตอนนี้เปนขั้นตอนสุดทายในการตกแตง ซึ่งเราจะนํากานของเชอรี่จากภาพตนฉบับมาใสในรูปลูกเชอรี่ สี่เหลี่ยมของเรา และตกแตงใหกลมกลืน จากนั้นจึงวาดเงาตกแตงเพื่อความสมจริง 1.

ใช Scissor Tool เลือกพื้นที่ของกานในภาพตนฉบับ และคลิกตรงกลางพื้นที่ที่เลือก จะไดการเลือกพื้นที่ ของกานเชอรรี่ ใหกดคีย <Ctrl+C> เพื่อกอปปภาพ จากนั้นมาที่ภาพเชอรี่สี่เหลี่ยมกดคีย <Ctrl+V> เพื่อวาง ภาพ และคลิกที่ ในไดอะล็อก Layers เพื่อสรางเลเยอรขึ้นมารองรับภาพที่วาง

Page 214

1.1 คลิกเลือก Scissor Tool

1.2 เลือกพื้นที่ของกานเชอรี่ และ คลิกตรงกลางพื้นที่ที่เลือก

1.3 จะไดการเลือกพื้นที่ของกาน เชอรรี่ ใหกดคีย <Ctrl+C>

1.4 กดคีย <Ctrl+V> เพื่อวางภาพกานที่ กอปปมาในภาพเชอรี่สี่เหลี่ยม

1.5 คลิกสรางเลเยอรใหม 1.5 คลิกสรางเลเยอรใหม

ปรับแตงรูปทรงของกานเชอรรี่ใหเหมาะสม โดยใช Tool หมุนกานเชอรี่ และใช

2.1 ใช

Scale Tool

ปรับขนาดของกาน ใช

Move Tool เลื่อนตําแหนงจัดวางภาพใหเหมาะสม

Scale Tool ปรับขนาดภาพ

2.2

Rotate Tool หมุนภาพ

2.3 ใช Move Tool จัด วางภาพใหเหมาะสม

Rotate

Page 215

ทําภาพกานที่นํามาแปะใหดูกลมกลืนกัน โดยคลิกเลือก Eraser Tool กําหนดรูปแบบยางลบเปนแบบ Circle Fuzzy (09) กําหนดคา Opacity เทากับ 15 จากนั้นคลิกลบขอบภาพ 3.1 คลิกเลือก Eraser Tool

3.2 คลิกเลือกรูปแบบหัวแปรง

เลือกสีจากเงาในภาพเชอรี่ตนแบบ โดยใช Background เพื่อใชวาดเงา

3.3 กําหนดคา Opacity เทากับ 15

3.4 คลิกลบขอบภาพ

Color Picker Tool

จากนั้นคลิกเลือกที่เลเยอร

4.1 คลิกเลือก Color Picker Tool

4.2 คลิกเลือกสีตนแบบ

4.3 คลิกเลือกที่ใชวาดเงา

วาดเงาใหกับลูกเชอรี่ โดยคลิกเลือก Airbrush Tool กําหนดรูปแบบหัวพนเปนแบบ Circle Fuzzy (09) กําหนดคา Opacity เทากับ 15.9 กําหนดคา Rate เทากับ 100 และ คา Pressure เทากับ 10 จากนั้นคลิกระบายสีเงาตรงสวนลาง และซายของลูกเชอรี่สี่เหลี่ยม 5.2 กําหนดคา Opacity เทากับ 15.9

Page 216

5.3 คลิกเลือกลักษณะ หัวพน

5.1 คลิกเลือก Airbrush Tool

5.4 กําหนดคา Rate เทากับ 100 และ คา Pressure เทากับ 10

5.5 คลิกวาดเงา

เกลี่ยสีของเงาใหดูเรียบ โดยคลิกเลือก ปรับภาพใหฟุงเบลอ

6.1 คลิกเลือก Convolve Tool

6.3 คลิกเกลี่ยสีภาพ

Convolve Tool กําหนด Convolve Type แบบ Blur เพื่อ

6.2 กําหนด Convolve Type แบบ Blur

ผลลัพธของภาพที่ได