การย่อรูปลงเว็บรูปที่เราถ่ายมาโดยทั่วไปนั้นมักจะมีขนาดใหญ่ ก่อนเอามาโพสต์ลงเว็บจึงต้องทำการย่อขนาดให้เหมาะสมเสียก่อน ผมจึงทำตัวอย่างการย่อรูปมาให้ดูกัน 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
ไม่มีความคิดเห็น:
แสดงความคิดเห็น