Pajero Sport-Thailand ปาเจโร่สปอร์ตไทยแลนด์

เราจะทำให้ภาพถ่ายคมชัดสำหรับเว็บไซต์ได้อย่างไร (ภาพถ่ายคมชัดด้วย Smart Sharpen)..
(http://img810.imageshack.us/img810/9051/73143685.jpg) (http://img810.imageshack.us/i/73143685.jpg/)

.........ทุกวันนี้คนโพสภาพในอินเตอร์เนตขาดความเข้าใจไปเรื่องหนึ่งซึ่งทำให้ภาพถ่ายที่สวยงามกลับกลายเป็นภาพธรรมดาๆ และอาจจะดูไม่น่าสนใจ ทั้งๆ ที่ในขณะถ่ายภาพนั้นใช้ฝีมือถี่ถ้วนและใช้อุปกรณ์อันเป็นเลิศ แต่ในขั้นตอนท้ายที่สุดก่อนจะนำภาพขึ้นไปใช้บนอินเตอร์เนตนั้นกลับพลาดไปอย่างน่าเสียดาย...

   ...ขั้นตอนที่ว่านั้นก็คือ "ทำภาพให้คมชัด" ด้วยเครื่องมือในการโปรเซสภาพถ่ายนั่นเอง.....

         ต้องทำความเข้าใจก่อนว่า เมื่อเรานำภาพมาใช้งานในอินเตอร์เนตไม่ว่าจะเป็นเว็บไซต์หรือเว็บบอร์ดต่างๆ นั่นคือการแสดงภาพด้วย "จอภาพ" ซึ่งมีความละเอียดอยู่ที่ 72dpi (dot per inch) ซึ่งจะต่างจากการนำไปใช้บนสื่ออื่นๆ ที่อาจจะมีความละเอียดสูงกว่านี้

   ในการย่อหรือขยายขนาดภาพถ่ายแต่ละครั้ง (ที่เรียกว่า "Interpolation") นั้น ภาพจะสูญเสียความคมชัดหรือรายละเอียดของจุดสีในภาพบางส่วนไป ซึ่งผลโดยตรงของเรื่องนี้ก็คือจะทำให้ความคมชัดในภาพถูกลดลงทันที ดังนั้นหมายความว่าเราจะเพียงแค่ย่อภาพให้ได้ขนาดตามต้องการเฉยๆ นั้นย่อมไม่ดีต่อภาพที่จะนำไปใช้งานแน่ๆ

   เมื่อย่อขนาดของภาพให้เล็กลงเพื่อจะนำไปใช้ในอินเตอร์เนต (หรือใช้แสดงผลบนจอภาพ) เราจึงต้องปิดท้ายด้วยเครื่องมือ "Sharpen" ซึ่งเป็นเครื่องมือพื้นฐานในโปรแกรมตกแต่งภาพทั่วไป ในที่นี้จะใช้เครื่องมือ "Smart Sharpen" ของ Adobe Photoshop สำหรับการเพิ่มความคมชัดให้กับภาพในขั้นตอนสุดท้ายหลังจากที่ได้ขนาดของภาพตามต้องการแล้ว
วิธีการมีดังนี้..
ไปที่คำสั่ง Filter > Sharpen > Smart Sharpen
(http://img37.imageshack.us/img37/3876/61443751.jpg) (http://img37.imageshack.us/i/61443751.jpg/)
เมื่อปรากฏหน้าต่างของ Smart Sharpen ขึ้นมาแล้ว ให้เราเลือกที่โหมดแบบ "Basic
(http://img40.imageshack.us/img40/8728/39854873.jpg) (http://img40.imageshack.us/i/39854873.jpg/)
ปรับค่า Amount ไปที่ 100%

ปรับค่า Radius ไปที่ 0.3 - 0.6 px

   ในส่วนของค่า Radius นี้ขอให้พิจารณาลักษณะของภาพถ่าย (หลังจากย่อขนาดแล้ว) ว่ามีลักษณะเป็นอย่างไร หากภาพมีรายละเอียดเล็กๆ อยู่มาก (เช่นต้นหญ้า, เม็ดทราย, เนื้อหิน ฯลฯ) ก็ไม่ควรใช้ถึง 0.6 px เพราะอาจจะทำให้รายละเอียดเหล่านั้นดูหยาบมากเกินไป
(http://img29.imageshack.us/img29/5410/95678771.jpg) (http://img29.imageshack.us/i/95678771.jpg/)

ถึงแม้ว่าภาพที่ 3 จะดูชัดเจนดี แต่มันก็ถูกใส่ค่า Radius มากเกินจำเป็นจนขึ้นขอบขาวๆ (Halo) บริเวณขอบของวัตถุ ในขณะที่ภาพที่ 1 ก็ใช้ค่า Radius น้อยเกินไปจนภาพดูยังไม่คมหรือเหมือนหลุดโฟกัส ส่วนภาพที่ 2 นั้นค่า Radius กำลังดี อาจจะนำไปตกแต่งเพิ่มความคมชัดเฉพาะส่วนที่เป็นเส้นได้อีกหน่อย

พูดง่ายๆ ก็คือ ดูภาพของเราว่าระหว่าง 0.3 กับ 0.6 อันไหนดูดีกว่ากัน?

? อย่าใช้ค่าความคมชัดมากเกินจำเป็น เพราะแทนที่มันจะดูดีก็กลับกลายเป็นดูน่ารำคาญสายตาไปเลย
(http://img27.imageshack.us/img27/3465/57820618.jpg) (http://img27.imageshack.us/i/57820618.jpg/)

ใส่ค่าความคมชัดมากเกินไป แทนที่ภาพจะดูดีก็กลายเป็นเสียหายไปเลย ที่น่าสังเกตก็คือลักษณะของสิ่งที่อยู่ในภาพนี้มีรายละเอียดมาก ยิ่งใส่ค่าความคมชัดมากภาพก็ยิ่งดูไม่รู้เรื่องมากไปด้วย

? ขั้นตอน Sharpen ควรเป็นขั้นตอนสุดท้าย เพราะหากมีการย่อ, ขยาย, หมุน หรือทำการเปลี่ยนแปลงใดๆ หลังจาก Sharpen ก็หมายถึงความคมชัดจะเสียไปอีก ควรปรับขนาดและหมุนภาพให้เสร็จเรียบร้อยลงตัวเสียก่อน

? กำหนดขนาดของภาพตามที่จะใช้จริงและควรตรวจสอบขนาดที่เว็บไซต์จำกัดเอาไว้ด้วย เพราะถ้าภาพมีขนาดใหญ่เกินกำหนด เว็บไซต์เหล่านั้นก็อาจจะต้องใส่กระบวนการย่อขนาดให้กับภาพเสียก่อน ซึ่งความคมชัดก็จะหายไปอยู่ดี ที่แย่ก็คือภาพขึ้นไปแล้ว แก้ไขอะไรก็ไม่ได้นอกจากจะโพสใหม่สถานเดียว

? ในขั้นตอนการ Sharpen ควรดูภาพที่ขนาด 100% เพราะหากเป็นการ preview ด้วยขนาดอื่นๆ จะไม่เห็นความคมชัดของภาพที่แท้จริง ซึ่งเราจะ Preview ที่ขนาด 100% ได้โดยการ double click ที่เครื่องมือแว่นขยายของ Photoshop

   ...เพียงเท่านี้ภาพถ่ายของเราก็คมชัดดูดีและพร้อมสำหรับการนำไปใช้ในเน็ตแล้ว!.....เป็นอีกแนวหนึ่ง..ก็ลองกันดูนะครับ..
เครดิต ..tsdmag

ขอบคุณมาก ครับ ป๋าแจม  like

เยี่ยมเลยครับ  >:D  >:D  like

ขอบคุณครับสำหรับข้อมูลดีๆ มีประโยชน์  O0

 like.   ขอบคุณครับ

เยี่ยมครับป๋าเจมส์

ของผมใช้ PhotoShop CS4 ครับหลักการ

1. ย่อรูปด้วยคำสั่ง File > Automate > Fit Image (ค่าเริ่มต้นของกล้องแต่ละตัวไม่เท่ากันทั้งด้าน กว้าง และ ยาว ) ในที่นี้ผมจะปรับลดลงมาครั้งละ 1,000 pixel โดยยึดค่าที่มากที่สุด สมมุติว่าไฟล์ผมเป็น 5100x3200 ผมก็จะปรับเป็น 4100x4100
2. จากนั้นไปที่ Filter > Sharpen > Unsharp Mask จากนั้นตั้งค่า (Amount 200 , Radius 0.2 และ Treshold 0)
3. ทำซ้ำจนได้ขนาดที่ต้องการครับ สำหรับ การแสดงผลบนเวปนั้น ถ้าเป็น 800x600 จะดูดีครับ แต่ก็ขึ้นอยู่กับแต่ละเวปเหมือนกัน


ปล. 1. ถ้าใช้งานบ่อยๆก็ทำเป็น action เก็บไว้ใช้งานในภายหน้าได้นะครับ
       2. หรือถ้าต้องการความคมมากๆก็ย่อครั้งละ 500 pixel ก็ได้ครับ

ถูกใจทุกคำชี้แนะครับ...

เยี่ยมไปเลยครับ..

ขอบคุณคร๊าาาบ... good good good

 ยอดเยี่ยม ยอดเยี่ยม ยอดเยี่ยม

ห้องนี้ mod เก่ง PS อาจมีเปิด กระทู้ วันละ tip โดย BlackLancer ชิมิป๋า......ผมรออยู่ heart

น่าสนคร๊าบ......จะได้มีแล่งความรู้เพิ่มครับ

งานเข้าอีกแล้วหรือนี้ อิอิ...มีอะไรอยากทราบบ้างหละเนี้ย....อิอิ..

เรื่องย้อมแมวเหรอ อิอิ :D

Satuเอาแจ๋วๆสักเรื่องสิป๋า

สาธุ หงษ์สองตัว ไม่น่ะ  :D

55555 พ่อมดทั้งน้าน

คนนี้ฝีมือ มะธรรมดา  bigheart  ป๋าเป็ดยังกลัวหงษ์2ต้วอยู่เลย 

ครับ ป๋า.. หงษ์2 ตัว ยังตามหลอนอยู่เลย เนียนจริงๆ   ทนไม่ได้

   5 5 5 ป๋าเป็ดวิ่งตามถ่ายได้มาแค่ตัวเดียว   ป๋าวินเดินเรื่อยเปื่อยกลับมาภาพมีหงส์สองตัว 5 5 5  5555  5555  5555 grimace

วิธีทำภาพให้แจ่มเพื่อโพสในเว็บไซต์
(http://img40.imageshack.us/img40/6779/43557671.jpg) (http://img40.imageshack.us/i/43557671.jpg/)

(http://img51.imageshack.us/img51/1065/21478075.jpg) (http://img51.imageshack.us/i/21478075.jpg/)

It?s JPEG
JPEG คือไฟล์ภาพที่คุณต้องยุ่งเกี่ยวอยู่เสมอ มันเป็นการบันทึกข้อมูลแบบ ?บีบอัด? ที่ยอมสูญเสียคุณภาพของภาพ นั่นแปลว่าทุกครั้งที่คุณ Save ภาพไปเรื่อย ๆ คุณภาพก็จะหดหายไปเรื่อย ๆ ด้วย วิธีการก็คือ เมื่อคุณได้ไฟล์ Jpeg มาแล้ว ก็ให้ Save as เป็นนามสกุลอื่น ๆ เช่น BMP, TIFF, PNG, PSD ฯลฯ ที่ไม่มีการบีบอัด (หรือมีก็น้อยมาก) และให้ตกแต่งที่ไฟล์นี้ จากนั้นค่อย Save as เป็น JPEG เพื่อเอาไปโพสอีกที จำไว้ว่า Save as แบบ JPEG ให้น้อยครั้งที่สุด
(http://img35.imageshack.us/img35/6310/35430794.jpg) (http://img35.imageshack.us/i/35430794.jpg/)

Resize, Rotate, Crop
เราเจอทั้ง 3 ขั้นตอนนี้อยู่บ่อย ๆ ในการปรับและแก้ไขภาพ และทุกครั้งที่เราทำการปรับขนาด, หมุนภาพ และครอบภาพ ตัวโปรแกรมจะทำขั้นตอนที่เรียกว่า Interpolate เพื่อปรับขนาดจุด (Pixel) ของภาพ ซึ่งจะทำให้ภาพเกิดการสูญเสียความคมชัดบางส่วนไป
   ทางที่ดีที่สุดคือวางแผนล่วงหน้าและทำอย่างไรก็ได้ให้ในแต่ละภาพของคุณผ่านขั้นตอนนี้เพียงครั้งเดียว วิธีที่เข้าท่าคือสร้างไฟล์ใหม่ในขนาดที่ต้องการแล้ววางภาพนี้ลงไป ปรับขนาดมันให้ลงได้ภายในครั้งเดียว ไม่ปรับไปปรับมาอีก
(http://img24.imageshack.us/img24/2955/38985496.jpg) (http://img24.imageshack.us/i/38985496.jpg/)

Save Preset
ในหัวข้อที่ผ่านมา เรามีบอกเอาไว้ว่าให้สร้างไฟล์ใหม่ขึ้นมาเลยในขนาดที่ต้องการ ทีนี้ถ้าจะต้องมา File > New แล้วกรอกตัวเลขค่าต่าง ๆ กันทุกครั้งก็เกรงว่าจะไม่โปร
       หากเราต้องใช้ขนาดหนึ่งเป็นประจำก็สร้างเอาไว้เป็นของเราเองซะเลยก็แล้วกัน เมื่อเลือก File > New และใส่ค่าตั้งทั้งหมดเรียบร้อยแล้ว ก็คลิ๊กที่ปุ่ม Save Preset มีหน้าต่างใหม่ขึ้นมาให้ตั้งชื่อ ก็ตั้งกันไปตามสะดวก คราวหน้าก็เรียกใช้ค่าตั้งชื่อเอาไว้จะไปปรากฏอยู่ในเมนูนั้นเสร็จสรรพ อาจจะไม่ช่วยให้ภาพดูดีขึ้น แต่ทำให้เร็วขึ้นแน่ ๆ
(http://img46.imageshack.us/img46/7100/57821140.jpg) (http://img46.imageshack.us/i/57821140.jpg/)

Adobe RGB & sRGB
ฟันธงกันเลยว่า ถ้าหากจะโพสภาพในเว็บแล้ว ต้องใช้ sRGB เพราะระบบการแสดงสีของเจ้า Browser นั้นอ้างอิงกับ sRGB และคุณควรใช้โหมดนี้มาตั้งแต่แรก เพราะหากคุณใช้ AdobeRGB ทำมาพอแปลงเป็น sRGB ทีหลัง สีในภาพก็จะเปลี่ยนไปอีกก็ต้องมาปรับแก้กันใหม่อีกรอบ ถึงใช้ AdobeRGB สีสวยงดงาม แต่พอขึ้นเว็บจริง ๆ อาจจะดูไม่ได้เลยก็เป็นได้
(http://img826.imageshack.us/img826/263/65928835.jpg) (http://img826.imageshack.us/i/65928835.jpg/)

Actual Size
มันคือการดูภาพในขณะปรับแต่งที่หน้าจอด้วยขนาดจริง ๆ เมื่อมันจะขึ้นไปโชว์บนเว็บ การตกแต่งภาพของเราอาจจะเป็นไปได้ทั้งสองแบบ คือแต่งก่อนปรับขนาด หรือปรับขนาดก่อนแล้วค่อยแต่ง แต่ต้องไม่ลืมด้วยว่าควรดูด้วยขนาดเท่าจริง ไม่หลอกตัวเองด้วยการดูที่ขนาดเล็กหรือใหญ่กว่า ในขณะที่ทำการตกแต่งก็จะช่วยให้เราปรับตั้งค่าต่าง ๆ ได้อย่างถูกต้องตามจริง เพราะหากดูด้วยขนาดอื่น อาจจะปรับค่าต่าง ๆ ผิดก็เป็นได้ สำหรับใน Photoshop ให้ดับเบิ้ลคลิ๊กที่เครื่องมือแว่นขยายที่แถบชื่องานของเราก็จะบอกขนาดที่กำลังโชว์อยู่นี้เป็นเปอร์เซ็นด้วย
(http://img64.imageshack.us/img64/8282/58651703.jpg) (http://img64.imageshack.us/i/58651703.jpg/)

Sharpen
ก็อย่างที่เราได้บอกไปแล้วว่าเมื่อย่อ-ขยาย, หมุน, ครอบก็จะทำให้ความคมชัดลดลง เราสามารถชดเชยกลับมาได้ด้วยการใช้คำสั่ง Sharpen เพื่อให้ภาพของเราคมชัดยิ่งขึ้น มือใหม่หลายคนไม่รู้เรื่องนี้ ภาพที่เอามาโชว์ก็เลยขนาดความคมชัดไปอย่างน่าเสียดาย
   อย่าลืมว่าต้องดูภาพที่ 100% จึงจะเหมาะสมที่สุดและก็ต้องไม่ตั้งค่า Sharpen ให้สูงเกินไป เพราะแทนที่จะได้ภาพคมกำลังดี กลายเป็นภาพคมเกินจนดูไม่สบายตา และต้องจำไว้อย่างหนึ่งด้วยว่า ยิ่งคมมาก Noise หรือจุดรบกวนก็ยิ่งเห็นชัดมาก ดังนั้นอย่าลืมแก้เรื่อง Noise เสียก่อน ทำทุกอย่างให้เรียบร้อยแล้ว ค่อย Sharpen เป็นขั้นตอนสุดท้าย
(http://img845.imageshack.us/img845/7765/45553720.jpg) (http://img845.imageshack.us/i/45553720.jpg/)

The Frame
นี่เป็นเคล็ดลับสำคัญอย่างหนึ่งของมืออาชีพ การทำกรอบภาพส่งผลอย่างมากต่อภาพถ่าย บางภาพก็ไม่มีกรอบสวยที่สุด แต่บางภาพได้กรอบเพิ่มเข้ามาช่วยก็ทำให้ดูดีขึ้นมาได้ ดังนั้นบางทีการยอมลดขนาดของภาพเพื่อให้เป็นกรอบก็อาจจะเป็นการตัดสินใจที่คุ้มค่ากรอบภาพที่ดีต้องดูดีและสะอาดสะอ้าน ไม่แย่งความสนใจไปจากตัวภาพ กรอบภาพที่เป็นสีขาวหรือดำจะดีที่สุด (แต่ก็ไม่เสมอไป) อีกสิ่งที่มักจะอยู่ในกรอบก็เช่น ชื่องาน, สถานที่หรือสัญลักษณ์ของเรา ซึ่งตำแหน่งการวางและลักษณะของมันก็มีส่วนสำคัญอย่างยิ่ง ควรดูให้ดี
(http://img141.imageshack.us/img141/5817/keys2151298448635.jpg) (http://img141.imageshack.us/i/keys2151298448635.jpg/)

Save for Web
   แทบจะทุกเว็บโพสภาพในปัจจุบันต้องมีการจำกัดขนาดความจุพื้นที่ (File size) เอาไว้เพื่อสงวนเนื้อที่บันทึกข้อมูล ซึ่งดูแล้วก็อาจจะขัดใจด้วยว่าให้พื้นที่มาน้อยเหลือเกินยังมีชาวเว็บอีกมากมายที่ยังใช้อินเตอร์เน็ตความเร็วต่ำอยู่ ไฟล์ใหญ่โหลดนาน อาจจะทำให้เขาลาจากไปก่อนที่จะได้เห็นภาพของเราด้วยซ้ำเราอาจจะกะขนาดไม่ถูกว่าควร Save ไฟล์ที่เท่าไหร่จึงจะพอดี ก็ให้ Save for web ช่วยได้ โดยการคลิ๊กที่มุมขวาบน แล้วเลือกมาที่ Optimize to file size แล้วใส่ขนาดเป็น KB ลงไป ดูอีกทีก่อน Save ว่าผลที่ได้ออกมายอมรับได้หรือไม่? ถ้ายังไม่ได้ ก็ต้องไปลดขนาด กว้าง x ยาวของภาพให้เล็กลง.
เครดิต : tsdmag

ขอบคุณครับ ยอดเยี่ยม

                 ขอบคุณมากๆๆครับ... :) :)

 Pjs thailand เหล่าทวยเทพด้านถ่ายภาพมารวมกัน  ขอคำชี้แนะด้วยครับ  สาธุ

มีวิธีใหม่มานำเสนอครับด้วย PS ครับ

1. เข้าไปที่เมนู Image > Image Size
2. ใส่ค่าขนาดรูปที่ต้องการ set
3. เลือกoption "Bicubic Sharper (best for reduction)
4. เสร็จแล้วจ้า


ปล. เท่าที่ลองกับการย่อด้วยวิธีแรกที่ผมนำเสนอ ดูแล้วไม่ต่างกันแถมแบบนี้ง่ายกว่าเยอะเพราะเปลี่ยนขนาดได้ตลอด :)

แจ่มเลย ...เดี๋ยวขอเอาไปลองหน่อยนะครับป๋าต็อก :D :D :D