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

by PhotoshopPub.Com ครับผม on March 15, 2010

สมัครและส่งภาพขายที่ shutterstock

วันนี้เรามาลองสร้างภาพตัวต่อหรือที่เราเรียกกันว่าภาพตัวต่อ (ภาพจิ๊กซอว์)ด้วยโปรแกรม 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 Files\Adobe\Adobe Photoshop CS3\Presets\Textures เมื่อเราเลือกโฟลเดอร์แล้วจะเห็นว่ามีไฟลซื่อ 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 ไฟล์แบบต่างเพื่อนำไปใช้งานได้เลยนะครับ

หวังว่าคงนำไปประยุกต์ใช้งานได้นะครับ

คำค้นหาที่เกี่ยวข้องกับบทความนี้

Comments on this entry are closed.

Previous post:

Next post: