วันนี้ผมจะมาบอกเคร็ดลับการ แยก แบ่ง หรือ ตัด ภาพ เมื่อเวลาเอาไปใช้งานภาพที่ถูกแบ่ง นำยังมาต่อกันเป็นภาพเหมือนเดิม งงกันแล้วช่ายป่าวครับ ไปทำพร้อมๆ กันเรยครับ
1. ให้เราเลือกภาพที่จะแบ่งส่วน มาโดย ให้เราไปที่ Menu คลิก File > Open หรือ กด Ctrl + O เมื่อเลือกภาพตามที่ต้องการก็ให้คลิก Open อีกครั้งนึงครับ
2. เมื่อเราได้ภาพที่ต้องการจะแบ่งส่วนมาและต่อไปก็เริ่งต้นการแบ่งส่วนกันเลย
โดยให้เรา คลิกที่ View > New Guides
มันจะมีให้เราเลือก จะเอา เส้นแนวตั้งหรือนอน ซึ่งทำได้ทีละเส้น
หรือวิธีใช้วิธีง่ายๆ ให้เราคลิกเมาส์ที่ แถบบันทัดแล้วลาก ได้ทั้งแนวทั้งและแนวนอน
***หมายเหตุ ทำเพื่องานต่อการตัด เช่น เราต้องการจะแบ่งส่วน เป็น 4 ภาพ เท่าๆกน มันก็จะง่ายต่อการแบ่งส่วนให้เท่าๆ กันครับ
3. เราจะใช้ Slice Tool ในการตัด เพื่อแบ่งส่วนภาพ
- separat5.jpg (50.48 KiB) Viewed 25871 times
5. เมื่อครบทุกช่องหรือตามที่เราต้องการเเล้ว ให้เรา เลือก Save โดยไปที่ Menu File -> Save for Web หรือ กด Ctrl + Alt + Shift + S
6. เมื่อ Save เรียบร้อย ภาพจะถูกสร้าง Folder ใหม่ขึ้งเองอัตโนมัติ
- separat8.jpg (21.79 KiB) Viewed 25871 times
ถาม : ทำไปทำไม ?
ตอบ : ถ้าพูดง่ายๆ มันก็เป็นแค่การตัดภาพทั่วๆ ไป นั้นแหละครับ แต่ประโยชน์มันมีอยู่ว่า ถ้าเราต้องการจะนำภาพ หนึ่งภาพ ไปใส่ใน เว็บไซต์ แต่ภาพนั้นเป็นไฟล์ที่ใหญ่ และเราต้องการจะใช้มัน และ! ต้องการความชมชัดมากๆๆ ซึ่งเรารู้อยู่ใช่ไหมครับว่า มันช้าต่อโหลด เมื่อผู้ชมเว็บมาชมเว็บของเรา และคงผิดเอามากๆ กับกฎการสร้างเว็บ เข้าใจแล้วสินะ ว่าพอเราแบ่งภาพจึงทำให้โหลดเร็ว ชัด และตอบสนองต่อเราและผู้ชมเว็บ
