ใช้ Photoshop ในการ separate แบ่งรูปภาพกันดีกว่า แยกรูป หนึ่งรูปเป็นหลายๆ รูป
วันนี้ผมจะมาบอกเคร็ดลับการ แยก แบ่ง หรือ ตัด ภาพ เมื่อเวลาเอาไปใช้งานภาพที่ถูกแบ่ง นำยังมาต่อกันเป็นภาพเหมือนเดิม งงกันแล้วช่ายป่าวครับ ไปทำพร้อมๆ กันเรยครับ
1. ให้เราเลือกภาพที่จะแบ่งส่วน มาโดย ให้เราไปที่ Menu คลิก File > Open หรือ กด Ctrl + O เมื่อเลือกภาพตามที่ต้องการก็ให้คลิก Open อีกครั้งนึงครับ
2. เมื่อเราได้ภาพที่ต้องการจะแบ่งส่วนมาและต่อไปก็เริ่งต้นการแบ่งส่วนกันเลย
โดยให้เรา คลิกที่ View > New Guides
มันจะมีให้เราเลือก จะเอา เส้นแนวตั้งหรือนอน ซึ่งทำได้ทีละเส้น
หรือวิธีใช้วิธีง่ายๆ ให้เราคลิกเมาส์ที่ แถบบันทัดแล้วลาก ได้ทั้งแนวทั้งและแนวนอน
***หมายเหตุ ทำเพื่องานต่อการตัด เช่น เราต้องการจะแบ่งส่วน เป็น 4 ภาพ เท่าๆกน มันก็จะง่ายต่อการแบ่งส่วนให้เท่าๆ กันครับ
3. เราจะใช้ Slice Tool ในการตัด เพื่อแบ่งส่วนภาพ
4. ลาก tool มาช่องที่ได้แบ่งเอาไว้ในการตัด
5. เมื่อครบทุกช่องหรือตามที่เราต้องการเเล้ว ให้เรา เลือก Save โดยไปที่ Menu File -> Save for Web หรือ กด Ctrl + Alt + Shift + S
6. เมื่อ Save เรียบร้อย ภาพจะถูกสร้าง Folder ใหม่ขึ้งเองอัตโนมัติ
เท่านี้ก็เสร็จเรียนร้อยครับ
ถาม : ทำไปทำไม ?
ตอบ : ถ้าพูดง่ายๆ มันก็เป็นแค่การตัดภาพทั่วๆ ไป นั้นแหละครับ แต่ประโยชน์มันมีอยู่ว่า ถ้าเราต้องการจะนำภาพ หนึ่งภาพ ไปใส่ใน เว็บไซต์ แต่ภาพนั้นเป็นไฟล์ที่ใหญ่ และเราต้องการจะใช้มัน และ! ต้องการความชมชัดมากๆๆ ซึ่งเรารู้อยู่ใช่ไหมครับว่า มันช้าต่อโหลด เมื่อผู้ชมเว็บมาชมเว็บของเรา และคงผิดเอามากๆ กับกฎการสร้างเว็บ เข้าใจแล้วสินะ ว่าพอเราแบ่งภาพจึงทำให้โหลดเร็ว ชัด และตอบสนองต่อเราและผู้ชมเว็บ
ใช้ Photoshop ในการ separate แบ่งรูปภาพกันดีกว่า แยกรูป หนึ่งรูปเป็นหลายๆ รูป
Moderator: mindphp, ผู้ดูแลกระดาน
- worachat
- PHP Hero Member
- โพสต์: 179
- ลงทะเบียนเมื่อ: 23/05/2016 9:55 am
- mindphp
- ผู้ดูแลระบบ MindPHP
- โพสต์: 41417
- ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
- ติดต่อ:
Re: ใช้ Photoshop ในการ separate แบ่งรูปภาพกันดีกว่า
บทเรียนอื่นๆ ของ Photoshop
https://www.mindphp.com/%E0%B8%9A%E0%B8 ... oshop.html
https://www.mindphp.com/%E0%B8%9A%E0%B8 ... oshop.html
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
-
- PHP Hero Member
- โพสต์: 105
- ลงทะเบียนเมื่อ: 12/07/2019 2:54 pm
- ติดต่อ:
Re: ใช้ Photoshop ในการ separate แบ่งรูปภาพกันดีกว่า
ศูนย์รวมเครื่องวัดคุณภาพ https://legatool.com/
ผู้เชี่ยวชาญของตลาดเครื่องมือวัด อุปกรณ์ทดสอบ และชุดทดสอบที่ใหญ่ที่สุดในประเทศไทย
ผู้เชี่ยวชาญของตลาดเครื่องมือวัด อุปกรณ์ทดสอบ และชุดทดสอบที่ใหญ่ที่สุดในประเทศไทย
-
- Similar Topics
- ตอบกลับ
- แสดง
- โพสต์ล่าสุด
-
-
โพสต์ใหม่ เทคนิค Photoshop วิธีการทำพื้นหลังเป็นแบบลำแสงพระอาทิตย์ Photoshop cs6
โดย pnut » 07/10/2016 5:50 pm » ใน Microsoft Office Knowledge & line & Etc - 0 ตอบกลับ
- 5285 แสดง
-
โพสต์ล่าสุด โดย pnut
07/10/2016 5:50 pm
-
-
-
โพสต์ใหม่ สอบถามการใช้เงื่อนไข ในการ insert ลงฐานข้อมูลคนละตาราง
โดย birdkritsna » 03/10/2019 3:59 pm » ใน Programming - PHP - 4 ตอบกลับ
- 1147 แสดง
-
โพสต์ล่าสุด โดย birdkritsna
03/10/2019 5:46 pm
-
-
-
โพสต์ใหม่ การรับค่า rotate ในการ สร้างลายน้ำด้วยภาพ
โดย fonfonn » 23/08/2022 4:47 pm » ใน Python Knowledge - 0 ตอบกลับ
- 504 แสดง
-
โพสต์ล่าสุด โดย fonfonn
23/08/2022 4:47 pm
-
-
- 1 ตอบกลับ
- 1853 แสดง
-
โพสต์ล่าสุด โดย eange08
06/07/2022 3:01 pm
-
-
โพสต์ใหม่ สอบถามวิธี เขียนไฟล์ routing.yml ในการ set path
โดย flook » 09/07/2022 1:04 pm » ใน Programming - PHP - 4 ตอบกลับ
- 682 แสดง
-
โพสต์ล่าสุด โดย mindphp
12/07/2022 11:07 am
-
ผู้ใช้งานขณะนี้
สมาชิกกำลังดูบอร์ดนี้: Google Adsense [Bot] และบุคลทั่วไป 70