Slice Tool จะเป็นการตัดภาพเป็นชิ้นเล็กๆ ไว้สำหรับทำงานออกแบบเว็บไซต์ ทุกภาพที่ถูกตัดแบ่งจะสามารถเชื่อมโยงลิงก์ได้ และโปรแกรมจะสร้างโค้ด HTML ให้ด้วยค่ะ เคยเห็นเมนูที่ดูเหมือนจะเป็นภาพเดียวกันใช่ไหมคะ แต่จะมีหลายลิงก์ให้เราคลิกเข้าไป Slice Tool ก็สามารถทำแบบนั้นได้ ส่วน Slice Selection Tool คือ เครื่องมือไว้สำหรับแก้ไขหรือปรับแต่ง Slice ด้วย โปรแกรม Adobe Photoshop

เครื่อง Slice Tools คืออะไร

Slice Tool คือ เครื่องมือที่ใช้สำหรับต้ดรูปภาพ หรือข้อความที่ต้องการเพื่อใช้ในการออกแบบ Website โดย จะใช้ตัดรูปภาพออก เป็นชิ้นเล็กๆ ด้วยโปรแกรม Photoshop ภาพจะถูกตัดแบ่งออกเป็นส่วนเล็กๆ หลังจากใช้เครื่องมือ Slice Tools แล้ว เราสามารถเลือก save ไว้ได้เลย 

Slice Selection Tool  คือ เป็นเครื่องมือสำหรับเลือกชิ้นส่วน เพื่อทำการปรับแต่งให้สวยงาม แต่ถ้าไม่สนใจก็สามารถใช้ เครื่องมือ Slice Selection Tool ในการ Deleat เส้นที่ไม่ต้องการออกจาก รูปภาพได้เลย

วิธีการใช้งานเครื่องมือ Slice Tool ด้วย Photoshop ดังนี้

คลิกค้างแดรกเมาส์สร้างเป็นกรอบสี่เหลี่ยม พอปล่อยก็จะมีเส้น Slice ขึ้นมา Slice ที่เราสร้างจะเรียกว่า User-Slice (เส้นทึบ) ส่วน Slice ที่เกิดขึ้นหลังจากที่เราสร้าง Slice จะเรียกว่า Auto-Slice (เส้นประ)

การสร้าง Layer Based Slice ไปที่เมนูบาร์ Layer เลือก New Layer Based Slice

ต่อมา เรายังสามารถสร้าง Slice จาก Guides  ก่อนอื่นก็ต้องสร้าง Guides โดยเลือกเครื่องมือ Slice Tool คลิกที่ Slice From Guides 

การลบ Slice เลือกใช้เครื่องมือ Slice Selection Tool คลิกที่ Slice ที่ต้องการลบ เมื่อคลิก Slice Slice นั้นจะเป็นสีเหลืองแล้วกดปุ่ม Delete ได้เลย

Slice Type :  สามารถเลือกได้ว่าจะมีภาพหรือไม่มีภาพ

Name :  ชื่อ Slice

URL :  ลิงก์ เมื่อคลิกที่ Slice นั้นจะไปยังลิงก์ที่ระบุ

Target :  เป้าหมาย กำหนดว่าจะให้ลิงก์เปิดหน้าต่างใหม่ (ระบุ _blank) หรือเปิดในหน้าต่างเดิม (ระบุ _self)

Message Text : ข้อความที่จะให้ปรากฏบริเวณ Status Bar ของ Browser

Alt Tag :  ข้อความที่จะให้ปรากฏ เมื่อเมาส์เลื่อนผ่าน

Dimensions :  ตำแหน่งของสไลด์

 

 

การบันทึก Slice หลังจากที่เราทำเสน็จแล้ว

ให้ไปไปที่เมนู File หลังจากนั้นดลือก Save for Web... หรือ จะใช้คีย์ลัดก็ได้ เพียง กด Alt+Shift+Ctrl+S แล้ว จากนั้น ก็ตั้งค่าต่างๆ ให้เรียบร้อย หลังจากตั้งค่าอะไรเรียบร้อยแล้ว ให้ทำการคลิกปุ่ม Save จากนั้นจะขึ้นหน้าต่าง Save Optimized As และเขียนชื่อ File ที่เราจะ save  และ ตรง Format เลือก HTML and Images แต่ถ้าไม่ต้องการตั้งค่าอะไรเพิ่มเติม ให้คลิกปุ่ม OK  เพียงทำนี้ก็สามารถเอา งานไปใช้งานได้เลยครับ

 เป็นการตั้งค่า สำหนับการ Save งานที่ได้ทำเสร็จ

 

 

 เป็นอย่างไรก็บ้างการทำ Slice Tools ในโปรแกรม Photoshop มันไม่ยุ่ง เเละซับซ้อนเลยใช่ไหม ยังไงก็อย่าลืมศึกษาเยอะๆ อีกทั้งมันยังให้โค้ด HTML ของเราออกมาตอน save อีกด้วย

 

 

สรุปได้ว่า

 

หลังจากที่เราได้เรียนรู้การตัดรูปภาพชิ้นเล็กๆ ด้วยเครื่อง Slice Tools ในโปรแกรม Photoshop แล้วคุณจะเห็นว่ามันทำไม่ยากเท่าไร่ในกรณีที่เราอยากปรับแต่ง รูปภาพให้ดูหลากหลาย เพื่อลงใน YouTube หรือ Line เราจำเป็นต้องฝึกผนจนชำนานเพื่อในอนาคต เราจะได้ต่อยอดเพื่อทำงานเป็นอาชีพทางด้าน การทำศิลปะประดิษฐ์ และ ทางด้านภาพ ต่อไปในอนาคต และผมก็มีเครื่องมือในโปรแกรม Photoshop อีกบางส่วนมาแนะนำ เพื่อใครสนใจอยากไปศึกษาต่อ คือ วิธีเซ็นเซอร์ภาพบางส่วน ด้วย โฟโตชอป หรือ พื้นฐาน เจาะลึก Panel ของ Photoshop เพื่อจะได้ไปต่อยอดในการทำงานได้อีกด้วย เพราะเป็นโปรแกรมที่คนนิยมใช้กันอยู่แล้ว ผมเลยอยากจะแนะนำ ครับ 

 

 

แหล่งที่มา

 

มาใช้ Photoshop ในการ Slices แบ่งรูปภาพกันดีกว่าครับ.[ออนไลน์].ศึกษาเพิ่มเติมได้ที่ 

https://www.thaicreate.com/graphic/photoshop-slices-image.html

 

ตัดภาพเป็นชิ้นด้วย Slice Tool.[ออนไลน์].ศึกษาเพิ่มเติมได้ที่ https://th.jobsdb.com/th-th/articles/slice-tool/

 

Slice Tool ใน Photoshop CS3.[ออนไลน์].ศึกษาเพิ่มเติมได้ที่

http://www.siamebook.com/lbro/en/photoshop-cs3-basic/1712-9-slice-tool-photoshop-cs3.html

 

Photoshop Slice Tool.[ออนไลน์].ศึกษาเพิ่มเติมได้ที่ https://www.mediacollege.com/adobe/photoshop/tool/slice.html