เอกสารอบรม “การสร้างสรรค์ภาพ...
TRANSCRIPT
เอกสารประกอบการฝกอบรม
การสรางสรรคภาพและตกแตงภาพดวย Adobe Photoshop
วทยากรโดย…คณสเทพ โลหณต
ฝายบรการการสอนและฝกอบรม ศนยคอมพวเตอร
มหาวทยาลยเทคโนโลยสรนาร
เอกสารนเปนสวนหนงของการฝกอบรมในรปแบบ Workshop เพอใหผเขารบการฝกอบรมมทกษะการใชโปรแกรม Photoshop ซงครอบคลมทกเวอรชน
Page 1 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
บทท 1 พนฐานงานกราฟกและสวนประกอบ Adobe Photoshop
รจกกบโปรแกรม Photoshop Photoshop เปนโปรแกรมส าหรบสรางและตกแตงภาพทมชอเสยง และไดรบความนยมมากทสด เนองจากคณสมบตเดนทมอยมากมาย ไมวาจะเปนความสามารถจดการไฟลสารพดชนดทใชในงานประเภทตางๆ ทงภาพทถายจากกลองดจทล และภาพทน าไปผานกระบวนการพมพ โปรแกรมมความสามารถเปนเยยมในการแกไขตกแตงภาพ และการสรางเอฟเฟคตพเศษตางๆ เครองมประสทธภาพและความยดหยนสง ตลอดจนมผผลตปลกอน (Plug-in) หรอโปรแกรมเสรมใหเปนจ านวนมาก จงท าใหโปรแกรมสามารถท างานตางๆ ไดหลากหลายมากยงขน ก ำหนดควำมละเอยดของภำพ (Resolution) ผลลพธของงานทด ภาพคมชดไมแตกเบลอ นกออกแบบจะตองรจกก าหนดความความละเอยด ของภาพใหเหมาะสมกบลกษณะงานทจะน าภาพนนไปใช ดงนนเพอความเหมาะสมกบการท างานแตละแบบ จงมการก าหนดคาความละเอยดภาพทเหมาะสมไวดงน
คาความละเอยด 72 Pixel/Inch: ส าหรบการแสดงบนจอคอมพวเตอร เชน งานออกแบบเวบไซต คาความละเอยด 150 Pixel/Inch: ส าหรบภาพทจะน าไปพมพผานเครองพมพ คาความละเอยด 300 Pixel/Inch: ส าหรบงานสงพมพ เชน ปกหนงสอ โปสเตอร เปนตน
โหมดส (Color Mode) โหมดส (Color Mode) คอ รปแบบการผสมส เพอน าไปใชกบงานประเภทตางๆ โดยโหมดสแตละชนดจะเหมาะกบงานทแตกตางกนออกไป โหมดสจะมอยหลายชนด แตทเกยวของกบงานกราฟกและใชอยประจ ามเพยง 3 ชนดเทานน
Page 2 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
Grayscale โหมดสเดยว โหมดนจะมอยเพยงสเดยวเทานน นนกคอ สด า การแสดงผลของภาพจะเปนการไลน าหนกสจากด า เทา ไปจนถงขาวสด มกใชสโหมดนกบงานพมพสเดยวเพอประหยดตนทนการผลต
RGB โหมดสส ำหรบแสดงผลบนหนำจอ เปนโหมดสทเกดจากการผสมสของแมสทางแสง 3 ส ซงประกอบดวย สแดง (Red), สเขยว (Green) และสน าเงน (Blue) น าไปใชในการแสดงผลบนหนาจอเหมาะกบงานบนอนเทอรเนต เวบไซต และงานมลตมเดยทกชนด
CMYK โหมดสส ำหรบงำนสงพมพ โหมดสใหผลลพธตรงกบสธรรมชาตมากทสด เพราะเกดจากการผสมกนของแมสทางวตถ หรอแมสทเปนหมกพมพจรงๆ ทง 4 ส ไดแก ฟา (Cyan), บานเยน (Magenta), เหลอง (Yellow) และด า (Black) ผสมกนเปนภาพ เหมาะกบงานสงพมพทกชนด
ชนดของไฟลรป ไฟลแตละชนด จะมคณสมบตทเหมาะสมกบงานกราฟกในรปแบบทแตกตางกนออกไป ดงนนนกออกแบบจงควรเลอกการบนทกเปนไฟลรปชนดทเหมาะกบงานทจะน าไปใหถกตอง ปจจบนมไฟลทใชเปนมาตรฐานอยไมกชนด ดงน
ไฟล PSD เปนไฟลทสรางจากโปรแกรม Photoshop สามารถบนทกขอมลการแกไขตางๆ และสามารถแยกเลเยอรเอาไวส าหรบกลบมาแกไขตกแตงตอไปได ไฟลชนดนเหมาะแกการสงงานโรงพมพ
ไฟล TIFF เปนไฟลภาพทเกบรายละเอยดของงานไดครบถวนสมบรณ สามารถบนทกเลเยอรเกบไวใชตอได ใชไดทง Windows และ Mac อกทงยงรองรบโหมดส CMYK ไดอกดวย
ไฟล PNG เปนไฟลทถกบบอดใหมขนาดไดเลกมากๆ และยงสามารถบนทกใหมพนหลงแบบโปรงใสได เหมาะกบงานบนเวบไซต หรอบนอนเทอรเนต
ไฟล JPEG เปนไฟลภาพทนยมใชงานกบอนเทอรเนต หรอรปภาพดจทล ขอดคอ ไฟลจะถกบบอดจนมขนาดไมใหญมากนก เปดดไดเรว แตไมคอยเหมาะกบงานพมพคณภาพสง
Page 3 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
ไฟล GIF เปนไฟลภาพอกชนดทนยมน าไปใชแสดงผลบนอนเทอรเนต เนองจากไฟลถกบบอดจนมขนาดเลก เหมาะกบรปทมรายละเอยดของสนอยๆ เชน รปโลโก หรอรปการตน เปนตน อกหนงความสามารถของไฟลประเภทนยงสามารถสรางภาพเคลอนไหว และภาพทมสพนหลงโปรงใสไดอกดวย
สวนประกอบในหนำตำง Photoshop CS6 หนาตาและสวนประกอบของ Photoshop CS6 มรปแบบการใชงานทแตกตางกบ Photoshop CC อยบางเลกนอย แตสงส าคญของการประยกตน าไปใช โดยไมตองกงวลเรองของเวอรชนคอ ใหผเขารบการอบรมเขาใจถงรปแบบการใชงานและค าสงทจ าเปน โดยยดหนาจอของ Photoshop CS6 เปนหลก ดงนน เนอหาการอบรมจงเนนทเวอรชนนเปนหลก โดยจะขออธบายถงสวนประกอบทส าคญ ดงน
A. Menu Bar: เปนทเกบค าสงทงหมดของโปรแกรมเอาไว โดยมการแยกหมวดหมตามรปแบบค าสงทใชงาน B. Option Bar: เปนสวนทใชก าหนดคณสมบตเพมเตมของเครองมอทก าลงเลอกท างานอย เชน การก าหนด
ขนาดหวพกน, ยางลบ หรอก าหนดคาขอบความฟง เปนตน C. Toolbox: เปนกลองรวบรวมเครองมอทส าคญของการท างานตกแตงภาพ และสรางสรรคงานกราฟก D. Panel: หนาตางส าหรบควบคมรายละเอยดปลกยอยในการท างาน แตละพาเนลจะมการควบคมแตละ
สวนทท างานแตกตางกนไป E. Workspace: ส าหรบรปแบบพนทการท างาน โดยสามารถเลอกไดวาตองการใชพาเนลแบบใดทเหมาะกบ
งานของเราทสด F. Artboard: กระดานวาดรป หรอพนทท างานเปนพนทส าหรบเปดไฟลงานขนมาสราง แกไข หรอตกแตงได
ตามตองการ
Page 4 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
บทท 2 แตงสภำพแบบ High-Key
การอบรมตงแตบทท 2 จนจบการอบรมจะเปนรปแบบการอบรมผาน Workshop ซงจะเนนการฝกปฏบต พรอมทงอธบายค าสงทจ าเปนตอการใชงานในแตละใบงาน โดยเนนวาผฝกอบรมจะตองท าตามรปแบบของใบงานทก าหนดใหได การแตงสภาพแบบ High-Key เปนภาพทเนนองคประกอบสวนใหญเปนสโทนออนๆ หรอสขาวเปนหลก ซงเราสามารถปรบเปลยนภาพถายใหเปนภาพแบบ High-Key ไดอยางไมยากนก และภาพแนวนเหมาะส าหรบภาพผหญงหรอเดก ดงนน Workshopนเราจะมาฝกการปรบแตงภาพผานไฟลภาพทก าหนดให
ปรบโทนสภำพใหม
1. เปดไฟลภาพทตองการ (girl.jpg ขนาดภาพ 1200 x 800 pixels) 2. กอปปเลเยอร Background โดยกดคย Ctrl +J จะไดเลเยอร “Layer1”
Page 5 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
3. เลอกค าสง Image > Adjustments > Levels เพอปรบภาพใหสวางขนโดยก าหนดออปชน
4. เลอกค าสง Filter > Stylize > Diffuse > Lighten Only แลวก าหนดออปชน
5. ปรบ Blend Mode ของเลเยอร Layer 1 เปน Screen และปรบคา Opacity เปน 90%
Page 6 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
6. คลกปม ดานลางของพาเลต Layers แลวเลอกค าสง Hue/Saturation 7. ปรบเพมความสดของสภาพ โดยก าหนดออปชน
8. เลอกเครองมอ Burn แลวก าหนดออปชนบาร
9. คลกเลเยอร Layer 1 10. ระบายบรเวณตรงกลางของจมกนางแบบ เพอเพมสนจมก โดยระบายเมาสจากระหวางตามายงปลายจมก 11. ระบายเมาสบรเวณอนๆ ทตองการเพมความเขมขนเลกนอยใหกบภาพ เชน แกมทง 2 ขาง และปาก
Page 7 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
12. ทออปชนดานบนใหเปลยนคา Range เปน Shadow แลวระบายเมาสบนดวงตาทง 2 ขางเพอปรบใหส
ดวงตาเขมขน
13. คลกปม ดานลางของพาเลต Layer แลวเปลยนชอเลเยอรเปน Gray 14. เตมสเทาใหเลเยอร Gray โดยเลอกค าสง Edit > Fill ก าหนดออปชน
15. ปรบ Blend Mode ของเลเยอร Gray เปน Soft Light และยายเลเยอร gray มาไวในล าดบท 3
Page 8 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
16. เลอกเครองมอ Dodge แลวก าหนดออปชนบาร
17. ซมภาพขยายเพอใหเหนบรเวณตา อยางชดเจน 18. ระบายเมาสบรเวณใตตาของนางแบบเพอลบรอยคล าใตตาทง 2 ขาง
19. เลอกเลเยอร Layer 1 แลวกดคย Ctrl +J จะไดเลเยอร Layer 1 copy
20. คลกปม ดานลางของพาเลต Layers เพอสรางมาสกใหกบเลเยอร Layer 1 copy
21. เลอกเครองมอ Brush แลวก าหนดออปชนบาร
22. ระบายเมาส (ในทนส Foreground เปนสด า) ใหทวใบหนาของนางแบบ เพอคนสเดมของภาพในเลเยอร
Layer 1
Page 9 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
23. ผลลพธทไดจากการปรบแตง
Page 10 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
บทท 3 กำรแกภำพสเพยน
ตามปกตการแกไขภาพสเพยนมหลายวธ แตส าหรบ Workshop น เราจะใชวธปรบดวยค าสง Curves ซงถอวาเปนอกวธหนงทไดผลลพธนาพอใจ จดส าคญอยทการปรบคาสของภาพจดมดและสวางทมองเหนไดชดเจน กสามารถใชค าสง Curves ปรบไดทนท แตในกรณทภาพไมมจดมด-สวางอยางชดเจน เราจะตองมาหาจดมด-สวางในภาพเสยกอน จากนนจงคอยใชค าสงปรบแกสของภาพเสยใหม และปรบแสงเงาของภาพเพมเลกนอยกจะสามารถแกไขปญหาภาพสเพยนไดเชนกน
เรมตนกำรหำจดทมดและสวำงของภำพ
1. เปดไฟลภาพทตองการ (beach.jpg) 2. เลอกค าสง Image > Adjustments > Threshold 3. หาจดทมดทสดในภาพ โดยเลอนสไลดเดอรไปทางซายสดกอน แลวเลอนกลบมาทางขวาทละนดจนเหน
พนทสด าปรากฏขนมาพอสมควร 4. ซมและเลอนภาพใหเหนพนทสด าทเปนเปาหมายไดชดเจน แลววางเครองหมายชวยจ าต าแหนงโดยกดคย
Shift พรอมคลกเมาส 1 ครงบนพนทสด าจดใดจดหนง จะไดเครองหมาย
Page 11 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
5. หาจดสวางทสดในภาพบาง โดยเลอนสไลเดอรไปทางขวาสด แลวเลอนกลบมาทางซายทละนดจนเหน
พนทสขาวปรากฏขนมาพอสมควร 6. วางเครองหมายชวยจ าต าแหนง โดยกดคย Shift พรอมคลกเมาส 1 ครง บนพนทสขาวจดใดจดหนง จะ
ไดเครองหมาย 7. คลกปม Cancel เพอยกเลกค าสง Threshold
3
4
Page 12 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
กำรแกไขสเพยน
1. ปรบแกสเพยน โดยเลอกค าสง Image > Adjustments > Curves
2. คลกเครองมอ Black Point (ดานลางกราฟ) แลวคลกทต าแหนง บนภาพ
3. คลกเครองมอ White Pointแลวคลกทต าแหนง บนภาพ จะเหนลกษณะของกราฟทได หลงจากภาพถกแกสเพยนแลว ใหคลกปม OK
6
5 7
Page 13 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
4. ปรบแสงเงาของภาพเพมเตม โดยเลอกค าสง Image > Adjustments > Curves แลวคลกลากเสนกราฟ
ไดตามทตองการ คลกปม OK เปนอนเสรจขนตอนการปรบแตงคาสเพยน
Page 14 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
บทท 4 ปรบแตงภำพใหคมเขมและใสลกเลนฟองอำกำศ
Workshop นเปนเรองของการปรบแสงและสในภาพสามารถบอกเลาถงเรองราวและอารมณของภาพไดด เนนการปรบแตงสภาพใหออกโทนเขยวน าเงน โดยใชค าสงในกลม Adjustments แลวปรบ Blend Mode เพอชวยเสรมใหภาพดนมนวลมากยงขน และปดทายดวยการใสฟองอากาศลงไป
ปรบสภำพ
1. เปดไฟลภาพทตองการ (Banana Before.jpg)
2. กอปปเลเยอร Background โดยคลกลากเลเยอร Background มาทบปม ดานลางของพาเลต Layers จะไดเลเยอร Background copy
Page 15 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
3. คลกปม ดานลางของพาเลต Layers แลวเลอกค าสง Brightness/ Contrast 4. ปรบภาพใหสวางและสสดมากขนโดยก าหนดออปชน
5. เปดพาเลต History แลวคลกปม ดานลางของพาเลต 6. จากนนจะได Snapshot 1 แลวเปลยนชอใหมเปน brightness
7. ปรบแตงโทนสภาพ โดยเลอกเลเยอร Background copy แลวเลอกค าสง Image > Adjustments >
Variations 8. คลกบนภาพ More Cyan 2 ครง แลวคลกปม OK ทไดอะลอกซบอกซ Variations
Page 16 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
9. สราง Snapshot ขนตอนการปรบแตงโทนสภาพโดยคลกปม ดานลางของพาเลต History แลว
เปลยนชอ Snapshot ใหมเปน variation 10. เลอก Snapshot ชอ variations แลวคลกเมาสบนชองสเหลยมหนา Snapshot ชอ brightness
11. เลอกเครองมอ History Brush แลวก าหนดออปชนบาร
12. ซมขยายรปใหเหนดวงตาชดเจน แลวคลกระบายเมาสทวบรเวณดวงตาทง 2 ขาง เพอคนสตาใหกบ
นางแบบ
Page 17 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
13. เลอกเลเยอร Background copy แลวกดคย Ctrl +J จะไดเลเยอร Background copy 2
14. คลกเลอกเลเยอร Background copy จากนนเลอกค าสง Filter > Blur >Gaussian Blur แลวก าหนดคา
Radius =8 พกเซล 15. ปรบคา Opacity ของเลเยอร Background copy เปน 50%
16. ปรบ Blend Mode ของเลเยอร Background copy 2 เปน Soft Light
Page 18 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
รทชผวเพมเตม
1. คลกเลอกเลเยอร Background copy เลอกเครองมอ Clone Stamp แลวก าหนดออปชนบาร
2. กดคย Alt คางไวแลวคลกเมาสบนพนทตนแบบ (พนททสวางตาใตตา) 3. คลกเมาสลงพนทใตตาทจะแกไข เพอลดรอยคล าใตตานางแบบ 4. สามารถเลอกพนทตนแบบไดเรอยๆ แลวแกไขรอยคล าใตตาทง 2 ขาง จนไดผลลพธเปนทพอใจ
ตกแตงฉำกหลง
1. เลอกเลเยอร Brightness /Contrast แลวคลกปม ดานลางของพาเลต Layers 2. เปลยนชอเลเยอรใหม gradient
Page 19 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
3. เลอกเครองมอ Gradient แลวก าหนดออปชนบาร
4. คลกทชองไลส แลวก าหนดคาสทไดอะลอกซ Gradient Editor
5. คลกลากเมาสจากขวาไปซาย เพอไลสเกรเดยนท
6. คลกปม ดานลางพาเลต Layers
R:13, G:9, B:26 R:8, G:102, B:104
Page 20 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
7. เลอกเครองมอ Gradient แลวก าหนดออปชนบาร
8. คลกลากเมาสจากซายไปขวา ท าซ าเชนนจนไดผลลพธทพอใจ
สรำงฟองอำกำศ
1. สรางไฟลใหม โดยเลอกค าสง File >New ขนาดไฟลเปน 300 x 300 pixels 2. เลอกค าสง Edit > Fill เพอเตมสด าใหเลเยอร Background
3. เลอกค าสง Filter > Render > Lens Flare ก าหนดออปชน
Page 21 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
4. เลอกค าสง Filter > Distort > Polar Coordinates ก าหนดออปชน
5. กอปปเลเยอร Background โดยคลกลากเลเยอร Background ทบปม ดานลางของพาเลต Layers จะไดเลเยอร Background copy
6. เลอกค าสง Edit > Transform > Rotate 180 7. ปรบ Blend Mode ของเลเยอร Background copy เปน screen
Page 22 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
8. คลกขวาทเลเยอร Background copy แลวเลอกค าสง Merge Down
9. เลอกเครองมอ ก าหนดออปชนบาร
10. คลกลากเมาสสราง selection รปวงกลม โดยกดคย Shift คางไวขณะคลกลากเมาส
11. เลอกค าสง Layer > New > Layer Via Copy จะไดรปวงกลมในเลเยอรใหมชอ Layer 1
Page 23 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
12. กดคย Ctrl +D เพอยกเลก Selection 13. เลอกค าสง Image > Adjustments /Hue/Saturation แลวก าหนดออปชน
14. เลอกเครองมอ Brush แลวก าหนดออปชนบาร
15. คลก บนทลบอกซ เพอตงคาส Foreground เปนสด า 16. ระบายเมาสทบตรงเสนสขาวภายในวงกลมใหเปนสด า เพอกลมกลนกบพนสด า
Page 24 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
ตกแตงภำพเพมเตม
1. เลอกเครองมอ Move แลวคลกลาก Layer 1 จากไฟลฟองอากาศไปยงไฟลภาพนางแบบ
2. ปรบ Blend Mode ของเลเยอรฟองอากาศเปน Screen
3. กดคย Ctrl +J จะไดเลเยอร Layer 1 copy 4. กดคย Ctrl +T แลวคลกลากเมาสปรบขนาดและจดต าแหนงใหม 5. กอปปเลเยอรฟองอากาศเพม พรอมปรบขนาดและจดต าแหนงใหมตามตองการ จนไดผลลพธเปนทพอใจ
Page 25 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
6. เลอกเลเยอร gradient แลวคลกปม ดานลางของพาเลต Layers จะไดเลเยอร Group 1 จากนนเปลยนชอใหมเปน buble
7. คลกเลอกเลเยอรวงกลมทงหมด แลวคลกลากมาทบเลเยอรกรป buble 8. คลกไอคอน > หนาเลเยอรกรป buble เพอซอนเลเยอรทงหมดในกรปน
Page 26 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
บทท 5 วำดภำพกรำฟกเลยนแบบ Illustrator
Photoshop ไมใชมความสามารถเพยงแคตกแตงภาพไดเทานน แตยงสามารถวาดภาพคลายกบ Illustrator ใน Workshop นจะมาฝกการวาดภาพดวยรปทรงตางๆ แบบเวคเตอรจากกลมเครองมอ Shape และวาดรปทรงดวยเครองมอสรางเสนพาธกน
สรำง Pattern ลวดลำยอฐ
1. สรางไฟลใหม โดยเลอกค าสง File > New
Page 27 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
2. คลกปม ดานลางของพาเลต Layers จะไดเลเยอร Layer 1
3. เลอกเครองมอ Rectangular Marquee แลวก าหนดออปชนบาร
4. คลกเมาส 1 ครง บนพนทวางจะได Selection รปสเหลยมผนผาขนาดเทาทก าหนด พรอมจดต าแหนง
Selection ใหม 5. เปดพาเลต Swatches แลวคลกเลอกส Dark Red 6. กดคย Alt + Backspace เพอเตมสใหกบ Selection
7. คลกปม ดานลางของพาเลต Layers แลวเลอกค าสง Blending Options 8. คลก Bevel and Emboss แลวก าหนดออปชน และคลก Stroke แลวก าหนดออปชน
Page 28 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
9. กดคย Ctrl + D เพอยกเลก Selection 10. กอปปเลเยอรเพม โดยคลกเลอกเลเยอร Layer 1 แลวกดคย Ctrl +J จะได Layer 1 copy
11. เลอกเครองมอ Move แลวจดต าแหนง 12. ท าซ าขนตอนท 10 กอปปเลเยอรสเหลยมสแดงเพม จนไดสเหลยมเตมพนทและจดต าแหนง
Page 29 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
13. เลอกค าสง Edit > Define Pattern จะปรากฏไดอะลอกซ Pattern Name ใหตงชอ Pattern
สรำงไฟลใหม
1. สรางไฟลใหม โดยเลอกค าสง File >New ก าหนดขนาดไฟลใหม 800 x 600 pixels
2. เลอกเครองมอ Gradient แลวก าหนดออปชนบาร
Page 30 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
3. ก าหนดคาสทไดอะลอกซบอกซ Gradient Editor
4. คลกลากเมาสจากบนลงลาง เพอไลสเกรเดยนท
5. คลกปม ดานลางของพาเลต Layers แลวเปลยนชอเลเยอรใหมเปน snow ground
6. เลอกเครองมอ Pen แลวก าหนดออปชนบาร
7. คลกเมาสทจดแรก แลวคลกทจดทถดไปพรอมกบปรบความโคงของเสนพาธ จนไดเสนพาธรอบพนทท
ตองการจะสรางเปนกองหมะ 8. เปดพาเลต Paths จากนนคลกปม ดานลางของพาเลต เพอแปลงเสนเปน Selection
R:0, G:51, B:113 R:67, G:160, B:213
Page 31 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
9. เลอกค าสง Select > Modify > Feather ก าหนด Radius = 3 pixels
10. ตงคาส Foreground เปนสฟาออนและส Background เปนสขาว
11. เลอกเครองมอ Gradient แลวก าหนดออปชนบาร
12. คลกลากเมาสจากของลางของ Selection ขนไปดานบน
Page 32 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
13. กดคย Ctrl + D เพอยกเลก Selection
14. กดคย Ctrl คางไวแลวคลกปม ดานลางของพาเลต Layers จะไดเลเยอรใหมอยใตเลเยอร snow ground
15. เปลยนชอเลเยอรใหมเปน snow up
16. สรางเสนพาธเพอสรางเปนกองหมะเพม โดยใชวธการเดยวกบขนตอนท 6-8 ใหไดผลลพธ 17. ตงคาส Foreground ดงน R:172, G:224, B:250 แลวกดคย Alt + Backspace เพอเตมสให Selection
Page 33 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
18. กดคย Ctrl +D เพอยกเลก Selection
สรำงและตกแตงปลองไฟ
1. คลกปม ดานลางของพาเลต Layers แลวเปลยนชอเลเยอรใหม เปน Flue
2. เลอกเครองมอ Rectangular Marquee แลวก าหนดออปชนบาร
3. คลกเมาส 1 ครง บนพนทหมะกองสง
4. เตมลวดลายให Selection โดยเลอกค าสง Edit > Fill แลวก าหนดออปชน
Page 34 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
5. คลกปม ดานลางของพาเลต Layers แลวเลอกค าสง Stroke 6. ก าหนดออปชน
7. เปดไฟลภาพซานตาคลอส (SANTA.jpg)
8. เลอกเครองมอ Magic Wand แลวก าหนดออปชนบาร
Page 35 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
9. คลกเมาสบนพนหลงสขาว หากตองการสราง Selection เพมในบรเวณทยงไมถกเลอก ใหกดคย Shift คางไว แลวคลกเมาสตรงบรเวณทจะสราง Selection เพมจะได Selection
10. เลอกค าสง Select > Inverse เพอสลบ Selection 11. เลอกเครองมอ Move แลวคลกลาก Selection ของรปซานตาคลอส ไปปลอยยงไฟลภาพหมะทสรางไว
12. เปลยนชอเลเยอรใหมทไดเปน santa 13. พลกกลบภาพ โดยเลอกค าสง Edit > Transform > Flip Horizontal 14. กดคย Ctrl + T แลวปรบยอขนาดรปใหเลกลงพรอมจดต าแหนงรปใหม 15. คลกลากเลเยอร santa มาไวใตเลเยอร flue จะไดผลลพธ
Page 36 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
สรำงหมะใหกบปลองไฟ
1. เลอกเลเยอร snow ground แลวคลกปม ดานลางของพาเลต Layers แลวเปลยนชอเลเยอรใหมเปน snow
Page 37 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
2. เลอกเครองมอ Custom Shape แลวก าหนดออปชนบาร
3. กดคย D แลวคลก เพอตงคาส Foreground สขาว 4. คลกลากเมาสวาดรปทรงใหเหมอนเปนกองหมะละลายแลวจดต าแหนง 5. ปรบความเบลอเลกนอย โดยเลอกค าสง Filter > Blur > Gaussian Blur ก าหนดคา Radius = 2 pixels
6. เตมลวดลายใหหมะ โดยเลอกค าสง Filter > Noise > Add Noise ก าหนดออปชน
Page 38 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
7. กอปปเลเยอรเพม โดยคลกเลอกเลเยอร snow แลวกดคย Ctrl +J จะไดเลเยอร snow copy 8. เลอกเครองมอ Move แลวจดต าแหนงภาพหมะในทง 2 เลเยอรนใหม 9. กอปปเลเยอร snow copy โดยกคย Ctrl +J จะไดเลเยอร snow copy 2 แลวยายต าแหนงภาพในเล
เยอรนไปวางดานบนของปลองไฟ
Page 39 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
10. เลอกเครองมอ Smudge แลวก าหนดออปชนบาร
11. คลกเมาสขนลงตรงบรเวณทตองการจะยดหรอหดภาพ 12. เลอกเครองมอ Eraser แลวลบบรเวณขอบของหมะทเลยปลองไฟออกมา
สรำงดวงดำวและหมะโปรย
1. เลอกเครองมอ Line แลวก าหนดออปชนบาร 2. คลกลากเมาสวาดเสนตรงในแนวตง โดยลากจากบนลงลาง ใหกดคย Shift คางไวดวยขณะคลกลากเมาส 3. เปลยนชอเลเยอรเสนตรงใหมเปน star line 4. กอปปเลเยอรเสนตรงเพมอก 2-3 เลเยอร โดยใหยอความยาวของเสนตามตองการ แลวจดต าแหนงใหม
Page 40 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
5. เลอกเครองมอ Custom Shape แลวก าหนดออปชนบาร 6. คลกเมาสวาดรปดาว โดยใหกดคย Shift คางไวในขณะคลกลากเมาส 7. เปลยนชอเลเยอรรปดาวเปน Star 8. กอปปเลเยอรรปดาวเพมอก 4 เลเยอร โดยใหปรบยอยขนาดของรปดาวตามตองการ แลวจดต าแหนงใหม 9. เลอกเลเยอรบนสด แลวคลกปม New Layer ดานลางของพาเลต Layers และเปลยนชอเลเยอรใหมเปน
star blur 10. เลอกเครองมอ Custom Shape แลวก าหนดออปชนบาร 11. คลกลากเมาสวาดเสนพาธรปดาว ตรงต าแหนงตางๆ ตามจ านวนทตองการบนภาพ (ในทนวาด 4-5 ดวง) 12. เปดพาเลต Paths แลวคลกปม ดานลางของพาเลต เพอแปลงเสนพาธเปน Selection 13. เลอกเครองมอ Gradient แลวก าหนดออปชนบาร 14. คลกเมาสจากขวาไปซายของภาพ เพอไลสเกรเดยนท 15. กดคย Ctrl +D เพอยกเลก Selection จะไดผลลพธ 16. ปรบความเบลอใหรปดาวในเลเยอร star blur โดยเลอกค าสง Filter > Blur > Gaussian Blur ก าหนดคา
Radius ประมาณ 1-2 pixels
Page 41 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
17. สรางรปหมะตกบนภาพ โดยใชวธการเดยวกบการสรางรปดาวในเลเยอร star blur โดยใหสรางเลเยอร
ใหมแลวเปลยนชอ snow ball 18. เลอกเครองมอ Ellipse แลวก าหนดออปชนบาร
19. ตงคาส Foreground โดยคลกเลอกส Pastel Cyan จากพาเลต Swatches 20. คลกลากเมาสวาดรปทรงกลมขนาดเลก จ านวนตามตองการ จากนนท าตามขนตอนท 12-16 ส าหรบใน
ขนตอนการไลสเกรเดยนทใหกบทรงกลม ก าหนดออปชนบาร
Page 42 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
สรำงตนครสตมำส
1. เลอกเลเยอร Background แลวคลกปม ดานลางของพาเลต Layers และเปลยนชอเลเยอรใหมเปน tree
2. เลอกเครองมอ แลวก าหนดออปชนบาร
3. ตงคาส Foreground โดยคลกเลอกส Dark Yellow Green จากพาเลต Swatches
4. คลกลากเมาสวาดรปทรงตนครสตมาส แลวจดวางต าแหนง
Page 43 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
5. กอปปเลเยอร tree โดยกดคย Ctrl +J จะไดเลเยอร tree copy 6. กดคย Ctrl +T แลวปรบยอขนาดรปตนครสตมาสในเลเยอร tree copy เลกนอยพรอมจดต าแหนง
ตกแตงลวดลำย
1. คลกปม ดานลางของพาเลต Layers และเปลยนชอเลเยอรใหมเปน flower
2. เลอกเครองมอ แลวก าหนดออปชนบาร
Page 44 of 44
เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต
3. คลกลากเมาสจากซายไปขวาเพอวาดรปทรง 4. พลกกลบภาพในแนวนอน โดยเลอกค าสง Edit > Transform > Flip Horizontal พรอมจดต าแหนงใหม 5. กอปปเลเยอร flower โดยกดคย Ctrl +J จะไดเลเยอร flower copy 6. พลกกลบภาพในแนวตง โดยเลอกค าสง Edit > Transform > Flip Vertical 7. กดคย Ctrl +T แลวปรบยอขนาดภาพใหเลกลงพรอมกบหมนภาพและจดต าแหนง 8. ปรบ Blend Mode ของเลเยอร flower และ flower copy เปน Multiply 9. ปรบคา Opacity ทงสองเลเยอรใหมคาเทากบ 40%