เอกสารอบรม “การสร้างสรรค์ภาพ...

45
เอกสารประกอบการฝึกอบรม การสร้างสรรค์ภาพและตกแต่งภาพด้วย Adobe Photoshop วิทยากรโดยคุณสุเทพ โลหณุต ฝ่ายบริการการสอนและฝึกอบรม ศูนย์คอมพิวเตอร์ มหาวิทยาลัยเทคโนโลยีสุรนารี เอกสารนี้เป็นส่วนหนึ่งของการฝึกอบรมในรูปแบบ Workshop เพื่อให้ผู้เข้ารับ การฝึกอบรมมีทักษะการใช้โปรแกรม Photoshop ซึ่งครอบคลุมทุกเวอร์ชัน

Transcript of เอกสารอบรม “การสร้างสรรค์ภาพ...

Page 1: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

เอกสารประกอบการฝกอบรม

การสรางสรรคภาพและตกแตงภาพดวย Adobe Photoshop

วทยากรโดย…คณสเทพ โลหณต

ฝายบรการการสอนและฝกอบรม ศนยคอมพวเตอร

มหาวทยาลยเทคโนโลยสรนาร

เอกสารนเปนสวนหนงของการฝกอบรมในรปแบบ Workshop เพอใหผเขารบการฝกอบรมมทกษะการใชโปรแกรม Photoshop ซงครอบคลมทกเวอรชน

Page 2: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

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 3: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

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 4: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

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 5: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

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 6: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

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 7: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

Page 6 of 44

เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต

6. คลกปม ดานลางของพาเลต Layers แลวเลอกค าสง Hue/Saturation 7. ปรบเพมความสดของสภาพ โดยก าหนดออปชน

8. เลอกเครองมอ Burn แลวก าหนดออปชนบาร

9. คลกเลเยอร Layer 1 10. ระบายบรเวณตรงกลางของจมกนางแบบ เพอเพมสนจมก โดยระบายเมาสจากระหวางตามายงปลายจมก 11. ระบายเมาสบรเวณอนๆ ทตองการเพมความเขมขนเลกนอยใหกบภาพ เชน แกมทง 2 ขาง และปาก

Page 8: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

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 9: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

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 10: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

Page 9 of 44

เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต

23. ผลลพธทไดจากการปรบแตง

Page 11: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

Page 10 of 44

เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต

บทท 3 กำรแกภำพสเพยน

ตามปกตการแกไขภาพสเพยนมหลายวธ แตส าหรบ Workshop น เราจะใชวธปรบดวยค าสง Curves ซงถอวาเปนอกวธหนงทไดผลลพธนาพอใจ จดส าคญอยทการปรบคาสของภาพจดมดและสวางทมองเหนไดชดเจน กสามารถใชค าสง Curves ปรบไดทนท แตในกรณทภาพไมมจดมด-สวางอยางชดเจน เราจะตองมาหาจดมด-สวางในภาพเสยกอน จากนนจงคอยใชค าสงปรบแกสของภาพเสยใหม และปรบแสงเงาของภาพเพมเลกนอยกจะสามารถแกไขปญหาภาพสเพยนไดเชนกน

เรมตนกำรหำจดทมดและสวำงของภำพ

1. เปดไฟลภาพทตองการ (beach.jpg) 2. เลอกค าสง Image > Adjustments > Threshold 3. หาจดทมดทสดในภาพ โดยเลอนสไลดเดอรไปทางซายสดกอน แลวเลอนกลบมาทางขวาทละนดจนเหน

พนทสด าปรากฏขนมาพอสมควร 4. ซมและเลอนภาพใหเหนพนทสด าทเปนเปาหมายไดชดเจน แลววางเครองหมายชวยจ าต าแหนงโดยกดคย

Shift พรอมคลกเมาส 1 ครงบนพนทสด าจดใดจดหนง จะไดเครองหมาย

Page 12: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

Page 11 of 44

เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต

5. หาจดสวางทสดในภาพบาง โดยเลอนสไลเดอรไปทางขวาสด แลวเลอนกลบมาทางซายทละนดจนเหน

พนทสขาวปรากฏขนมาพอสมควร 6. วางเครองหมายชวยจ าต าแหนง โดยกดคย Shift พรอมคลกเมาส 1 ครง บนพนทสขาวจดใดจดหนง จะ

ไดเครองหมาย 7. คลกปม Cancel เพอยกเลกค าสง Threshold

3

4

Page 13: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

Page 12 of 44

เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต

กำรแกไขสเพยน

1. ปรบแกสเพยน โดยเลอกค าสง Image > Adjustments > Curves

2. คลกเครองมอ Black Point (ดานลางกราฟ) แลวคลกทต าแหนง บนภาพ

3. คลกเครองมอ White Pointแลวคลกทต าแหนง บนภาพ จะเหนลกษณะของกราฟทได หลงจากภาพถกแกสเพยนแลว ใหคลกปม OK

6

5 7

Page 14: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

Page 13 of 44

เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต

4. ปรบแสงเงาของภาพเพมเตม โดยเลอกค าสง Image > Adjustments > Curves แลวคลกลากเสนกราฟ

ไดตามทตองการ คลกปม OK เปนอนเสรจขนตอนการปรบแตงคาสเพยน

Page 15: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

Page 14 of 44

เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต

บทท 4 ปรบแตงภำพใหคมเขมและใสลกเลนฟองอำกำศ

Workshop นเปนเรองของการปรบแสงและสในภาพสามารถบอกเลาถงเรองราวและอารมณของภาพไดด เนนการปรบแตงสภาพใหออกโทนเขยวน าเงน โดยใชค าสงในกลม Adjustments แลวปรบ Blend Mode เพอชวยเสรมใหภาพดนมนวลมากยงขน และปดทายดวยการใสฟองอากาศลงไป

ปรบสภำพ

1. เปดไฟลภาพทตองการ (Banana Before.jpg)

2. กอปปเลเยอร Background โดยคลกลากเลเยอร Background มาทบปม ดานลางของพาเลต Layers จะไดเลเยอร Background copy

Page 16: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

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 17: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

Page 16 of 44

เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต

9. สราง Snapshot ขนตอนการปรบแตงโทนสภาพโดยคลกปม ดานลางของพาเลต History แลว

เปลยนชอ Snapshot ใหมเปน variation 10. เลอก Snapshot ชอ variations แลวคลกเมาสบนชองสเหลยมหนา Snapshot ชอ brightness

11. เลอกเครองมอ History Brush แลวก าหนดออปชนบาร

12. ซมขยายรปใหเหนดวงตาชดเจน แลวคลกระบายเมาสทวบรเวณดวงตาทง 2 ขาง เพอคนสตาใหกบ

นางแบบ

Page 18: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

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 19: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

Page 18 of 44

เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต

รทชผวเพมเตม

1. คลกเลอกเลเยอร Background copy เลอกเครองมอ Clone Stamp แลวก าหนดออปชนบาร

2. กดคย Alt คางไวแลวคลกเมาสบนพนทตนแบบ (พนททสวางตาใตตา) 3. คลกเมาสลงพนทใตตาทจะแกไข เพอลดรอยคล าใตตานางแบบ 4. สามารถเลอกพนทตนแบบไดเรอยๆ แลวแกไขรอยคล าใตตาทง 2 ขาง จนไดผลลพธเปนทพอใจ

ตกแตงฉำกหลง

1. เลอกเลเยอร Brightness /Contrast แลวคลกปม ดานลางของพาเลต Layers 2. เปลยนชอเลเยอรใหม gradient

Page 20: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

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 21: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

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 22: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

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 23: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

Page 22 of 44

เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต

8. คลกขวาทเลเยอร Background copy แลวเลอกค าสง Merge Down

9. เลอกเครองมอ ก าหนดออปชนบาร

10. คลกลากเมาสสราง selection รปวงกลม โดยกดคย Shift คางไวขณะคลกลากเมาส

