โปรแกรม Adobe Photoshop CS4โปรแกรม Adobe Photoshop CS4 ......
Transcript of โปรแกรม Adobe Photoshop CS4โปรแกรม Adobe Photoshop CS4 ......
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 1
โปรแกรม Adobe Photoshop CS4
หนาจอของโปรแกรม Photoshop CS4 ประกอบไปดวยองคประกอบตาง ๆ ดงตอไปน 1. เมน ( Manu Bar ) 2. แอบพลเคชนบาร (Application bar) 3. แถบก าหนดรปแบบของเครองมอทใชงาน ( Option Bar ) 4. Panel ทรวบรวมคณสมบตของการท างานตางๆ เชน Navigator , Color , Layer , History เปนตน 5. กลองเครองมอ ( Tool Box )
เมน ( Manu Bar ) Menu Bar หรอแถบค าสงทเกบชดค าสงส าหรบจดการไฟลงานทเปดใชงาน ใน Photoshop Cs4 โดยแบงการท างาน
ออกเปนหมวดหมดงน
ชดค าสงรปแบบการท างาน
1. File ใชจดการไฟลลกษณะตางๆเชน การสรางไฟลใหม,การเปดไฟลภาพ,การบนทก,การน าเขาไฟลและการสงออกไฟล
เพอการท างานในลกษณะตางๆ
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 2
2. Edit เปนชดค าสงในหมวดหมการแกไข เชน การตด ,คดลอก,การวาง รวมถงการปรบแตงคาเบองตนของโปรแกรม
3. Image เปนชดค าสงในหมวดหมการปรบแตงภาพ เชนการปรบส ,แสง, ความคมชด ,การลดขนาดภาพและเพมขนาด
พนทใชงาน เปนตน
4. Layer เปนชดค าสงทใชจดการกบเลเยอร ทงการสรางเลเยอรใหม แปลงเลเยอรและจดการเลเยอรดานตางๆ
5. Select เปนชดค าสงทใสส าหรบเลอกพนทการใชงานของรปภาพ หรอใชรวมกบค าสงทอยในทลพาเนล
6. Filter เปนนชดค าสงทรวมเอฟเฟคตางทใชในการปรบแตงรปภาพใหพเศษกวาภาพตนฉบบ
7. Analysis เปนเครองมอวดคาและวเคราะหการท างาน มใชในPhotoshop CS4
8. 3D รวมค าสงทใชกบภาพสามมต เปนเมนใหมทเพมเขามาในPhotoshop CS4
9. View ใชเลอกรปแบบการแสดงผล เชน การซมภาพ,การเรยกใชไมบรรทด,การแสดงเสนกรดและเสนไกด
10. Window ใชเลอกแสดงพาเนลทใชในการท างาน รวมถงการก าหนดรปแบบการแสดงวนโดวในแบบตางๆ
11. Help ใชแสดงความชวยเหลอของรายละเอยดการใชงานโปรแกรมในรปแบบตางๆ
แอบพลเคชนบาร (Application bar)
เปนสวนทใชควบคมตวโปรแกรมและหนาตางโปรแกรมเชน เปด ปด หรอ ยอขยายขนาดของ Photoshop นอกจากนน
ผใชงานยงสามารถก าหนดรปแบบการแสดงภาพในโปรแกรมไดอกดวย
แถบก าหนดรปแบบของเครองมอทใชงาน ( Option Bar )
เปนสวนทแสดง Options ส าหรบปรบแตงเครองมอทเลอกใชงานอย เชน ใชก าหนดรายละเอยดเพมเตมของการ
เลอกใชงานเครองมอ Move Tool
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 3
พาเนล (Panel)
พาเนล คอ กรอบหนาตางยอยๆทมค าสงและเครองมอในการจดการ ตรวจสอบและปรบแตงภาพ เครองมอเหลานจะถกจดแบงไวเปนหมวดหม เชน Panel Color ใชก าหนดส Panel Layer ใชส าหรบจดการเลเยอร เปนตน การเปดใชงาน Panel ใหคลกทค าสง Windows > ชอพาเนล
ยบ/ขยายแผงพาเนลใหเปนไอคอน ปรบความกวางของพาเนล
การยบ/ขยายพาเนล เพอเพมพนทการท างานเราสามารถยบพาเนลทยดกบแผง
พาเนลและคอลมนใหแสดงในรปไอคอนได ซงเมอตองการใชงาน
พาเนลใดกใหเปดขนมาเฉพาะพาเนลนน
1. ยบ/ขยายแผงพาเนลใหเปนไอคอน ท าไดโดยใหคลกทแถบสเทาเขมดานบนแผงพาเนล จากนนทกพาเนลจะถกยบเปนไอคอน
2. ปรบความกวางของพาเนล
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 4
กลองเครองมอ ( Tool Box )
ประอบดวยเครองมอตางๆทจ าเปนตอการใชงานและมจ านวนมาก จงมการรวบรวมเครองมอไวใหอยในกลมเดยวกน ซง
จะมรปสามเหลยมอยทมมขวาลางบนรปเครองมอเพอบอกใหรวาในเครองมอนนมเครองมออนซอนอยอก เราจะใชงานเครองมอ
นนได โดยการคลกเมาทคางทปมเครองมอเครองมอทซอนไวจะแสดงออกมา โดยจะประกอบไปดวยเครองมอยอย ดงตอไปน
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 5
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 6
เทคนคการใช Mask
Mask หรอ Layer Mask คอ เครองมอทใชก าหนดพนททตองการซอน หรอแสดงในเลเยอรทใสลงไป โดยใชความเขม
ของสจากสขาวถงสด าเปนตวก าหนดการแสดงผล
สขาว จะก าหนดวาสวนนไมถกซอน ท าใหเหนภาพในเลเยอรนเหมอนปกต
สด า จะก าหนดวาสวนนถกซอน ท าใหมองทะลไปเหนเลเยอรดานลาง
สเทา จะก าหนดสวนทถกซอน และแสดงในสดสวนทลดลงไปตามความเขมของส ยงเปนสเทาเขมจะถกซอนลงไปมาก
ท าใหมองเหนเลเยอรดานลางชดมาก สวนถาเปนสเทาออนกจะถกซอนนอยลงและเหนทะลลงไปไดนอยลงตามไปดวย
ในการท างานกราฟก Mask จะถกน าไปใชบอยๆ เมอตองมการตดตอซอนภาพ ขอดของการใช Mask แทนการตดภาพ
ดวย Selection กคอ ภาพตนฉบบทน ามาซอนจะไมไดถกตดทงไป สามารถกลบมาตกแตง Mask เพอใหซอนหรอแสดงสวนอนๆท
ตองการเพมเตมไดตลอดเวลา ตวอยางท1 Layer Mask Part I: http://www.youtube.com/watch?v=XC1mE25LRRU
ตวอยางท 2 Layer Mask Part II: http://www.youtube.com/watch?v=IQapZsdfMaE
เทคนคการไดคต
ส าหรบการไดคตภาพออกจากฉากหลง ตองค านงถง ขอบของเสนทถกไดคต เชน ภาพของเสนผม ตองมความหนาบางไม
เทากน ไมเปนขอบคม หรอ รอยหยกทเหนชดเจน
หลกในการท างานส าหรบภาพทมเสนผม
การไดคตภาพทมเสนผมออกจากฉากหลงสามารถอาศยหลกการ “การสราง Selection จากความแตกตางของสในสวน
ของขอบเสนผมและฉากหลง” ซงวธดงกลาวจะใหผลลพธทดเปนธรรมชาตมากกวา Selection แบบอนๆ
1. สรางความแตกตางใหกบขอบของเสนผมและฉากหลงมากทสด โดยใชเทคนคตางๆ ตามความเหมาะสม เชน
เปลยนใหเปนภาพขาวด า เพอใหเหนความแตกตางของสทชดเจน หรอมองหา Channel สของภาพทมสของขอบเสนผมทแตกตาง
จากสของฉากหลงมากทสด
2. สราง Selection ส าหรบก าหนดขอบเขตทแนนอนใหสวนทตองการน าไปใชงาน โดยเตมสด าใหสวนทตองการ
น าไปใชเปนสด า และสวนทไมตองการน าไปใชกลายเปนสขาว
3. หลงจากสราง Selection เรยบรอยแลว จะใชวธสราง Mask เพอซอนสวนทไมตองการใชงานเอาไว แลวน าไปซอน
กบฉากหลงทตองการไดทนท
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 7
ตวอยางการสรางไดคตภาพเสนผมออกจากฉากหลงเรยบๆ
ส าหรบการไดคตภาพเสนผมออกจากฉากหลงทมสเรยบนนไมมความจ าเปนตองมองหา Channel ทมสของขอบ
เสนผมกบสของฉากหลงใหยงยาก เพราะฉากพนหลงทมสเรยบยอมสรางความแตกตางใหกบขอบของเสนผมใหชดเจนอยแลว
เพยงเพมความแตกตางใหชดเจนมากยงขน ตามขนตอนตอไปน
1. เปดไฟล “Model 01” ขนมา
2. ในพาเนล LAYERS กดปม <Ctrl+J> เพอกอปปเลเยอรภาพขนมา
3. เปลยนภาพในเลเยอรทกอปปขนมามาใหมเปนสขาว-ด า ดวยการคลก Image > Adjustment > Desaturation
ภาพจะเปลยนเปนสขาวด า
4. กดปม < Ctrl + L> บนคยบอรด เรยกค าสง Level ขนมา
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 8
5. ปรบคา Level ใหไดผลลพธเปนคาสทตดกนชดเจน ระหวางเสนผมกบฉากหลง โดยคอยๆเลอนลกศรดานลางทละ
จด เมอไดผลลพธทตองการแลว กด OK
6. จะไดภาพทมเสนผมเปนสด าตดกบพนหลงชดมากขน
7. คลกเลอก Brush Tool
8. ก าหนดรายละเอยดให Brush แบบขอบคม มขนาดใหญพอทจะระบายสสวนของภาพทยงไมเปนสด า และมคา
Opacity:100%
9. แดรกเมาสระบายสด าไปตามสวนอนๆในภาพทยงไมถกเปลยนเปนสด า ซงสวนนจะใชสราง Selection ส าหรบ
ไดคตภาพไปใชงาน
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 9
10. ในกรณทตองการระบายสในสวนโคงใหเนยนขน สามารถใหเครองมอ Pen Tool ชวยในการก าหนดขอบเขตโดย
การใช Path สราง Selection
11. เมอก าหนดขอบเขตของภาพไดแลว ใหใชค าสงในการเปลยน Path หรอเสนทางทก าหนดใหเปนขอบเขตทเลอกโดย
เลอกแทบ PATHS และคลกปม Load path as selection ส าหรบเปลยน Path ทสรางไปใชเปน Selection
(สามารถใชค าสงลดโดยกดปม Ctrl + Enter)
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 10
12. ท าการเทสด าลงในพนททไดเลอกไว โดยใชค าสงลด Alt + Delete = เทสโฟรกราวน (สพนหนา)
13. ใชค าสง Ctrl + D = deselect เพอเปนการยกเลกการเลอกชนงาน
14. เมอระบายเสรจเรยบรอยเราจะไดผลลพธเปนภาพ Outline ทมสทบดงภาพ
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 11
15. เลอกท างานในเลเยอรทวาดภาพทบๆไวแลวคลกเมน Select > Color Range
16. ในหนาตาง Color Range ก าหนดคา Fuzziness ใหสงทสด แลวคลกปม OK
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 12
17. กดปม <Shift + F6> เรยกค าสงปรบคา Feather Selection แลวก าหนดคาเปน 0.2 pixel เพอใหขอบของ
Selection ฟงขนเลกนอย เพอใหกลมกลนกบฉากหลงมากขน
18. คลกซอนเลเยอรของภาพทบๆลงไป
19. ดบเบลคลกเปลยนเลเยอร Background ใหเปนภาพปกต
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 13
20. คลกปม Add layer mask
21. โปรแกรมจะน า Selection ทเตรยมไวมาสรางเปน Mask บงสวนทไมตองการออกไป
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 14
22. เปดภาพทตองการน าไปซอนขนมาใน Photoshop
23. เปลยนกลบมาท างานทภาพเดม แลวใชเครองมอ Move Tool แดรกเมาสน าเลเยอรทเตรยมไวไปปลอยบนภาพท
ตองการซอน
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 15
24. สามารถแกไข Mask โดยการคลกเลอกท างานใน Thumbnail ของ Mask
25. คลกเลอก Brush Tool ก าหนดรายละเอยดเปนแบบขอบฟง เลอกขนาดทใหญกวาเสนผมเลกนอย และก าหนดคา
Opacity เปน 50%
26. เลอกส Foreground Color เปนสด าวาดลงไปใชสวนทเกนออกมาและไมตองการใชงาน
ตวอยางการไดคตภาพทมเสนผมออกจากพนหลงทมรายละเอยดซบซอน
ในกรณทตองการแยกภาพเสนผมออกจากพนหลงทมรายละเอยดซบซอนนน การใชค าสง Level ในการแยกความ
แตกตางไมสามารถใชงานไดอยางมประสทธภาพเนองจาก ในภาพจะมสทแตกตางกน ซอนกนอยเตมไปหมด ดงนน จงควรเปลยน
มาใชการท างานใน Channel ทมความแตกตางกนระหวางสของขอบเสนผมและฉากหลงมากทสด ดงมรายละเอยดตอไปน
1. เปดไฟลภาพทตองการท าการไดคตทชอ “Model02” ขนมา
2. โดยปกตไฟลภาพทเปดขนมาใชงานในตอนแรกจะอยในโหมด RGB ซงเปนโหมดของภาพทวไป
3. ใหท าการคลกเลอกการท างานท Tab Channel โดยจะแสดงภาพในแตละ Channel ทมเฉดสทแตกตางกนไป
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 16
จะสงเกตไดวาในแตละ Channel ยงใหสทแตกตางของขอบเสนผมและพนหลงทไมมากนก ซงสงผลใหการแยกสวนตางๆ ออกจากกนดวยสท าไดล าบาก
4. ดงนนจงควรเปลยนโหมดสเปน โหมด Lab Color ทจะม Channel สทเหนความแตกตางของสชดเจนกวา ดวยการ
Click ทเมน Image > Mode > Lab Color
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 17
ค าอธบายเพมเตม Adobe Photoshop จะมโหมดสอยดวยกน ทงหมด 8 โหมดคอ Bitmap , Grayscale , Duotone ,
Indexed Color , RGB , CMYK , Lab Color และ Multichannel
Mode ส ค าอธบาย
Bitmap
โหมดสทมการเกบขอมลสเพยง 1 Bit ตอ Pixel ซงจะท า
ใหรปในโหมดนมเพยง สขาวหรอด าเทานน และไมสามารถ
ไลเฉดสไดท าใหภาพหยาบมากและไมสามารถตกแตงใดๆ
ได ขอดของโหมดภาพแบบนคอ ภาพทไดจากโหมดนจะม
ขนาดทเลกมาก สามารถใชสรางภาพลายเสน หรอโลโกท
ไมตองการสสนได
Grayscale
โหมดส าหรบภาพขาวด า สามารถไลเฉดสไดท าใหภาพมความคมชดกวา Bitmap มาก สามารถใชกบ เครองมอใน Photoshop ไดแทบทกตว
Duotone
โหมดสทสามารถปรบความคมชดและเฉดสของภาพแบบ
Grayscale ใหมความหลากหลายมากขน และสามารถใชส
อน ๆ เขามาเสรมในสด า ท าใหภาพมความนาสนใจขน
Indexed Color
โหมดสทจ ากดไวเพยง 256 ส โดย Photoshop จะปรบสใหใกลเคยงกบสทก าหนดไวทง 256 สทถกก าหนดไวแลว ซงจะท าใหขนาดของภาพไมใหญมาก และยงคงคณสมบตของภาพไวอยางครบถวน
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 18
Mode ส ค าอธบาย
RGB Color
โหมดสทถอดคณสมบตของภาพแบบ RGB มาสรางเหนโหมดภาพ โดยมส แดง เขยว และน าเงน โดยแตละสจะไลได 256 ระดบ โดยใชหลกการการรวมแสงส ซงสามารถสรางสไดสงสด 16.7 ลานส หลกการแสดงสของ จอคอมพวเตอรนนจะแสดงเปน RGB อยแลว ฉนน ไมวาจะเลอกโหมดการท างานใดกตาม การแสดงผลบนจอภาพกจะใชเปน RGB อยเชนเดม
CMYK
โหมดมาตราฐานส าหรบเครองพมพ โดยแบงสเปน 4 สหลกไดแก ฟา ชมพมวง เหลอง และด า โดยใน แตละสจะมคา 8 Bit ซงท าใหในแตละ Pixel จะเกบคาถง 32 Bit ในโหมดน Photoshop จดเตรยมส าหรบภาพทใชในการพมพ โดยแกไขจดบกพลองของโหมดส RBG ทเครองพมพไมสามารถพมพสบางสออกไปได
Lab Color
เปนโหมดสทมความเหมอนจรงทสด ส าหรบงานพมพทเปน Photo CD หรอภาพทตองการใชงานในการออกแบบ ระหวาง ระบบคอมพวเตอรทแตกตางกน เชน Windows ไปยง Mac
Multichannel
การเกบสจ านวน 8 Bit ตอ Pixel ท าใหมความจ ากดของจ านวนส ซงใจใชกบการพมพแบบพเศษทไมตองการความละเอยด และสทฉดฉาดมากนก
แหลงทมา www.phpparty.com
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 19
5. ในพาเนล CHANNELS เลอก Channel ทมสตดกนระหวางเสนผมกบฉากหลงมากทสด โดยคลกเลอกการท างานท
Channel ดงกลาว (ในทน คลกเลอกท Channel Lightness)
6. คลกเมน Image > Calculations
7. ทชอง Blending ใหคลกเลอก Multiply แลวคลกปม OK
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 20
8. เราจะได Channel ใหมทมสของเสนผมแตกตางจากฉากหลงมากทสดเพมขนมาใหงาน
ค าอธบายเพมเตม
Blend mode คอ หมวดทใชผสานเลเยอรใหรวมกน ซงในหมวดตางๆกจะมคาพารามเตอรทโปรแกรมไดเซทไวหลายรปแบบ แตกถกแยกไวเปนหมวดหม จะมเสนขดขนเอาไวเพอแบง Blend mode ออกเปนหมวดๆ คอ
(1) หมวด normal หมวดนจะไมมการผสานเลเยอร (2) หมวด darken หมวดนจะผสานเลเยอร โดยเทยบคาแสงของเลเยอรทเราเลอกกบเลเยอรดานลางถดลงมา โดย
จะเทยบกนวาเลเยอรนนกบเลเยอรทถดลงมาดานลาง สวนไหนทมดกวา กจะเอาสวนนนมาแสดงผล การผสานแบบนจะท าใหภาพมดลง
(3) หมวด lighten หมวดนจะผสานเลเยอรโดยเทยบระหวางเลเยอรนนกบเลเยอรดานลางถดลงมา วาสวนไหนจะสวางกวา กจะเอาสวนนนมาแสดงผล การผสานแบบนจะท าใหภาพสวางขน
(4) หมวด overlay หมวดนจะผสานเลเยอรโดยเทยบกนระหวางเลเยอรนนกบเลยอรดานลางถดลงมา โดยจะยกเลกในสวนของสเทา และจะผสานเฉพาะ สด าและสขาว คอจะน าสวนทเปน Shadows กบ Hilights ของทงสองเลเยอรมาแสดงผล
(5) หมวด difference หมวดนจะน าคาความตางของสของทงสองเลเยอรมาประมวลผลในลกษณะ invert ( invert หมายถง การกลบสภาพ จะมลกษณะคลายๆภาพ negative)
(6) หมวด hue หมวดนจะผสานสของทงสองเลเยอรเขาหากนในแบบตางๆ
เมอภาพเปลยนมาใช blend mode แบบ multiply หรอ screen ความสมพนธระหวาง คา opacity ของ blend mode แบบ multiply หรอ screen กบเลเยอรเดมคอ การใช blend mode แบบ multiply ซงท าใหภาพมดลง ส าหรบ screen กหลกการเดยวกน แตจะเปนไปในทางสวางขน
แหลงทมา : http://naisony.multiply.com/journal/item/34
เพมการตดกนระหวางสผมกบสพนหลง เพอใหสราง Selection หรอ Mask ส าหรบไดคตภาพงายยงขน ดวยการใชเครองมอใน Photoshop รทชภาพสวนตางๆ ดงขนตอนตอไปน
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 21
9. คลกเครองมอ Dodge Tool
อธบายเพมเตม
o Dodge Tool เปนเครองมอทชวยในการปรบแสงในจดทเราตองการเหมอนกบการปรบรรบแสงของกลองถายรป โดยจะท าใหแสงตรงทเราตองการนนออนลง ซงผลทได คอ ไดภาพทสวางขน
o Burn Tool เปนเครองมอทจะท าในสงตรงกนขามกบ Dodge Tool คอ จะท าใหแสงตรงทเราตองการนนเขมขน ซงผลทได คอ ภาพจะมดลง
o Sponge Tool เปนเครองมอเอาไวส าหรบความอมตวของส ซงจะท าใหสนนมความสดมากขน
10. ก าหนดรายละเอยดใหเครองมอเปนแบบขอบฟงขนาดประมาณ 250 px และก าหนดความเขมในชอง Exposure เปน
100%
11. แดรกเมาสสวนทเปนพนหลงในภาพ เพอเพมแสงสวางท าใหสในสวนนสวางขนจนกลายเปนสขาวเพอสะดวกในการ
ท างาน
12. เปลยนมาใชเครองมอ Burn Tool
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 22
13. แดรกเมาสสวนทเปนเสนผม เพอเพมความเขมของสใหตดกบฉากหลงมากทสด
14. เราจะไดผลลพธเปนภาพทมสตดกนมากทสดเหมอนการท างานไดคตเสนผมออกจากพนหลงเรยบๆ
15. กดปม <Ctrl+L> ใชค าสง Level ปรบความเขมของแสงเงาในภาพใหตดกนชดเจนยงขน
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 23
16. ใช Brush Tool ระบายสด าลงไปจนไดพนทของภาพส าหรบใชเปนสวนทจะไดคต
17. ตรวจเชคผลงานการตดภาพหลงจากทไดปรบแตงแสงเงาดวยการคลกเปด Channel Lab
18. จะเหน Mask สแดงแสดงอยรอบสวนทจะไดคตไปใชงาน
19. ถายงมสวนทขาดหรอเกน สามารถตกแตงไดดวยการคลกเลอกท างาน Channel Alpha 1 แลวใช Brush สด าวาดสวนท
ตองการเพม และใช Brush สขาววาดสวนทตองการลบไป
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 24
20. <Ctrl+คลก> บน Thumbnail ของรปภาพใน Channel Alpha 1 เพอโหลด Selection จาก Mask ทสรางไวมา
21. กดปม <Ctrl+Shift+I> บนคยบอรดเพอกลบดาน Selection ใหมาอยรอบตวนางแบบ (ในกรณท Selection อยรอบตว
นางแบบอยแลว สามารถขามขนตอนนไปไดเลย)
22. หลงจากโหลด Selection เรยบรอยแลว ใหคลกซอน Channel Alpha 1 ลงไป
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 25
23. คลกเลอกท างานใน Channel Lab เพอกลบมาท างานกบภาพตามปกต
24. เปลยนมาท างานในพาเนล LAYERS แลวกดปม <Ctrl+J> เพอกอปปสวนทเลอกมาไวในเลเยอรใหม
25. คลกซอนเลเยอร Background ลงไป จะไดภาพไดคตทพรอมจะใชงาน
เทคนคการรทชภาพ
เทคนคการรทชภาพ ในแตละขนตอนการท างานควรจะแบงการท างานเปนเลเยอรตางๆ โดยก าหนดชอของเลเยอรเอาไว
ตามขนตอนทท าอยางชดเจน เพอแยกเปนล าดบขนตอนอยางเปนระบบและงายตอการปรบแตงบางจดในภายหลง ส าหรบสไตลใน
การรทชภาพนางแบบ-นายแบบ จะมหลายลกษณะ หลายสไตล เชน Europian Style จะมการรทชภาพเกบรายละเอยดไมมากนก
ซงจะทงพนผว รวรอย หรอรขมขนเอาไว สวนแสงทใชจะม Contrast ตดกนมาก และตกแตงออกมาเปนสสนแนวนมๆ คลมโทน
สวน Asian Style จะเปนโทนสใสๆ รวรอยนอยๆ
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 26
ส าหรบเครองมอหลกทใชในการรทช ไดแก Healing Brush Tool ซงเปนเครองมอทใชคดลอกภาพพนผว โดยเมอน าไป
วางในพนทใดๆสของภาพทวางกบสพนจะถกเกลยสเขาหากนอยางกลมกลน มกใชในการลบรวรอย สว และ ฝา สวนเครองมออก
ชนหนงไดแก Clone Stamp Tool เปนเครองมอทใชในการคดลอกภาพพนผว เมอไปวางพนทใดๆ สของภาพทวางกบสของพนจะ
แทนทพนทเกาอยางชดเจน เครองมอนมกใชในการสรางพนทผวของนางแบบใหเรยบเนยน
ตวอยางการรทชภาพนางแบบ
เทคนคการลบรวรอยและจดดางด า
ส าหรบเทคนคในการลบรวรอย จดดางด าบนใบหนา นยมใชเครองมอ Healing Brush Tool ซงเปนเครองมอทใช
คดลอกภาพพนผวและน าไปวางกบพนผวใกลเคยงเพอเกลยสใหเขาหากนอยางกลมกลน โดยมขนตอนในการท าตอไปน
1. เปดโปรแกรม Photoshop และเปดไฟล “Model” ขนมาเพอท าการตกแตงภาพนางแบบ
2. เลอกท างานในพาเนล LAYERS แลวคลกปม Create a new layer เพอสรางเลเยอรใหม
3. ท าการดบเบลคลกบนชอเลเยอรทสรางขนใหม แลวก าหนดชอเปน Clears
4. คลกเลอกเครองมอ Healing Brush Tool
2
3
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 27
5. ก าหนดรายละเอยดของเครองมอใหเปน Brush แบบขอบฟงและก าหนดขนาดใหใหญกวารวรอยทจะลบเลกนอย
6. ในชอง Sample คลกเลอก All Layer เพอก าหนดใหเครองมอสามารถคดลอกพนผวมาไดจากทกเลเยอร
7. กด <Alt+คลก> เลอกพนผวเรยบๆใกลบรเวณรวรอยทตองการลบมากทสดเพอคดลอกผวบรเวณน
8. คลกวางพนผวทคดลอกไวลงไปบนรวรอยทตองการลบ
9. ผวสวนทตดลอกไวจะถกวางลงไป โดยเครองมอจะเกลยนสบรเวณขอบใหเขากบผวรอบๆ เพอความเรยบเนยนสวยงาม
10. ลบจดอนๆ บนใบหนาดวยวธเดยวกน
11. เมอลบครบทกจดแลวจะกจะไดภาพทไมมรวรอย
7
8
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 28
หลงจากลบรวรอยบนใบหนาเรยบรอยแลว ในขนตอนตอไปจะเปนการลบรวรอยใตวงแขน
12. เลอกใช Healing Brush Tool และก าหนดขนาดใหใหญกวารวรอยทตองการลบเลกนอย
13. กด <Alt+คลก> คดลอกพนผวบรเวณทเรยบเนยนสด จากนนใชวธแดรกเมาสลบรวรอยตามทศทางทตองการ ซงวธการ
แดรกเมาสจะดกวาการคลกเปนจดๆส าหรบการลบรวรอยทเปนเสน เนองจากจะไดเรยบเนยนไมเปนจ าๆ
14. หลงจากลบรวรอยใตวงแขนเรยบรอยแลว จะไดพนทผวใตวงแขนทเรยยบเนยนขน
เทคนคการรทชเพอเพมพนทผวทเรยบเนยน
เปนการหาจดของพนทผวทมพนผวสวางและเรยบเนยนทสด จากนนใชเครองมอในการ stamp เพอเพมพนทผวทเรยบ
เนยนใหเพมขนและขยายไปยงบรเวณอนๆ ดงมรายละเอยดตอไปน
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 29
1. ท าการคลกปม Create a new layer สรางเลเยอรใหมขนมา และก าหนด ชอเลเยอรเปน Soft skin
2. คลกเครองมอ Clone Stamp Tool
3. ก าหนดรายละเอยด Brush ใหเปนขอบฟง และมขนาดเลกกวาพนททมแสงตกกระทบเลกนอย
4. ก าหนด Options ของเครองมอ โดยก าหนดคา Opacity : 60% และ Flow : 60% เพอใหน าหนกของ Brush ลดลง
(การก าหนดคา Brush ใหลดลงเพอไมใหเกดเปนรอยจ าๆ ดงนนจงควรใชน าหนกของแปรงนอยๆ และคอยๆท าซ าๆไป
จนไดผลลพธทเรยบเนยน)
5. <Alt+คลก> เลอกพนทตรงบรเวณแกมของนางแบบในสวนทสวางทสด
6. แดรกเมาสวนเปนวงกลมซ าๆรอบบรเวณทเลอก จนไดพนผวทเรยบเนยนเพมขน
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 30
7. เพมพนทสวนทเปนจดตกกระทบของแสงในสวนอนๆของภาพ ดวยวธเดยวกนจนครบ
8. เมอไดพนทผวสวนทดๆ เพมขนมาแลว ใหกด <Alt+คลก> บนพนทดงกลาว จากนนแดรกเมาส stamp พนทผวไปตาม
ทศทางแสงบนผว เหมอนตอนทท างานกบรวรอยใตวงแขน โดยเรมจากสวางไปหามด
9. เมอท าจนครบทกจดแลว เรากจะไดผลลพธเปนภาพทมพนผวของนางแบบทเรยบเนยน (ในกรณทมพนผวการรทชเกน
ออกมา สามารถท าการลบออกไดในขนตอนตอไป)
10. คลกเครองมอ Eraser Tool
11. ก าหนดรายละเอยดใหเครองมอโดยใหเปนแบบขอบฟง และมขนาดใหญกวาพนททจะลบเลกนอย
12. แดรกเมาสลบพนทสวนเกนออกไป จะไดผลลพทเรยบเนยนตามตองการ
ในกรณทผลลพธดเรยบเนยนจนไมเปนธรรมชาต เชน ไมมรองรอยรขมขน หรอรายละเอยดอนๆ สามารถแกไขไดดง
รายละเอยดตอไปน
1. คลกเมน Filter > Noise > Add Noise… เพอเพมจดลงไป ท าใหเหมอนพนผวมรอยขมขนอย
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 31
2. ในหนาตาง Add Noise ปรบคา Amount : 3% หรอ นอยกวา โดยดผลลพธจากภาพ ใหจดทไดมขนาดเหมาะกบพนผว
(ไมควรเกน 3 % เพราะ Noise จะเหนชดจนดไมเปนธรรมชาต)
3. ในพาเนล LAYERS ลดคาความเขมของเลเยอรนลงดวยการลดคา Opacity เหลอ 60% เพอใหเหนพนผวจรงของภาพ
ตนแบบจางๆดวย
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 32
4. ปรบสผวในภาพใหเขากนดวยการเพม Contrast เลกนอย ดวยการคลกปม Create new fill or adjustment layer
แลวคลกเลอก Curves…
5. ในพาเนล ADJUSTMENTS คลกสรางจดสองจดบนเสนดงภาพ
6. คลกเลอกจดแรกใหท างานแลวปรบคา Output : 97, Input : 107
2
1
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 33
7. คลกเลอกจดทสองใหท างานแลวปรบคา Output : 132 , Input : 135
8. เราจะไดผลลพธของพนผวทมผวเรยบเนยนดเปนธรรมชาต และไดภาพทถกเพมความ Contrast ดมรายละเอยดชดเจน
ขนในระดบหนง
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 34
เทคนคการวาดรปทรงทวไปดวย Shape Tool
การวาดรปทรงอนๆ เชน กรอบสเหลยม วงกลม วงร รปหลายเหลยม หรอ เสนตรง สามารถใชเครองมอในกลม Shape
วาดขนมาได เพอท าใหสะดวกและรวดเรวยงขน
หมายเลข 1 : Shape Layers เปนการวาดรปทรงและสรางไวในเลเยอรใหมในชอ Shape <เลขล าดบ>
หมายเลข 2 : สรางเปนเสน Paths เปนการสรางเปนเสนพาธ ถาจะใชงานตองแปลงเปน Selection กอน
หมายเลข 3 : Fill Pixels เปนการวาดและเตมสลงในเลเยอรทเลอกหรอเลเยอรทท างานอย
หมายเลข 4 : เปนเครองมอสรางรปทรงอน
หมายเลข 5 : ออปชนเพมเตม เชน ความโคงมนของรปสเหลยมมมมน
หมายเลข 6 : วธรวมกนของรปทรงทวาด
หมายเลข 7 : เลอกสไตล
หมายเลข 8 : เลอกส
สามารถยกตวอยางการสรางรปทรงได ดงรายละเอยดดงตอไปนซงเปนการวาดรปทรงโดยใชเทคนคการรวมรปทรงเขา
ดวยกนเพอสรางเปนชนงานทตองการ
1
2
3
4 5 6 8 7
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 35
1. สรางชนงานใหม โดยเปดเอกสารใหม พรอมทงก าหนดรายละเอยดตามทตองการ
2. เลอกเครองมอวาดรปทรง
3. เลอกเครองมอ Shape Layers เพอท าการวาดรปทรงและสรางไวในเลเยอรใหม
4. เลอกสไตล และเลอกส
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 36
5. วาดรปทรงแรก
6. คลก Add to shape Area
7. ท าการวาดรปทรงตางๆ เพมเตมในเลเยอรดงกลาว
8. จะไดลกษณะรปทรงบนเลเยอรดงภาพ โดยรปทรงทไดจะเปนชนเดยวกน
น ารปทรงทไดมาตกแตงเพมเตม ดวยเลเยอรสไตล (Layer Style) ดงรายละเอยดตอไปน
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 37
9. คลกจากปม Add a Layer style บนพาเนล Layers
10. คลกเลอกสไตล Inner Glow คอสไตลทใชในการก าหนดการฟงกระจายของแสงจากภายในรปทรง ท าใหขอบภาพด
เบลอ เหมอนถกบงภาพดวยสและความฟงทระบไว โดยก าหนดรายละเอยดดงน
11. หลงจากนนคลกเลอกสไตล Bevel and Emboss เปนสไตลทใชก าหนดเอฟเฟคตใหออบเจคมเหลยมมม และความ
นน ท าใหดมมตและนาสนใจ โดยก าหนดรายละเอยดดงน
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 38
12. หลงจากนนคลกเลอกสไตล Gradient Overlay คอการไลเฉดส จากสหนงไปยงอกสหนง หรอสลบหลายส ดงม
รายละเอยดดงน
13. หลงจากนน คลกเพมเลเยอร ใหมขนมาเพอใชในการวาดรปทรงส าหรบตกแตงเปนเกสรดอกไม โดยก าหนด
รายละเอยดตางๆ เหมอนการตกแตงขนตน ตามความตองการ
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 39
เทคนคการวาดภาพและระบายส
ตวอยางขนตอนการสรางชนงาน การวาดภาพและระบายส
1. สรางชนงานใหม โดยเปดเอกสารใหม พรอมทงก าหนดรายละเอยดตามทตองการ
2. ท าการ Click เลอก Create a new layer พรอมทงตงชอ Layer ใหม
เพอใชในการสรางภาพ
3. คลกเลอก รปทรงเพอใชในการสรางภาพ พรอมทงก าหนดคณสมบตของการสราง Shape เปนแบบ Fill Pixels เพอ
สรางรปทรงทตองการใน Layer ทสรางขนมากอนหนาน
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 40
4. ท าการวาดรปทรงทตองการ
5. ใชเครองมอส าหรบการเลอกขอบเขตของภาพ (Selection) เพอท าการเลอกรปทรงทสรางขน โดยในทน ใชเครองมอ
Magic Wand Tool ท าการเลอกทวตถ
6. หลงจากนนท าการเลอกเครองมอทใชในการระบายส โดยในทนจะท าการระบายส ในรปแบบการไลเฉดส โดยเลอก
เครองมอ Gradient Tool
7. ท าการเลอกส และรปแบบทตองการระบาย
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 41
8. ท าการเทส ลงในรปทรงทตองการ โดยคลกคางไวและลากเมาสไปในทศทางทตองการไลเฉดส จะไดผลลพธดงรป
หลงจากนน กด Ctrl + D เพอยกเลกการเลอกรปทรง
9. หลงจากนนใช Shape Tool วาดรปวงกลม 2 วงซอนกน เพมเตม โดยในครงนเลอกรปแบบการเทสเปนแบบ Paint
Bucket Tool ดงภาพ
10. ใชเครองมอ Pen Tool ในการวาดภาพเพมเตมดงน
ในกรณทตองการปรบแกไขเสนทวาดขน สามารถเลอกท
เครองมอ Direct Selection Tool และน ามาคลกเลอกทเสนเพอท าการปรบแตงแกไขได
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 42
11. หลงจากนนท าการคลกขาวทเสน เลอกค าสง Make Section เพอก าหนดขอบเขตพนทส าหรบการเทส
12. หลงจากนนท าการเลอกเครองมอทใชในการระบายส โดยในทนจะท าการระบายส ในรปแบบการไลเฉดส โดยเลอก
เครองมอ Gradient Tool (เหมอนกบขอ 6 แตเลอกสตามความชอบ)
13. ใชพกนวาดตกแตงควเพมเตม
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 43
14. หลงจากนนใชเครองมอ Pen Tool ในการตกแตงภาพ และ ใชการระบายสแบบไลเฉดส ดวยเครองมอ Gradient Tool
ใหไดภาพทตองการดงตวอยาง
15. ท าการเลอกรปทรงส าเรจ (Custom Shape Tool) และเลอกรปทรงทตองการ
16. คลกลากวาดรปทรง
17. คลกเลอกเครองมอ แลวพมพขอความลงในรปทรงทสรางขน
เอกสารประกอบการสอน 102222 คอมพวเตอรกราฟกส (Computer Graphics) - 44
18. ในกรณทตองการพมพขอความรอบรปทรงทสรางขน ท าไดโดย ก าหนดเสนพาธในบรเวณทตองการพพมขอความ โดยใช
เครองมอ Pen Tool
19. คลกเลอกเครองมอ แลวพมพขอความบนเสนพาธ
20. ผลลพธทไดจากการสรางชนงานน ดงแสดงในภาพ