มาสร้างภาพตัวต่อ (ภาพจิ๊กซอว์) ด้วย Photoshop

วันนี้เรามาลองสร้างภาพตัวต่อหรือที่เราเรียกกันว่าภาพตัวต่อ
(ภาพจิ๊กซอ) ด้วยโปรแกรม Photoshop กันครับ ลองดูภาพก่อนเลยครับ

1. ตอนแรกเลือกภาพมาสักใบก่อนนะครับ

2. ไปที่ Layer Pallet และทำการกด Ctrl + J (PC) หรือ Comand + J (Mac)
เพื่อที่จะสร้างสำเนาของภาพนะครับ เมื่อเสร็จแล้วเราก็จะได้ Layer1
ขึ้นมาดังภาพนะครับ

3. ทำการสร้าง Layer เปล่ามาหนึ่งอันนะครับโดยการกดปุมสร้าง Layer
ตามภาพเลยนะครับ

4. จะได้ Layer2 มาครับ

5. ทำการย้าย Layer2 มาตรงกลางนะครับ

6. ทำการใส่สีนะครับโดยเลือก Edit>Fill

7. เลือกสีขาวนะครับ แล้วกด OK

8. จะได้ Layer2 มีสีขาวนะครับ

9. เลือกกลับไปที่ Layer1

10. ขั้นตอนต่อมาเป็นการใส่ลายนะครับ ให้เราไปเลือกที่
Filter>Texture>Texturizer นะครับ

11. จะเห้นหน้าต่างขึ้นมานะครับเรากดปุ่มสามเหลี่ยมเล็กนะครับ
แล้วก็จะเห็นคำว่า Load Texture ขึ้นมานะครับ ให้เรากดไปที่ Load Texture

12. ทำการเลือกTexture ซึ่งtexture นี้จะเป็นไฟล์ที่มีมาให้กับโปรแกรม
Photoshop อยู่แล้วนะครับ ซึ่งจะอยู่ในโฟลเดอร์ของโปรแกรม Photoshop เช่น C:Program FilesAdobeAdobe
Photoshop CS3PresetsTextures
เมื่อเราเลือกโฟลเดอร์แล้วจะเห็นว่ามีไฟลซื่อ Puzzle.psd
ให้เราเลือกไฟล์นั้นนะครับ

13. ทำการปรับ Scale เพื่อเพิ่มขนาดของตัวต่อ (ตัวจิ๊กซอ) และปรับ
Relief เพื่อเพิ่มความลึกของตัวจิ๊กซอ อันนี้เราสามารถปรับได้ตามใจนะครับ
ลองปรับแล้วลองดูตัวอย่างจนเราพอใจนะครับ เสร็จแล้วกด OK

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

15. ไปที่ Tool Pallet แล้วเลือก Pen Tool ครับ

16. ให้เราเลือก Pen Tool เป็นแบบSelect Path
ดูตามภาพนะครับจะได้เข้าใจมากขึ้นครับ

17. ขั้นตอนนี้เราจะใช้ Pen Tool สร้าง path รอบๆตัวต่อ
(ตัวจิ๊กซอว์)นะครับ ขั้นตอนในการสร้าง path
นี้ต้องใช้ความละเอียดนิดหน่อยครับ

18. หลังจากสร้างเสร็จแล้วให้กด Crtl + Enter (Pc) หรือ Command+Return
(Mac ) เพื่อทำการสร้าง selection นะครับ

19. ทำการตัดโดยการเลือก Edit>Cut

20. ส่วนที่เป็นตัวต่อ (ตัวจิ๊กซอว์)เมื่อกี้ก็หายไปนะครับ

21. ต่อมาทำการ paste เพื่อทำการวางชิ้นส่วนของตัวต่อ (ตัวจิ๊กซอว์)
โดยการเลือก Edit Paste

22. เราก็จะได้ Layer ใหม่ขึ้นมา ซึ่งเป็น Layer ที่มีส่วนของตัวต่อ
(ตัวจิ๊กซอว์) ที่เราได้ทำการตัดมาครับ

23. ต่อมาเราต้องทำการหมุนตัวต่อ (ตัวจิ๊กซอว์) โดยการเลือก
Edit>Free Transform

24. ทำการหมุนตัวต่อ (ตัวจิ๊กซอว์) จนพอใจแล้วกด Enter (PC) หรือ Return
(Mac) เพื่อทำการหมุนนะครับ

25. ต่อมาไปที่ layer pallet ให้เราเลือก layer effect เป็น Drop Shadow
ตามภาพนะครับ

26. ลองทำการปรับ ค่าต่างๆจนเราพอใจกับเงาที่ได้นะครับ แล้วกด OK นะครับ

27. เสร็จแล้วหนึ่งอันครับ

28. ต่อมาเราก็อาจจะต้องทำการทำซ้ำเพื่อสร้างตัวต่อ (ตัวจิ๊กซอว์)
เล็กๆมากขึ้นนะครับ โดยเราต้องกลับไปเลือก Layer1 แล้วทำซ้ำขั้นตอน 17-26
จนเราได้ตัวตัวต่อ (ตัวจิ๊กซอว์) ในจำนวนที่พอใจนะครับ
ขั้นตอนนี้ใจเย็นๆค่อนทำครับ ซึ่งก็จะได้ออกมาประมาณนี้ครับ

29. เรายังสามารถเพิ่มลูกเล่นได้อีกนะครับ ให้เราเลือก Layer1
แล้วเราจะใช้ Pen Tool สร้าง path รอบกรอบใหญ่ของเรานะครับ
ขั้นตอนนี้ใจเย็นๆค่อนทำครับใช้เวลานิดนึงครับ

30. หลังจากสร้างเสร็จแล้วให้กด Crtl + Enter (Pc) หรือ Command+Return
(Mac ) เพื่อทำการสร้าง selection นะครับ

31. ทำการเลือก Select>Inverse

32. เลือก Edit>Cut เพื่อตัดส่วนที่เราไม่ต้องการออก

33. ก็จะได้ประมาณนี้ครับ

34. ทำการ Drop Shadow ครับ

35. ปรับค่าต่างๆของเงาจนเราพอใจ
เราสามารถดูตัวอย่างขณะปรับได้เลยนะครับ ในที่นี้ผมเลือกใช้ Blend mode:
Normal, Opacity = 37%, Angle = 135, Distance = 30 px, Spread = 5%, Size =
3 px นะครับ

36. เราก็จะได้ภาพสุดท้ายอย่างนี้นะครับ เสร็จแล้วเพื่อๆสามารถ save
ไฟล์แบบต่างเพื่อนำไปใช้งานได้เลยนะครับ

หวังว่าคงนำวิธีการสร้างภาพตัวต่อ (ภาพจิ๊กซอว์) ด้วย Photoshop
ไปประยุกต์ใช้งานได้นะครับ

Create Date : 02 มิถุนายน 2553 Last Update : 2 มิถุนายน 2553 22:45:30 น. Counter : 2447 Pageviews.		0 comments
Share Tweet