11. เลอกค าสง Layer > New > Layer Via Copy จะไดรปวงกลมในเลเยอรใหมชอ Layer 1

Page 24: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

Page 23 of 44

เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต

12. กดคย Ctrl +D เพอยกเลก Selection 13. เลอกค าสง Image > Adjustments /Hue/Saturation แลวก าหนดออปชน

14. เลอกเครองมอ Brush แลวก าหนดออปชนบาร

15. คลก บนทลบอกซ เพอตงคาส Foreground เปนสด า 16. ระบายเมาสทบตรงเสนสขาวภายในวงกลมใหเปนสด า เพอกลมกลนกบพนสด า

Page 25: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

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 26: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

Page 25 of 44

เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต

6. เลอกเลเยอร gradient แลวคลกปม ดานลางของพาเลต Layers จะไดเลเยอร Group 1 จากนนเปลยนชอใหมเปน buble

7. คลกเลอกเลเยอรวงกลมทงหมด แลวคลกลากมาทบเลเยอรกรป buble 8. คลกไอคอน > หนาเลเยอรกรป buble เพอซอนเลเยอรทงหมดในกรปน

Page 27: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

Page 26 of 44

เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต

บทท 5 วำดภำพกรำฟกเลยนแบบ Illustrator

Photoshop ไมใชมความสามารถเพยงแคตกแตงภาพไดเทานน แตยงสามารถวาดภาพคลายกบ Illustrator ใน Workshop นจะมาฝกการวาดภาพดวยรปทรงตางๆ แบบเวคเตอรจากกลมเครองมอ Shape และวาดรปทรงดวยเครองมอสรางเสนพาธกน

สรำง Pattern ลวดลำยอฐ

1. สรางไฟลใหม โดยเลอกค าสง File > New

Page 28: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

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 29: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

Page 28 of 44

เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต

9. กดคย Ctrl + D เพอยกเลก Selection 10. กอปปเลเยอรเพม โดยคลกเลอกเลเยอร Layer 1 แลวกดคย Ctrl +J จะได Layer 1 copy

11. เลอกเครองมอ Move แลวจดต าแหนง 12. ท าซ าขนตอนท 10 กอปปเลเยอรสเหลยมสแดงเพม จนไดสเหลยมเตมพนทและจดต าแหนง

Page 30: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

Page 29 of 44

เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต

13. เลอกค าสง Edit > Define Pattern จะปรากฏไดอะลอกซ Pattern Name ใหตงชอ Pattern

สรำงไฟลใหม

1. สรางไฟลใหม โดยเลอกค าสง File >New ก าหนดขนาดไฟลใหม 800 x 600 pixels

2. เลอกเครองมอ Gradient แลวก าหนดออปชนบาร

Page 31: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

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 32: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

Page 31 of 44

เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต

9. เลอกค าสง Select > Modify > Feather ก าหนด Radius = 3 pixels

10. ตงคาส Foreground เปนสฟาออนและส Background เปนสขาว

11. เลอกเครองมอ Gradient แลวก าหนดออปชนบาร

12. คลกลากเมาสจากของลางของ Selection ขนไปดานบน

Page 33: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

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 34: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

Page 33 of 44

เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต

18. กดคย Ctrl +D เพอยกเลก Selection

สรำงและตกแตงปลองไฟ

1. คลกปม ดานลางของพาเลต Layers แลวเปลยนชอเลเยอรใหม เปน Flue

2. เลอกเครองมอ Rectangular Marquee แลวก าหนดออปชนบาร

3. คลกเมาส 1 ครง บนพนทหมะกองสง

4. เตมลวดลายให Selection โดยเลอกค าสง Edit > Fill แลวก าหนดออปชน

Page 35: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

Page 34 of 44

เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต

5. คลกปม ดานลางของพาเลต Layers แลวเลอกค าสง Stroke 6. ก าหนดออปชน

7. เปดไฟลภาพซานตาคลอส (SANTA.jpg)

8. เลอกเครองมอ Magic Wand แลวก าหนดออปชนบาร

Page 36: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

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 37: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

Page 36 of 44

เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต

สรำงหมะใหกบปลองไฟ

1. เลอกเลเยอร snow ground แลวคลกปม ดานลางของพาเลต Layers แลวเปลยนชอเลเยอรใหมเปน snow

Page 38: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

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 39: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

Page 38 of 44

เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต

7. กอปปเลเยอรเพม โดยคลกเลอกเลเยอร snow แลวกดคย Ctrl +J จะไดเลเยอร snow copy 8. เลอกเครองมอ Move แลวจดต าแหนงภาพหมะในทง 2 เลเยอรนใหม 9. กอปปเลเยอร snow copy โดยกคย Ctrl +J จะไดเลเยอร snow copy 2 แลวยายต าแหนงภาพในเล

เยอรนไปวางดานบนของปลองไฟ

Page 40: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

Page 39 of 44

เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต

10. เลอกเครองมอ Smudge แลวก าหนดออปชนบาร

11. คลกเมาสขนลงตรงบรเวณทตองการจะยดหรอหดภาพ 12. เลอกเครองมอ Eraser แลวลบบรเวณขอบของหมะทเลยปลองไฟออกมา

สรำงดวงดำวและหมะโปรย

1. เลอกเครองมอ Line แลวก าหนดออปชนบาร 2. คลกลากเมาสวาดเสนตรงในแนวตง โดยลากจากบนลงลาง ใหกดคย Shift คางไวดวยขณะคลกลากเมาส 3. เปลยนชอเลเยอรเสนตรงใหมเปน star line 4. กอปปเลเยอรเสนตรงเพมอก 2-3 เลเยอร โดยใหยอความยาวของเสนตามตองการ แลวจดต าแหนงใหม

Page 41: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

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 42: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

Page 41 of 44

เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต

17. สรางรปหมะตกบนภาพ โดยใชวธการเดยวกบการสรางรปดาวในเลเยอร star blur โดยใหสรางเลเยอร

ใหมแลวเปลยนชอ snow ball 18. เลอกเครองมอ Ellipse แลวก าหนดออปชนบาร

19. ตงคาส Foreground โดยคลกเลอกส Pastel Cyan จากพาเลต Swatches 20. คลกลากเมาสวาดรปทรงกลมขนาดเลก จ านวนตามตองการ จากนนท าตามขนตอนท 12-16 ส าหรบใน

ขนตอนการไลสเกรเดยนทใหกบทรงกลม ก าหนดออปชนบาร

Page 43: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

Page 42 of 44

เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต

สรำงตนครสตมำส

1. เลอกเลเยอร Background แลวคลกปม ดานลางของพาเลต Layers และเปลยนชอเลเยอรใหมเปน tree

2. เลอกเครองมอ แลวก าหนดออปชนบาร

3. ตงคาส Foreground โดยคลกเลอกส Dark Yellow Green จากพาเลต Swatches

4. คลกลากเมาสวาดรปทรงตนครสตมาส แลวจดวางต าแหนง

Page 44: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

Page 43 of 44

เอกสารอบรม “การสรางสรรคภาพและตกแตงภาพดวย ADOBE PHOTOSHOP” วทยากรโดย สเทพ โลหณต

5. กอปปเลเยอร tree โดยกดคย Ctrl +J จะไดเลเยอร tree copy 6. กดคย Ctrl +T แลวปรบยอขนาดรปตนครสตมาสในเลเยอร tree copy เลกนอยพรอมจดต าแหนง

ตกแตงลวดลำย

1. คลกปม ดานลางของพาเลต Layers และเปลยนชอเลเยอรใหมเปน flower

2. เลอกเครองมอ แลวก าหนดออปชนบาร

Page 45: เอกสารอบรม “การสร้างสรรค์ภาพ ...thep2train.com/word2train/wp-content/uploads/2019/03/Ph...Page 2 of 44 เอกสารอบรม

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%