ผมจะมาใช้เครื่องมือที่ชื่อว่า Slice Tool ในโปรแกรม Adobe Photoshop cs6 ในการ Seve รูปในครั้งเดียว แต่จะได้รูปออกมามากกว่า 1 รูป
เครื่องมือตัวนี้ผมใช้ในการเสร้างเว็บ กับโปรแกรม Adobe Dreamweaver cs6 ในการสร้างเว็บแบบ lay out โดยใช้ในการสร้างภาพแล้วเอาไปใส่นั้นเองครับ
หรือไม่จำเป็นจำต้องทำเกี่ยวกับเว็บก็ได้ครับ เราสามารถนำไปประยุคใช้อะไรได้อีกมากมายเลยครับ
เรามาดูวิธีทำกันเลยนะครับ
ขั้นแรก ให้เรา New File ขึ้นมาใหม่ เสร็จแล้วให้เราตั้ง ชื่อ File งานของเรา ของผมจะตั้งเป็น Manu ber และกำหนดขนาด ความกว้าง ความยาว ตามที่เราต้องการ
เมื่อเราให้หน้างานที่เรากำหนดไว้แล้ว แล้วเราทำการ ดับเบิ้ลคลิกที่ layer Background แล้วจะขี้นหน้า New layer หลังจากนั้นเราก็ไม่ต้องทำอะไรให้เรากด OK ได้เลย
หลังจากนั้นเราก็ออกแบบได้เลย และเมื่อออกแบบเสร็จแล้ว ในที่นี้ผมออกแบบเป็น Manu bar นะครับ ให้เราทำการลากเส้นแบ่งส่วนที่จะแบ่งออกเป็นรูป ๆ ให้ชัดเจน โดยการลากจากไม้บรรทัดที่วัดทั้งแนวนอนและแนวตั้งลงมาครับ
เมื่อแบ่งเป็นรูป ๆ ที่เราต้องการแล้ว ให้เรากดที่ เครื่องมือ Slice Tool ครับ
แล้วทำการคุมตามที่เราได้แบ่งไว้ ทำการคุมให้หมดทุกรูปนะครับ หลังจากที่คุมแล้ว ก็จะมีตัวเลขขึ้นมาอยู่ด้านบนซ้าย ของที่เราทำการคุมไว้ทุกรูป
หลังจากนั้นให้เรา เลือกไปที่ File >> Seve for web (หรือ กด shift+ctrl+alt+s พร้อมกัน)
เมื่อขึ้นมาในหน้า Save for web แล้ว ให้เราตรวจดูรูปภาพอีกที ว่ามีตรงไหนที่เราจะทำการแก้ไขอีกหรือไม่ ถ้าไม่มีให้เรากด Save ได้เลย
เมื่อเราทำการ Save แล้ว ให้เราเข้าไปดูใน Folder ที่เราได้ทำการ Save ไว้ โปรแกรมจะสร้าง Folder ให้เราโดยอัตโนมัติ และเก็บรุปที่เรา Save ทั้งหมดไว้ใน Folder นั้นให้
เมื่อเข้าไปแล้วก็จะเห็นว่า รุปที่เราได้ทำการ Save ไว้เมื่อกี้ ได้ถูกแบบออกเป็นหลายรูป ตามที่เราได้ทำการแยกไว้ และมีขนาดเท่าที่เราได้แยกไว้เหมือนกันครับ
เราก็สามารถนำรูปไปใช้ได้เลยครับ
วิธีการใช้เครื่องมือ Slice ในโปรแกรม Adobe Photoshop cs6
Moderator: mindphp, ผู้ดูแลกระดาน
-
- PHP Sr. Member
- โพสต์: 86
- ลงทะเบียนเมื่อ: 30/07/2019 10:08 am
-
- Similar Topics
- ตอบกลับ
- แสดง
- โพสต์ล่าสุด
-
-
โพสต์ใหม่ แนะนำเครื่องมือ ในโปรแกรม adobe flash Cs6 (อะโดบี แฟลช)
โดย natnicha001 » 28/08/2017 5:23 pm » ใน Graphic design - 1 ตอบกลับ
- 47941 แสดง
-
โพสต์ล่าสุด โดย mindphp
26/06/2018 9:35 pm
-
-
-
โพสต์ใหม่ ทำแบนเนอร์เว็บไซต์ง่ายๆด้วย Adobe Photoshop
โดย nutapisit » 23/06/2021 3:36 pm » ใน Graphic design - 0 ตอบกลับ
- 1303 แสดง
-
โพสต์ล่าสุด โดย nutapisit
23/06/2021 3:36 pm
-
-
- 0 ตอบกลับ
- 1409 แสดง
-
โพสต์ล่าสุด โดย hayatee
20/04/2021 3:53 pm
-
-
โพสต์ใหม่ เทคนิคสลับข้างรูปภาพซ้าย-ขวา บน-ล่างด้วย Adobe Photoshop
โดย napharat079 » 25/04/2019 12:03 pm » ใน Graphic design - 0 ตอบกลับ
- 2048 แสดง
-
โพสต์ล่าสุด โดย napharat079
25/04/2019 12:03 pm
-
-
-
โพสต์ใหม่ เทคนิคการทำภาพซ้อนอย่างง่าย ด้วย Adobe Photoshop
โดย napharat079 » 25/04/2019 2:51 pm » ใน Graphic design - 0 ตอบกลับ
- 3357 แสดง
-
โพสต์ล่าสุด โดย napharat079
25/04/2019 2:51 pm
-
-
-
โพสต์ใหม่ Photoshop กับ Adobe Illustrator ต่างกันอย่างไร
โดย winnerzx » 27/06/2021 5:16 am » ใน Graphic design - 0 ตอบกลับ
- 2537 แสดง
-
โพสต์ล่าสุด โดย winnerzx
27/06/2021 5:16 am
-
-
-
โพสต์ใหม่ เครื่องมือต่างๆบน Adobe Photoshop 2021
โดย nutapisit » 23/06/2021 1:25 pm » ใน Graphic design - 0 ตอบกลับ
- 4538 แสดง
-
โพสต์ล่าสุด โดย nutapisit
23/06/2021 1:25 pm
-
-
-
โพสต์ใหม่ รีทัชภาพบน Adobe Photoshop ง่ายๆเพียง 7 ขั้นตอน
โดย Tookta » 13/12/2022 4:02 pm » ใน Graphic design - 2 ตอบกลับ
- 245 แสดง
-
โพสต์ล่าสุด โดย Tookta
13/12/2022 5:55 pm
-
ผู้ใช้งานขณะนี้
สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 62