วันพุธที่ 18 พฤศจิกายน พ.ศ. 2552

การทำ Script ย่อรูป

การย่อรูปลงเว็บ

รูปที่เราถ่ายมาโดยทั่วไปนั้นมักจะมีขนาดใหญ่ ก่อนเอามาโพสต์ลงเว็บจึงต้องทำการย่อขนาดให้เหมาะสมเสียก่อน ผมจึงทำตัวอย่างการย่อรูปมาให้ดูกัน 2 แบบก่อนน่ะ
แบบที่ 1 คือการย่อรูปตามปกติโดยการใช้คำสั่ง Image Size
หลังจากที่เปิดรูปที่จะย่อขึ้นมาก็ไปที่ Menu Bar เลือก Image > Image Size
แล้วเปลี่ยนพารามิเตอร์ Width เป็น 850px(สำหรับ Section Webboard อนุญาตให้กว้างไม่เกิน 850px) แล้วก็คลิ๊ก OK เท่านี้ก็เรียบร้อยครับ



by Webmaster [on 10-06-2009, 17:53]

Re : การย่อรูปลงเว็บ #1

ผลลัพธ์ที่ได้จากการย่อด้วยการใช้คำสั่ง Image Size



by Webmaster [on 10-06-2009, 17:56]

Re : การย่อรูปลงเว็บ #2

หลังจากนั้นก็ Save ด้วยคำสั่ง Save for Web โดยการไปที่ Menu Bar เลือก File > Save for Web
- เลือกชนิดไฟล์เป็น "JPEG"
- เลือกค่า Quality ของรูป ซึ่งค่านี้ไม่ควรเลือกเกิน 60 เพราะไฟล์ยังมีขนาดค่อนข้างใหญ่ เมื่อเลือกค่า Quality แล้วให้สังเกตวงสีแดงด้านล่างซ้ายที่มีเครื่องหมาย "*" ค่าดังกล่าวจะเปลี่ยนแปลงไปตามค่า Quality และค่าดังกล่างไม่ควรเกิน 200k ครับ หากค่าดังกล่าวมากกว่า 200k ก็ลด Quality ลงเป็น 50, 40 แล้วแต่ความเหมาะสมครับ หลังจากนั้นก็คลิ๊ก Save เป็นอันเสร็จสิ้นการ Save for Web



by Webmaster [on 10-06-2009, 17:57]

Re : การย่อรูปลงเว็บ #3

แบบที่ 2 เป็นการย่อรูปด้วยการใช้คำสั่ง Image Size ร่วมกับคำสั่ง Unsharp Mask

การย่อด้วยวิธีนี้มีหลายขั้นตอน ผมจึงอธิบายพร้อมกับการทำ Action ไปในตัวด้วยเพราะเมื่อทำเสร็จแล้วก็สามารถเรียกคำสั่ง Action มาย่อรูปได้ด้วยการคลิ๊กเพียงครั้งเดียว ว่าแล้วก็เริ่มกันเลย
- ไปที่ Menu Bar เลือก Window > Action
- คลื๊ก Create New Set(ที่เป็นรูปโฟลเดอร์)
- ตั้งชื่อ New Set(ในที่นี้ผมตั้งชื้อว่า Image size) แล้วคลิ๊ก OK



by Webmaster [on 10-06-2009, 17:58]

Re : การย่อรูปลงเว็บ #4

- คลิ๊ก Create New Action
- ตั้งชื่อ New Action(ในที่นี้ผมตั้งชื้อว่า 850px เพราะจะย่อให้เหลือขนาด 850px)
- คลิ๊ก Record



by Webmaster [on 10-06-2009, 17:59]

Re : การย่อรูปลงเว็บ #5

มาถึงขั้นตอนนี้จะเห็นว่าปุ่ม Begin Recording จะเป็นสีแดง หมายถึงกำลังบันทึกการทำ Action ในช่วงนี้ต้องทำขั้นตอนที่เกี่ยวกับการย่อรูปเท่านั้น อย่าคลิ๊กอย่างอื่น เพราะทุกคำสั่งที่เราทำจะถูกบันทึกทั้งหมด

รูปในตัวอย่างนี้มี ความกว้าง ยาวคือ 3872x2592px ผมจะทำการย่อลงให้เหลือด้านกว้าง 2500px ก่อน
- ไปที่ Menu Bar เลือกคำสั่ง Image > Image Size
- เปลี่ยนค่า Width เป็น 2500px แล้วคลิ๊ก OK



by Webmaster [on 10-06-2009, 18:00]

Re : การย่อรูปลงเว็บ #6

หลังจากนั้นเราจะทำให้รูปมีความคมชัดขึ้นด้วยการใช้คำสั่ง Unsharp Mask
- ไปที่ Menu Bar เลือก Filter > Sharpen > Unsharp Mask
- ใส่ค่า Amount = 200%
- ใส่ค่า Radius = 0.2 pixels
- ใส่ค่า Threshold = 0 Levels



by Webmaster [on 10-06-2009, 18:01]

Re : การย่อรูปลงเว็บ #7

ย่อด้วย Image Size แล้วทำให้รูปคมชัดขึ้นด้วย Unsharp Mask สลับกันไปด้วยค่าดังนี้

รอบที่ 1 / Image Size ---> 2500 Pixels / Unsharp Mask ---> amount = 200, Radius = 0.2, Threshold = 0 /
รอบที่ 2 / Image Size ---> 1500 Pixels / Unsharp Mask ---> amount = 200, Radius = 0.2, Threshold = 0 /
รอบที่ 3 / Image Size ---> 850 Pixels / Unsharp Mask ---> amount = 200, Radius = 0.2, Threshold = 0 /

เมื่อทำครบขั้นตอนดังกล่าว ก็คลิ๊กที่ Stop Recording เป็นอันเสร็จการทำ Action



by Webmaster [on 10-06-2009, 18:01]

Re : การย่อรูปลงเว็บ #8

เมื่อเรามี Action แล้วทีนี้การย่อรูปก็สามารถทำได้อย่างรวดเร็วด้วยการ
- เปิดรูปที่ต้องการย่อขึ้นมา
- ไปที่ Menu Bar เลือก Window > Action
- เลือก New Action ที่ต้องการทำ(ในที่นี้ชื่อ 850px)
- แล้วคลิ๊ก Play Selection(เป็นรูปสามเหลี่ยมเหมือนปุ่ม Play ทั่วๆ ไป)
- แล้วก็ Save for Web(ตามตัวอย่างใน คห.2)

ที่นี้เรามาดูผลลัพธ์กันบ้าง
รูป A เป็นผลลัพธ์จากการ Image Size จากด้านกว้าง 3872px ลงมาเหลือ 850px ในครั้งเดียว
ส่วนรูป B เป็นผลลัพธ์จากการ Image Size และ Unsharp Mask
จะเห็นว่ารูปที่ค่อยๆ ย่อลงและทำ Unsharp Mask ไปพร้อมๆ กันจะมีความคมชัดมากกว่า




Reference: http://www.chalaom.com/forum/?id=6

ไม่มีความคิดเห็น: