All Blog
มาสร้างภาพตัวต่อ (ภาพจิ๊กซอว์) ด้วย 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 : 1659 Pageviews.

0 comments
ชื่อ : * blog นี้ comment ได้เฉพาะ VIP Friend
Comment :
 *ส่วน comment ไม่สามารถใช้ javascript และ style sheet
 

ชีวานรินทร์
Location :
  

[ดู Profile ทั้งหมด]
ให้ทิปเจ้าของ Blog [?]
 ฝากข้อความหลังไมค์
 Rss Feed
 Smember
 ผู้ติดตามบล็อก : 3 คน [?]