แกลเลอรีไลท์บ็อกซ์ การออกแบบเว็บไซต์และการเพิ่มประสิทธิภาพกลไกค้นหา มีอะไรอยู่ในเวอร์ชั่นอัพเกรดบ้าง

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

ในขั้นตอนที่ 1 ถึง 5 เราจะกล่าวถึงวิธีการสร้างช่องและวิธีที่ Photoshop เลือกพื้นที่ของภาพ ขั้นตอนที่ 6 อธิบาย วิธีที่สะดวกการโทรช่องสัญญาณผ่านกล่องโต้ตอบและส่วนที่เหลือจะอธิบายวิธีเปลี่ยนช่องให้เป็นมาสก์ความสว่างและความเป็นไปได้ใดบ้างที่เปิดขึ้นด้วยเหตุนี้

1 1 สร้างช่องอัลฟ่าสำหรับไฮไลท์

โหลดภาพลงใน Photoshop ในแผงเลเยอร์ ไปที่แท็บ "ช่อง" หรือเลือก "หน้าต่าง | ช่องทาง". กดปุ่ม Ctrl ค้างไว้แล้วคลิกที่ช่องชื่อ RGB Photoshop จะเลือกและเน้นเฉพาะบริเวณที่มีแสงทั้งหมดของภาพ

ตอนนี้คลิกที่ไอคอน "บันทึกการเลือกเป็นช่อง" (ไอคอนเล็ก ๆ นี้อยู่ที่ด้านล่างของจานสี "ช่อง") ดับเบิลคลิกที่ช่องใหม่ซึ่งตามค่าเริ่มต้นจะเรียกว่า "Alpha 1" และเปลี่ยนชื่อเป็น "Lights"

2 2 เพิ่มช่องแสงสองช่อง


คลิกที่ช่อง "Lights" ใหม่โดยกดปุ่ม "Shift+Ctrl+Alt" ค้างไว้ ด้วยวิธีนี้ Photoshop จะแยกความแตกต่างระหว่างพื้นที่สว่างและพื้นที่สว่างมากของภาพโดยอัตโนมัติเมื่อทำการเลือก คลิกที่ไอคอน "บันทึกการเลือกเป็นช่อง" อีกครั้งและตั้งชื่อช่องใหม่ว่า "Bright Lights"

ทำซ้ำขั้นตอนในขั้นตอนนี้ด้วยช่อง "แสงสว่าง" และตั้งชื่อผู้สร้าง ช่องนี้"แสงที่สว่างที่สุด" เมื่อดำเนินการตามขั้นตอนเหล่านี้ สิ่งสำคัญคืออย่ายกเลิกการเลือกขั้นตอนใดขั้นตอนหนึ่งในสามขั้นตอนนี้

3 3 สร้างช่องแรกสำหรับบริเวณที่มืด


กดปุ่ม Ctrl ค้างไว้แล้วคลิกที่ช่อง Lights ตอนนี้ในเมนู "เลือก" คลิกที่ "ผกผัน" ดังนั้นแทนที่จะเลือกพื้นที่สว่าง พื้นที่สีเข้มจะถูกเลือก บันทึกการเลือกนี้เป็นช่องและตั้งชื่อว่า "เงา"

4 4 เพิ่มสองช่องมืด


การเพิ่มช่องเงาเพิ่มเติมเป็นไปตามรูปแบบที่อธิบายไว้ข้างต้น: คุณต้องกดคีย์ผสม “Shift+Ctrl+Alt” ค้างไว้แล้วคลิกที่ช่อง “เงา” ตั้งชื่อช่องแรกว่า "Dark Shadows" และช่องถัดไป "The Darkest Shadows"

5 5 สร้างช่องสำหรับเสียงกลาง


ตอนนี้คลิกที่เซลล์ถัดจากช่องทั้งหมดที่สร้างขึ้นก่อนหน้านี้เพื่อให้มองเห็นได้ หากจำเป็น ให้ลบไอคอนรูปดวงตาออกจาก “RGB” และช่องสีอื่นๆ ตอนนี้กดปุ่ม “Ctrl+A” เพื่อเลือกภาพทั้งหมด ในเมนู "เลือก" ให้หยุดที่รายการ "ผกผัน"

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

เหตุผลก็คือเมื่อคัดลอกไฮไลท์และเงาทั้งหมดแล้ว เหลืออะไรให้ปรับอีกเล็กน้อย

6 6 เลือกแต่ละช่องอย่างมีจุดมุ่งหมาย


หากต้องการยกเลิกการเลือก ให้กด Ctrl+D จากนั้นคลิกที่ช่อง "RGB" ตรวจสอบให้แน่ใจว่ามีทั้งสามช่องอยู่ข้างใต้ ช่องสีมีการใช้งานอยู่ ถึงเวลาไปที่แท็บ "เลเยอร์" แล้วเริ่มต้นใช้งาน การแก้ไขตามปกติภาพ

หากคุณต้องการส่วนที่เลือกบันทึกไว้ในช่องที่เราเพิ่งสร้างขึ้น ให้เรียกส่วนเหล่านั้นโดยค้นหารายการ "การเลือกโหลด" ในเมนู "เลือก" และในรายการ - ช่องที่ต้องการ8 8 ให้แสงนุ่มนวล


ตอนนี้เรียกหน้ากากความสว่างว่า "Bright Lights" จากนั้นกดคีย์ผสม “Shift+Ctrl+C” จากนั้นกด “Ctrl+V” วิธีนี้จะทำให้คุณได้คัดลอกมาสก์ไปยังเลเยอร์ใหม่ การใช้ฟิลเตอร์ Gaussian Blur ช่วยให้แสงนุ่มนวลขึ้น หากคุณพอใจกับผลลัพธ์ที่ได้ ให้รวมเลเยอร์ทั้งหมดเข้าด้วยกันแล้วบันทึกภาพที่เสร็จแล้ว

รูปถ่าย: djile/fotolia.com; ชิป

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

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

1. ความหมายของความอิ่มตัวของสีสำหรับช่างภาพ

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

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

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

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

2. ความอิ่มตัวแบบเลือก

2.1. การสร้างมาสก์ความอิ่มตัว

มาดูกระบวนการสร้างมาสก์ความอิ่มตัวโดยใช้รูปภาพนี้เป็นตัวอย่าง

เรียกบทสนทนาขึ้นมา รูปภาพ -> การปรับ -> สีที่เลือกให้ตรวจสอบตัวเลือก แน่นอนและในทุกสีตั้งแต่สีแดงถึงสีม่วง ให้ตั้งค่าสีดำเป็น –100

สำหรับสามตัวเลือกสุดท้าย - สีขาว สีเทา และสีดำ - เราจะตั้งค่าสีดำเป็น +100

ภาพที่ได้จะจำลองการกระจายความอิ่มตัวของสีในภาพได้อย่างแม่นยำ

ตอนนี้ไปที่รายการช่องและเลือกมาสก์ความอิ่มตัวโดยคลิกปุ่มโหลดช่องที่เลือกหรือคลิกที่เลเยอร์ RGB ด้านบนโดยกดปุ่ม Ctrl ค้างไว้ พื้นที่ที่เลือกสามารถบันทึกเพื่อใช้ในอนาคตผ่าน Select->Save Selection... หรือสร้างเลเยอร์การปรับ Hue/Saturation ทันที และตั้งค่าความอิ่มตัวเป็นสูงสุด พื้นที่อิ่มตัวที่เลือกจะกลายเป็นมาสก์ชั้นปรับโดยอัตโนมัติ อย่างที่คุณเห็นในภาพ ความอิ่มตัวของสีเฉพาะที่มีความอิ่มตัวมากกว่าสีอื่นๆ เพิ่มขึ้น

ตอนนี้คุณสามารถทดลองใช้ค่าความอิ่มตัวที่แตกต่างกันในเลเยอร์การปรับ เพิ่มหรือลดเอฟเฟกต์ของเลเยอร์นี้โดยเลือกมาสก์และเปลี่ยนความสว่างของโทนสีกลางด้วยเส้นโค้งหรือระดับ หากต้องการเอฟเฟกต์ที่เด่นชัดน้อยลงจากการเพิ่มความอิ่มตัว คุณสามารถลองเปลี่ยนโหมดโอเวอร์เลย์ของเลเยอร์การปรับแต่งเป็น Saturation

ในตัวอย่างนี้ คอนทราสต์ของมาสก์ได้รับการปรับปรุงตามระดับต่างๆ และความอิ่มตัวของสีที่เพิ่มขึ้นจะเด่นชัดมากขึ้น

ควบคู่ไปกับการเพิ่มความอิ่มตัว สีสดใสคุณสามารถปิดเสียงสีที่ไม่อิ่มตัวได้ ในการดำเนินการนี้ ให้คัดลอกเลเยอร์การปรับ ลบความอิ่มตัวของสีออก และกลับเลเยอร์มาสก์ (Ctrl+I) หลังจากนั้น ปรับมาสก์ให้เข้มขึ้นด้วยระดับหรือเส้นโค้ง โดยเปลี่ยนตำแหน่งของส่วนตรงกลางของเส้นโค้ง

2.2. การใช้ความอิ่มตัวแบบเลือกสรร

ตัวอย่างที่ 1

ใครก็ตามที่เคยไปเยือนหมู่เกาะคานารีหรืออันดาลูเซียจะรู้ดีว่าแม้แต่สีสันที่สดใสและอิ่มตัวก็ไม่สามารถถ่ายทอดความงามของสถานที่เหล่านั้นได้เสมอไป การเพิ่มความอิ่มตัวในกรณีนี้ยังช่วยเพิ่มสีชมพูของทางเท้าซึ่งไม่ใช่สิ่งที่เราต้องการเลย หากคุณสร้างเลเยอร์การปรับ Hue/Saturation และเปลี่ยนโหมด Overlay เป็น Saturation เอฟเฟกต์นี้จะลดลงเล็กน้อย นี่ยังไม่เพียงพอในกรณีของเรา หากเราใช้วิธีเลือกความอิ่มตัวของสี เราจะสามารถเพิ่มได้เฉพาะสีบนผนังบ้านและดอกไม้ที่ด้านบนของภาพ โดยไม่กระทบต่อส่วนที่เหลือของภาพ

ตัวอย่างที่ 2

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

ในกรณีนี้ การลดความอิ่มตัวของสีทั้งภาพ ยกเว้นนกพิราบ จะส่งผลให้บางพื้นที่ในพื้นหลังกลายเป็นสีเทาเพียงอย่างเดียว นั่นเป็นเหตุผล ทางออกที่ดีที่สุดมีการเลือกลดความอิ่มตัวของสีเฉพาะบริเวณสว่างของผนังและหญ้าในพื้นหลัง หลังจากสร้างมาสก์และเลเยอร์การปรับ Hue/Saturation ที่มีค่าความอิ่มตัวเป็นลบ ฉันจึงทาสีทับนกพิราบด้วยแปรงสีดำ เพื่อไม่ให้ขนนกสีฟ้าสดใสเปลี่ยนไป

ตัวอย่างที่ 3

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

จากฮิสโตแกรมความสว่าง เห็นได้ชัดว่าข้อมูลไม่ครบถ้วนทั้งหมด ช่วงไดนามิกและเมื่อตรวจสอบฮิสโตแกรมของช่องสัญญาณจะพบว่าเป็นสีแดงที่ได้รับแสงมากเกินไป

หากความอิ่มตัวของสีไม่สูงมาก คุณสามารถแก้ไขได้แม้ในไฟล์ JPG เมื่อต้องการทำเช่นนี้ ให้สร้างเลเยอร์การปรับ ฮิว/ความอิ่มตัว ด้วยมาสก์ความอิ่มตัว และลดความอิ่มตัวของพื้นที่ที่หลุดออก และคืนโครงสร้างกลับคืนมา

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

นอกเหนือจากการใช้หน้ากากอิ่มตัวที่กล่าวข้างต้นแล้ว คุณยังสามารถใช้หน้ากากนี้เพื่อเปลี่ยนความสว่างและคอนทราสต์ของพื้นที่อิ่มตัวด้วยเส้นโค้งหรือระดับ และกำหนดโทนสีที่ต้องการโดยใช้ฟิลเตอร์ภาพถ่ายหรือเลเยอร์การปรับเฉดสี/ความอิ่มตัวของสี โดยเลือกตัวเลือก Colorize

2.3. วิธีอื่นในการสร้างมาสก์ความอิ่มตัว

2.3.1. โหมดการซ้อนทับเลเยอร์

วิธีที่สองใช้โหมดการทับซ้อนกันของเลเยอร์

1. สร้างเลเยอร์ใหม่และเติมสีใดก็ได้ สีที่เลือกไม่จำเป็นต้องอิ่มตัว สิ่งสำคัญคืออย่างน้อยก็มีโทนสีเล็กน้อย

2. สร้างสำเนาของภาพด้วยโหมดโอเวอร์เลย์ความอิ่มตัว (Saturation Overlay) และวางไว้เหนือเลเยอร์ที่สร้างไว้ก่อนหน้านี้

3. รวมสองชั้นบนสุด (Ctrl+E) ให้เป็นหนึ่งเดียว

4. ทำสำเนาของเลเยอร์นี้และเปลี่ยนโหมดโอเวอร์เลย์เป็นความแตกต่าง

5. ลบความอิ่มตัวของเลเยอร์บนสุดโดยใช้ Desaturate หรือ Hue/Saturation

6. เรารวมชั้นบนสุดทั้งสองเข้าด้วยกันและลบความอิ่มตัวของมันออก

มาสก์ที่ได้จะมีคอนทราสต์ต่ำและเหมาะสำหรับการเพิ่มความอิ่มตัวเล็กน้อย หากคุณต้องการเพิ่มเอฟเฟกต์ คุณต้องเพิ่มคอนทราสต์ของมาสก์ด้วยระดับหรือเส้นโค้ง

2.3.2. การแปลงรูปภาพเป็น HSL/HSB

ปลั๊กอิน Photoshop บางตัวอนุญาตให้คุณแปลงรูปภาพจาก RGB หรือ Lab เป็นได้ โหมด HSLหรือ HSB ในเวลาเดียวกัน การกระจายความอิ่มตัวของสีที่เราสนใจจะถูกจัดเก็บไว้ในช่องสีเขียว การกระจายความสว่างจะถูกจัดเก็บไว้ในช่องสีน้ำเงิน และข้อมูลเกี่ยวกับเฉดสีจะถูกจัดเก็บไว้ในช่องสีแดง

ปลั๊กอินเหล่านี้ไม่ได้ติดตั้งตามค่าเริ่มต้น แต่สามารถพบได้ในดิสก์การติดตั้ง Photoshop CS ในโฟลเดอร์ Photoshop CS/สินค้า/ปลั๊กอินเสริม/Photoshop เท่านั้น/ตัวกรอง HSL&HSB- เมื่อคัดลอกไปยังโฟลเดอร์ปลั๊กอินแล้ว ก็สามารถเรียกผ่านได้ ตัวกรอง->อื่นๆ->HSL&HSB.

ปลั๊กอินอื่นที่ให้คุณแปลงจากพื้นที่สีหนึ่งไปยังอีกสีหนึ่งได้คือ Color Converter

4. วิธีหนึ่งที่น่าสนใจในการจัดการกับความอิ่มตัวของสี

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

1. มาสร้างสำเนาของเลเยอร์แล้วใช้งานกัน เลือก -> ช่วงสีมาเลือกสีกันหน่อย พารามิเตอร์ ความคลุมเครือเป็นการดีกว่าที่จะไม่ทำให้มันใหญ่มากเพื่อที่จะไม่ส่งผลกระทบต่อเฉดสีใกล้เคียงมากมาย

2. มาสร้างเลเยอร์มาสก์ที่จะซ่อนทุกส่วนของรูปภาพที่ไม่ได้เลือกทันที

3. เปลี่ยนโหมดโอเวอร์เลย์เป็นโอเวอร์เลย์หรือแสงนวล

4. ตอนนี้คุณสามารถลองเพิ่มความคมชัดของเลเยอร์นี้ด้วยเส้นโค้ง ทำให้สีจางลงหรือเข้มขึ้นได้

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

คำหลัง

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

แอปพลิเคชัน

สำหรับบางวิธีในการสร้างมาสก์ความอิ่มตัว ฉันเขียนชุดสคริปต์ที่สามารถใช้ได้ สคริปต์เหล่านี้สร้างเลเยอร์การปรับ Hue/Saturation ใหม่โดยใช้มาสก์ความอิ่มตัวอยู่แล้ว หากต้องการเพิ่มเอฟเฟกต์ คุณต้องเลือกมาสก์และทำให้สว่างขึ้นตามระดับหรือส่วนโค้ง ชุดประกอบด้วย:

ความอิ่มตัว_mask_sc- การสร้างมาสก์โดยใช้วิธีการหลักผ่าน Selective Color

ความอิ่มตัว_mask_l1- การสร้างมาสก์ตามวิธีการตั้งแต่ตอนที่ 2.3.1.;

ความอิ่มตัว_mask_l2- การสร้าง Mask โดยใช้วิธีจากตอนที่ 2.3.4 แม้ว่าวิธีการนี้จะไม่ถูกต้อง แต่ก็มีประโยชน์สำหรับการทดลองได้

ชุดนี้ยังมีหลายวิธีในการเพิ่มความอิ่มตัว หลังจากสร้างเลเยอร์ใหม่ที่อิ่มตัวแล้ว คุณจะต้องลดความโปร่งใสของเลเยอร์และ/หรือเปลี่ยนโหมดการวางซ้อนเป็น ความอิ่มตัว.

เพิ่มเติม_saturation_cm- เพิ่มความอิ่มตัวตามวิธีจากส่วนที่ 3.2.;

more_saturation_overlay- การเพิ่มความอิ่มตัวตามวิธีการจากส่วนที่ 3.3 ด้วยการสร้าง 2 ชั้น และโหมด Saturation Overlay

เพิ่มเติม_ความอิ่มตัว_sc- เพิ่มความอิ่มตัวตามวิธีจากส่วนที่ 3.4

แค่นั้นแหละ. ขอให้โชคดี!

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

และเช่นเคย ผู้ที่ต้องการ "บิดไฟล์" พร้อมๆ กับการอ่าน สามารถดาวน์โหลดตัวอย่างที่วิเคราะห์แบบเลเยอร์ต่อเลเยอร์ (50.7 MB) ได้

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

แล้วความประหลาดใจก็รอเราอยู่: การซ้อนทับภาพเดียวกันใน Lab ให้ผลลัพธ์ที่แม่นยำมากกว่าใน RGB สิ่งนี้เกิดขึ้นเนื่องจากรุ่น HSB (ซึ่ง โหมดสีการซ้อนทับเมื่อทำงานใน RGB) ค่อนข้างดั้งเดิม ต่างจาก Lab ตรงที่ไม่ได้แยกความสว่างและส่วนประกอบสีอย่างตรงไปตรงมา ดังนั้นผลลัพธ์ของการซ้อนทับใน RGB จึงไม่เรียบร้อยเหมือนใน Lab

หากคุณสนใจรายละเอียด โปรดอ่านบทความ "The Tale of Colour Saturation" ที่ฉันพูดถึงไปแล้วโดย Alexander Voitekhovich สำหรับการใช้งานจริง เราสามารถให้คำแนะนำง่ายๆ ได้: เมื่อวางแผนจะวางซ้อน โหมดสีหรือความส่องสว่าง ให้ลองใช้ในแล็บ ยิ่งสีในภาพมีความอิ่มตัวมากเท่าไร ขั้นตอนนี้ก็จะยิ่งได้รับมากขึ้นเท่านั้น

แยกการควบคุมคอนทราสต์

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

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

นั่นคือ ถ้าเราดูฉากนี้ในความเป็นจริง เราจะเห็นสุนัขจิ้งจอกที่ตัดกันมากกว่ากับพื้นหลังที่ตัดกันน้อยกว่า นี่คืองานในการแก้ไข: เพื่อเพิ่มความคมชัดของสุนัขจิ้งจอกและลดความคมชัดของเงาบนหิมะ เรามาอธิบายว่าช่องสัญญาณต้องปฏิบัติตามเงื่อนไขใดบ้างเพื่อให้เราสามารถแก้ไขได้

เงื่อนไขที่หนึ่ง.เนื่องจากเราจะเพิ่มคอนทราสต์ของสุนัขจิ้งจอก จึงต้องเปิดรับแสงอย่างเหมาะสมและมีรายละเอียดที่ดี พูดง่ายๆ ก็คือความสว่างควรใกล้เคียงกับค่าเฉลี่ยมากที่สุด

เงื่อนไขที่สองในการเปลี่ยนคอนทราสต์ของวัตถุให้แตกต่างกัน (เพิ่มอันหนึ่งและลดอีกอัน) วัตถุเหล่านั้นจะต้องอยู่ในช่วงโทนสีที่ต่างกัน ในกรณีนี้ คุณสามารถใช้ Tone Curve ง่ายๆ โดยเพิ่มความชันในช่วงที่สุนัขจิ้งจอกครอบครอง และลดในช่วงที่มีหิมะปกคลุม


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


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


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


ไม่มีประโยชน์ในการประมวลผลทั้งสามช่องทางแล้วเฉลี่ยผลลัพธ์หากมีเพียงช่องทางเดียวเท่านั้นที่สามารถแก้ไขปัญหาได้ และอีกสองช่องทางรบกวนเท่านั้น ดังนั้น เราจะไม่ใช้เส้นโค้งทีละช่องและเปลี่ยนเป็นความส่องสว่าง (เหมือนที่เราทำกับราสเบอร์รี่) แต่ใช้ช่องสีเขียวเป็นเทมเพลตสำหรับการซ้อนทับความสว่าง สร้างเลเยอร์ใหม่ ( กรีน_แชนเนล) และการใช้คำสั่ง Apply Image เราจะอัปโหลดเนื้อหาของช่องสีเขียวลงไป


เส้นโค้ง 1- เราเพิ่มความคมชัดในช่วงจากสามในสี่ถึงฮาล์ฟโทน สุนัขจิ้งจอกในช่องสีเขียวมืดเกินความจำเป็น เราจึงเพิ่มความเปรียบต่างโดยทำให้ฮาล์ฟโทนสว่างขึ้น ในเวลาเดียวกัน ความชันของเส้นโค้งลดลงในไตรมาส - ความคมชัดของหิมะลดลง

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


การรวมเลเยอร์ กรีน_แชนเนลและ เส้นโค้ง 1เพื่อจัดกลุ่ม ( ใหม่_ความส่องสว่าง) และเปลี่ยนโหมดการผสมเป็น Luminosity สุนัขจิ้งจอกมีขนาดใหญ่เกินไปและหิมะก็เรียบเกินไป ภาพเปลี่ยนไปในทิศทางที่ถูกต้องมากกว่าที่เราต้องการเท่านั้น การลดความทึบจะช่วยลดผลกระทบได้อย่างรวดเร็ว


คุณเพียงแค่ต้องตัดสินใจว่าจะลดความทึบของอะไร: กลุ่ม ใหม่_ความส่องสว่างหรือชั้นปรับ เส้นโค้ง 1- การลดความทึบเป็นค่าเฉลี่ยระหว่างช่วงสุดท้ายและ ตัวเลือกเริ่มต้นภาพ เรามีเวอร์ชันสุดท้ายหนึ่งเวอร์ชัน แต่เวอร์ชันเริ่มต้นนั้นแตกต่างออกไป หากเราลดความทึบของกลุ่ม เราจะกลับสู่แหล่งบริสุทธิ์ และหากเราลดเลเยอร์เส้นโค้ง เราจะกลับสู่การซ้อนทับความสว่างบนแหล่งที่มาของช่องสีเขียว

คุณเพียงแค่ต้องเลือกรูปภาพเริ่มแรกที่คุณชอบมากที่สุดและคุณต้องการกลับไปดูภาพจำนวนเท่าใด ฉันเลือกตัวเลือกที่สองและลดความทึบของเลเยอร์การปรับแต่ง เส้นโค้ง 1มากถึง 50% รูปภาพพร้อมแล้ว และเราจะรวบรวมแนวคิดที่พูดคุยกันอีกครั้ง

ความคิดแรกหากต้องการควบคุมคอนทราสต์ของวัตถุแยกกันอย่างรวดเร็วและง่ายดาย (เพิ่มคอนทราสต์ของวัตถุหนึ่งในขณะที่ลดอีกวัตถุหนึ่ง) คุณต้องค้นหาหรือรับโดยการผสมช่องว่างที่วัตถุเหล่านี้อยู่ในช่วงโทนสีที่แตกต่างกัน

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

แนวคิดที่สามนี่เป็นเรื่องของการทำให้เป็นทางการในการวิเคราะห์ ฉันถามคำถามนี้กับนักเรียนเป็นประจำในชั้นเรียน: ในภาพนี้เห็นอะไร สุนัขจิ้งจอกในหิมะเป็นคำตอบที่แคบเกินไป ฉันเสนอให้คิดและประมาณค่า "ในแมว" (หน่วยวัดมาจากแมวสามตัวที่ Margulis มอบให้ในหนังสือของเขา) ในภาพนี้เราเห็นแมวสีแดงและสีขาว

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

ตอนนี้คุณรู้วิธีลดคอนทราสต์ของชุดเจ้าสาวแล้ว (ทำให้ดูสะอาดตาและโฉบเฉี่ยวยิ่งขึ้น) พร้อมทั้งรักษาหรือเพิ่มคอนทราสต์ของใบหน้าด้วย ใน ถ่ายภาพงานแต่งงานทุกวันนี้มันเป็นแฟชั่น แต่ในชีวิตบ่อยขึ้นคุณต้องแก้ไขปัญหาตรงกันข้าม: ดึงชุดที่เบาเกินไปโดยไม่ทำให้ใบหน้าตก คุณสามารถใช้เงา/ไฮไลต์ได้ แต่จะทำให้เกิดภาพซ้อน เราจะหารือถึงวิธีแก้ปัญหานี้โดยไม่ปรากฏรัศมี และภายใต้เงื่อนไขใดที่สามารถทำได้ในครั้งต่อไป

การเพิ่มความคมชัดพร้อมกัน

เมื่อใช้ภูมิทัศน์ที่เรียบง่ายนี้เป็นตัวอย่าง เราจะพิจารณาปัญหาผกผัน - วิธีเพิ่มคอนทราสต์ของวัตถุทั้งหมดในเวลาเดียวกัน ในภาพนี้ ฉันต้องการ: ทำให้เนินเขาสว่างขึ้นและเพิ่มคอนทราสต์เพื่อให้ป่าดู "ปุย" มากขึ้น ทำให้ทุ่งหญ้าสว่างขึ้นเพื่อให้รู้สึกถึงวันที่มีแดดสดใส รักษาท้องฟ้า ป้องกันไม่ให้ท้องฟ้าขาวและลดคอนทราสต์


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

ก่อนที่เราจะมีแมวสามตัวคลาสสิก: เนินเขา - แมวดำ, ทุ่งหญ้า - แมวกลาง, ท้องฟ้า - แมวขาว (ฉันประเมินความสว่างดังนั้นฉันจึงสามารถทำงานกับแมวขาวดำได้) วัตถุแต่ละชิ้นเหล่านี้ใช้ช่วงโทนสีที่ค่อนข้างแคบ แต่เมื่อรวมกันแล้วจะครอบคลุมทั้งช่วง เป็นไปไม่ได้ที่จะเพิ่มคอนทราสต์ของแมวสามตัวที่แตกต่างกันในเฟรมเดียวพร้อมกัน

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


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


สร้างเลเยอร์ใหม่ ( แดง_ช่อง) และการใช้คำสั่ง Apply Image เราจะเพิ่มเนื้อหาของช่องสีแดงเข้าไป


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


การรวมเลเยอร์ แดง_ช่องและ เส้นโค้ง 1เพื่อจัดกลุ่ม ( ใหม่_ความส่องสว่าง) และเปลี่ยนโหมดการผสมเป็น Luminosity


หากการเปลี่ยนแปลงดูรุนแรงเกินไป คุณสามารถลดความทึบหรือปรับแต่งรูปร่างของเส้นโค้งการปรับได้ ฉันลดความทึบของกลุ่มลง ใหม่_ความส่องสว่างมากถึง 50%

ปาฏิหาริย์ไม่มีในโลก แม้ว่าท้องฟ้าจะเปลี่ยนไปใช้ช่วงโทนสีที่เข้มขึ้นเป็นหลัก แต่ยังคงรักษารายละเอียดบางส่วนในส่วนไฮไลท์เอาไว้ และส่วนที่เบาที่สุดของเมฆก็ต้องทนทุกข์ทรมาน แต่จะง่ายกว่ามากในการลบการแก้ไขด้วยมาส์กแบบนุ่ม ขอบเบลอกว่าจะพยายามสร้างหน้ากากกั้นระหว่างเนินกับท้องฟ้าตามแนวเขตแดนที่ชัดเจน

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

ฉันสงสัยว่าใครใน Adobe รู้คุณสมบัติทั้งหมดของ Photoshop หรือไม่?

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

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

ในตัวอย่างถัดไป เราจะวิเคราะห์การทำงานของเครื่องมือ Black&White และในเวลาเดียวกัน เรามาดูกันว่าการทำความเข้าใจตรรกะนี้และการระบุปัญหาการประมวลผลที่ชัดเจนช่วยให้คุณคิดวิธีแก้ปัญหาได้อย่างรวดเร็วได้อย่างไร

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

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


ผนังส่วนโค้งมีน้ำหนักเบาอิ่มตัวเล็กน้อยสีเหลืองแดง โทนสีวัตถุ. เส้นโค้งที่เข้มขึ้นในระดับมิดโทนอาจเพิ่มคอนทราสต์ของรายละเอียดบนวัตถุที่สว่างได้ แต่มันทำให้ภาพมืดลงมากเกินไป และรายละเอียดที่มืดของส่วนโค้งก็ถูกฆ่าตายไป คุณต้องมีเครื่องมือที่จะทำให้เฉพาะผนังสว่างเท่านั้นที่ไม่กระทบต่อองค์ประกอบที่มืดในตอนแรก Black&White เป็นเครื่องมือแบบนั้น แต่มาทำความเข้าใจกันก่อน


นี่คือผลลัพธ์ที่ได้รับจากการใช้ Black&White ด้วยการตั้งค่าเริ่มต้น Photoshop คำนึงถึงความสว่างของภาพต้นฉบับเมื่อสร้างเวอร์ชันขาวดำเริ่มต้นนี้ การที่ความสว่างขาวดำขึ้นอยู่กับโทนสีของภาพต้นฉบับนั้นไม่เพียงแต่นำมาพิจารณาเท่านั้น เรายังได้รับเชิญให้ตั้งค่าด้วยตัวเองอีกด้วย

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


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


วัตถุทั้งหมดมีความสว่างใกล้เคียงกับค่าเฉลี่ย ดังนั้นในภาพขาวดำเวอร์ชันเริ่มต้นจึงดูค่อนข้างสม่ำเสมอ


ลองเลื่อนแถบเลื่อนสีเหลืองไปที่ -130 วัตถุที่มีความอิ่มตัวสีน้อย (ป้าย ต้นไม้) จะกลายเป็นสีดำ ในขณะที่วัตถุที่มีความอิ่มตัวน้อยจะมืดลงเพียงเล็กน้อยเท่านั้น จากผลลัพธ์เหล่านี้ เราสามารถสรุปได้ว่า ยิ่งสีอิ่มตัวมาก สีก็จะอิ่มตัวมากขึ้น การปรับให้เข้มขึ้นและสว่างขึ้นตามที่กำหนดโดยผู้ใช้

หากเราพยายามวาดการเปรียบเทียบ (มีเงื่อนไขมาก) ด้วยเอฟเฟกต์ของเส้นโค้งการทำให้มืดลงที่แสดงก่อนหน้านี้ ปรากฎว่าวัตถุที่อิ่มตัวนั้นมืดลงในลักษณะเดียวกับวัตถุที่ค่อนข้างมืดในตอนแรก และวัตถุที่มีความอิ่มตัวเล็กน้อยจะมืดลงราวกับว่าพวกมันเริ่มแรก ค่อนข้างเบา กล่าวคือ สำหรับวัตถุที่มีความอิ่มตัวน้อยและค่อนข้างสว่าง ค่านี้จะไม่ได้ทำให้ความเปรียบต่างเพิ่มขึ้นมากนัก


กลับไปที่งานของเรา: เพื่อเพิ่มความคมชัดของรายละเอียดบนวัตถุที่มีความอิ่มตัวน้อยและค่อนข้างเบาโดยทาสีด้วยโทนสีเหลืองแดง สร้างเลเยอร์การปรับ ขาวดำและดันตัวควบคุมสีแดงและเหลืองไปที่ -130


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

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


ปิดเลเยอร์ ขาวดำและเหนือแหล่งที่มาให้สร้างเลเยอร์การปรับสีแบบเลือกสี การทำงานในโหมดสัมบูรณ์ สำหรับทุกช่วงสี (แดง เหลือง เขียว ฟ้า น้ำเงิน ม่วงแดง) เราตั้งค่าสีดำเป็น +100% สำหรับช่วงสีที่เป็นกลางทั้งหมด (สีขาว เป็นกลาง สีดำ) เราตั้งค่าสีดำ -100% สะดวกในการเขียนการดำเนินการนี้ลงในการดำเนินการ เพื่อที่คุณจะได้ไม่ต้องระบุการตั้งค่าเก้ารายการในแต่ละครั้ง หากคุณขี้เกียจเกินไปที่จะดำเนินการด้วยตัวเอง คุณสามารถใช้ของฉันได้


ด้วยการใช้เลเยอร์การปรับเส้นโค้ง เราจะเพิ่มความเปรียบต่างของชิ้นงานที่ได้ ตอนนี้เรามีมาสก์ที่ไม่ทำให้เกิดผลกระทบในบริเวณที่เป็นกลางและมาส์กในบริเวณที่อิ่มตัว


ใช้คำสั่ง Merge Visible ในขณะที่กดปุ่ม Alt ค้างไว้ ให้ยุบรูปภาพมาสก์ลงไป แยกชั้น (ความอิ่มตัว_หน้ากาก- จำเป็นต้องใช้เลเยอร์นี้เพื่อใช้คำสั่ง Apply Image ในอนาคต คุณยังสามารถใช้แปรงหรือเครื่องมือ Dodge and Burn เพื่อแก้ไขมาสก์ด้วยตนเองได้

เรารวมเลเยอร์ที่ใช้สร้างมาสก์เป็นกลุ่ม ( ความอิ่มตัว_หน้ากาก) และปิดการมองเห็น โดยปกติแล้วฉันจะไม่ทิ้งกลุ่มดังกล่าวจนกว่าจะสิ้นสุดการประมวลผล: ทันใดนั้นฉันก็ต้องทำมาสก์อีกครั้ง


เปิดเลเยอร์การปรับ ขาวดำ- เรายืนอยู่บนหน้ากากของมันและด้วยคำสั่ง Apply Image เราจะโยนเนื้อหาของเลเยอร์ลงไป ความอิ่มตัว_หน้ากาก- ปัญหาได้รับการแก้ไขแล้ว การปรับแต่งที่ละเอียดยิ่งขึ้นสามารถทำได้โดยการเปลี่ยนความทึบของเลเยอร์ เปลี่ยนการตั้งค่าขาวดำ และปรับเปลี่ยนมาสก์

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

เนื้อหานี้ทำให้ชุดบทความของฉันเกี่ยวกับโหมดการผสมสำหรับนิตยสาร Photo Workshop เสร็จสมบูรณ์ แต่ใน LiveJournal ฉันจะวิเคราะห์เทคนิคสำหรับการใช้งานจริงต่อไป คราวหน้าเราจะพูดถึงวิธีดึงรายละเอียดของวัตถุที่มีแสงออกมาโดยไม่ทำให้เกิดแสงหลอก

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

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

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

จากนั้นผู้อ่านที่มีประสบการณ์จะจดจำภาพเหนือจริงที่ชั่วร้ายที่สร้างโดยโปรแกรมที่รู้จักกันในวงแคบด้วยความสยองขวัญ โฟโตเมติกส์ โปรและคนอื่นๆ ก็ชอบเธอ ฉันทราบว่าด้วยความเข้าใจที่ถูกต้องเกี่ยวกับการตั้งค่าของซอฟต์แวร์ดังกล่าว จึงสามารถรับภาพ HDR ที่เหมาะสมได้ด้วยความช่วยเหลือของพวกเขา ฉันทำสิ่งนี้สำหรับการตกแต่งภายในบางส่วน แต่ถ้าเราพูดถึงภูมิทัศน์นี่ก็ไม่ใช่สิ่งที่ดีที่สุด ทางออกที่ดีที่สุด- ในบล็อกของฉันเมื่อหนึ่งปีครึ่งที่แล้วยังคงมีการทดลองเช่นนี้อยู่ แต่ตอนนี้ทางเลือกของฉันคือมาสก์ความสว่าง ( หน้ากากเรืองแสง- หากคุณอนุญาต ในขั้นตอนนี้ ฉันจะหยุดเจาะลึกทฤษฎี และสุดท้ายก็ไปสู่การปฏิบัติ ขออภัย ฉันจะไม่อธิบายว่ามันคืออะไร มาสก์ในบริบทของการประมวลผลภาพในโปรแกรมแก้ไขกราฟิก วิธีการทำงาน และอื่นๆ ไม่เช่นนั้นโพสต์ของฉันก็จะ "ขยายตัว" ในสัดส่วนที่เหลือเชื่อ นอกจากนี้ ในวิธีการที่อธิบายไว้ด้านล่าง การดำเนินการส่วนใหญ่เป็นไปโดยอัตโนมัติ และเริ่มต้นด้วย คุณสามารถปฏิบัติตามอัลกอริธึมนี้ได้โดยไม่ต้องเข้าใจว่ามันทำงานอย่างไร ฉันแน่ใจว่าไม่ว่าในกรณีใดภาพถ่ายของคุณจะดีขึ้นเล็กน้อย


02 - ดังนั้นเราจึงมีสองภาพ ในภาพแรก "พื้นดิน" ได้รับการพัฒนาอย่างดี แต่ "ท้องฟ้า" นั้นสว่างเกินไปและแทบไม่เหลือแสงแวบของพระอาทิตย์ตกเลย ส่วนที่สองมีพื้นผิวท้องฟ้าที่น่าทึ่งมาก แต่ “พื้นดิน” นั้นมืดเกินกว่าจะมองเห็นรายละเอียดได้ ฉันจะจองสำหรับมืออาชีพที่มีประสบการณ์ ใช่ เฟรมเหล่านี้ไม่ได้เป็นปัญหาขนาดนั้น และเป็นไปได้มากว่าท้องฟ้าอาจ "ถูกดึง" ออกจากเฟรมแรกได้ และบางทีอาจมีบางคนเริ่ม "ดึง" เงาตั้งแต่วินาทีแรก ไม่สำคัญ. นอกจากนี้เฟรมคู่นี้ยังจัดองค์ประกอบได้ไม่ดีนัก แต่ที่สำคัญที่สุดคือเหมาะที่สุดสำหรับตัวอย่างภาพ ในกรณีที่ไม่มีต้นไม้ พุ่มไม้ บ้าน ฯลฯ บนขอบฟ้า คุณสามารถสร้างหน้ากากความสว่างสำหรับท้องฟ้าได้โดยใช้เครื่องมือเลือกหรือแม้แต่แปรงง่ายๆ เรามีกรณีที่ค่อนข้างซับซ้อนที่นี่ แต่เราจะยังคงพยายามจัดการกับเรื่องนี้

03 - โหลดสองภาพนี้ลงใน Photoshop คัดลอกกรอบสีเข้มและวางเป็นเลเยอร์บนสุดไปยังกรอบสีอ่อน หากคุณถ่ายภาพโดยใช้มือถือกล้องหรือไม่แน่ใจถึงความน่าเชื่อถือของขาตั้งกล้อง ให้กดค้างไว้ Ctrl,เลือกทั้งสองชั้น ต่อไป แก้ไข - จัดเลเยอร์อัตโนมัติ- Photoshop จะพยายามจัดแนวรูปภาพให้สัมพันธ์กัน สำคัญ! หลังจากขั้นตอนนี้ ให้ครอบตัดรูปภาพทันที โดยลบ “การเลื่อนที่มองเห็นได้” ที่ขอบออกหลังจากการดำเนินการปรับแนว หากคุณถ่ายภาพด้วยขาตั้งกล้องที่ดี ขั้นตอนนี้สามารถละเลยได้

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

05 - หลังจากดำเนินการเสร็จสิ้นแล้ว ให้ไปที่แผงควบคุม ช่องด้านล่างช่องทางปกติ สีแดง, สีเขียวและ สีฟ้าคุณจะเห็นคนใหม่ 18 คนที่สร้างแอคชั่นนี้ นี่คือมาสก์ความสว่าง นอกจากนี้สำหรับทุกโอกาส อย่างที่คุณเห็นพวกมันถูกแบ่งออกเป็นบล็อก ไบรท์, ความมืดและ มิดโทน- เมื่อสลับระหว่างพวกเขาคุณจะเข้าใจว่าทำไมพวกเขาถึงถูกเรียกอย่างนั้น

06 - เมื่อคลิกผ่านช่องต่างๆ ฉันก็ตัดสินใจได้ ไบรท์ 2- พื้นดินที่นี่เกือบจะถูกซ่อนไว้อย่างสมบูรณ์ด้วยหน้ากาก (ทาสีดำ) และท้องฟ้า หรือการเปิดรับแสงมากเกินไปที่เป็นปัญหา มุมบนตรงกันข้ามเปิดอยู่ (แรเงาเป็นสีขาวตามเงื่อนไข) เลือกช่องแล้วทำ Ctrl+คลิกโดยไอคอนของมัน หลังจากนั้นสิ่งที่เรียกว่า "มด" จะปรากฏในภาพเพื่อระบุขอบเขตของหน้ากากในอนาคต สังเกตว่าต้นไม้มี "โครงร่าง" ทางด้านขวาของกรอบอย่างสวยงามเพียงใด

07 - สลับไปที่แผงเลเยอร์ ( เลเยอร์) เลือกชั้นบนสุดและเพิ่มมาสก์ลงไป โดยคลิกที่ไอคอนสี่เหลี่ยมสีเทาที่มีวงกลมสีขาวตรงกลางที่ด้านล่างสุดของแผงเลเยอร์ แล้วเราก็เห็นว่าท้องฟ้าที่ “พังทลาย” มาจนบัดนี้กลับกลายเป็นสีชมพู นี่คือวิธีการทำงานของมาส์ก เรานำส่วนที่ขาดหายไปในชั้นล่างสุดจากภาพที่สอง เพื่อความสมจริงยิ่งขึ้น คุณสามารถลดความทึบของชั้นบนสุดเพื่อลิ้มรสได้ เพื่อความสวยงามยิ่งขึ้น ให้ใช้แปรงสีดำขนาดใหญ่ที่มีขอบนุ่มแล้วทาสีในมาส์ก ส่วนล่าง, แก้ไขมัน. ในช่อง ไบรท์ 2,ซึ่งเราเลือกไว้สำหรับหน้ากาก รายละเอียดแสงบางส่วนบนพื้นก็รวมอยู่ในการเลือกด้วย และด้วยแปรงสีดำ เราก็สามารถกำจัดมันออกได้อย่างง่ายดายและรวดเร็ว ในบางกรณี การดำเนินการจะสร้างมาสก์ที่ไม่จำเป็นต้องปรับเลย ฉันจะเสริมว่าในกรณีที่คุณถ่ายภาพโดยใช้มือถือกล้องหรือมีลมพัดต้นไม้ เกาส์เซียนอาจทำให้หน้ากากเบลอได้เล็กน้อย ( ตัวกรอง - เบลอ - Gaussian Blur).

08 - บทเรียนอาจจบลงที่นี่ แต่ฉันอยากให้ท้องฟ้าเป็นสีชมพูกว่านี้ เราทำเกือบจะแบบเดียวกับที่เราเพิ่งทำ ไปที่แผงกันเถอะ แชนแนลและเราทำ Ctrl+คลิกแต่ผ่านช่องทางไปแล้ว ไบรท์ 5- มันเหมาะกับจุดประสงค์ของฉันที่สุด เพิ่มเลเยอร์การปรับเส้นโค้ง ( เส้นโค้ง) ซึ่งเราเปิดช่องสีแดงขึ้นมา โดยปกติแล้ว ต้องขอบคุณมาส์กความสว่างที่แม่นยำ เฉพาะมุมขวาบนของภาพที่มีแสงพระอาทิตย์ตกดินเท่านั้นที่เปลี่ยนเป็นสีชมพู

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

10 - ฉันเกือบจะลืม หลังจากเสร็จสิ้นการปรับแต่งทั้งหมดแล้ว ให้รวมเลเยอร์ทั้งหมดเป็นหนึ่งเดียว ( Ctrl+Shift+E) และค้นหามันได้ใน Action Pack ของ Jimmy ลบมาสก์ Luminanceและเรียกใช้มัน มันจะลบช่องที่ไม่จำเป็นทั้งหมดที่เราไม่ต้องการอีกต่อไป

11 - เอาล่ะผลลัพธ์สุดท้าย
จากลิงก์นี้ คุณสามารถดาวน์โหลดไฟล์ต้นฉบับสองไฟล์ รวมเข้าด้วยกันและโพสต์ผลลัพธ์ของคุณในความคิดเห็น

นั่นคือทั้งหมดที่ ฉันหวังว่าบทเรียนจะมีประโยชน์

อัปเดต:เมื่อพิจารณาจากบทวิจารณ์ไม่ใช่ทุกคนที่ชื่นชมความงามของมาสก์ความสว่าง
ตกลง นี่คือตัวอย่างที่ชัดเจนเพิ่มเติม:

อย่างที่คุณเห็น มีหน้ากากทำมือมากมายที่นี่ แต่หน้ากากหลักยังคงใช้การกระทำของจิมมี่


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

บทความนี้ประกอบด้วย jQuery ที่ดีที่สุดปลั๊กอินไลท์บ็อกซ์ที่จะช่วยคุณสร้างเว็บไซต์ที่สวยงาม

ปลั๊กอิน jQuery เหล่านี้ใช้เพื่อเพิ่มป๊อปอัปในเว็บไซต์ของคุณ ปลั๊กอินดังกล่าวเป็นเครื่องมือที่ทรงพลังมากสำหรับนักออกแบบและนักพัฒนาเว็บไซต์ เนื่องจากปลั๊กอินเหล่านี้ช่วยให้บรรลุเป้าหมายได้อย่างมาก เอฟเฟกต์ที่สวยงามทำให้เว็บไซต์ธรรมดาๆ มีรูปลักษณ์ที่น่าตื่นตาตื่นใจและน่าดึงดูด หากต้องการใช้ปลั๊กอิน jQuery คุณต้องมีความรู้พื้นฐานเกี่ยวกับ JavaScript และ jQuery หากคุณไม่ทราบข้อมูลพื้นฐาน เพียงอ่านคำอธิบายปลั๊กอินและปฏิบัติตามคำแนะนำ

ไลท์ซูม

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

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

ไลท์บ็อกซ์สำหรับ Bootstrap

ในตอนแรก ปลั๊กอินไลท์บ็อกซ์ไม่พร้อมใช้งานใน Bootstrap แก้ไขมัน หากคุณใช้ Bootstrap ขอแนะนำให้ใช้ไลบรารีนี้ ปลั๊กอินทำงานร่วมกับ Bootstrap ได้ดี

เปลื้องผ้า

Strip เป็นปลั๊กอินไลท์บ็อกซ์ที่ไม่เหมือนใคร แทนที่จะวางซ้อนรูปภาพ โมดูลไลท์บ็อกซ์จะเลื่อนรูปภาพจากด้านหนึ่งไปอีกด้านหนึ่ง เพื่อให้รูปภาพไม่ปิดกั้นเนื้อหาทั้งหมด Strip รองรับทั้งรูปภาพและวิดีโอ

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

รีบ็อกซ์

Rebox เป็นไลท์บ็อกซ์ที่มีน้ำหนักเบาและรวดเร็วมากสำหรับเนื้อหา แน่นอนว่าสำหรับรูปภาพเป็นหลัก ในการเริ่มต้นปลั๊กอิน คุณจะต้องเชื่อมต่อไลบรารี JS และ CSS เท่านั้น

ปลั๊กอินไลท์บ็อกซ์ที่ยอดเยี่ยม รองรับภาพเคลื่อนไหวหลายประเภท เช่น จาง ยืดหยุ่น ซูม และการเลื่อน นอกจากนี้ยังรองรับ ประเภทต่างๆสื่อรวมถึง Youtube Embed, วิดีโอ HTML, SWF และแบบฟอร์มอินพุต

ไลท์แกลเลอรี่

LightGallery เป็นปลั๊กอิน jQuery ที่ปรับแต่งได้สูงสำหรับการสร้าง แกลเลอรีแบบปรับตัวได้- มีทุกสิ่งที่คุณต้องการ: การดูในไลท์บ็อกซ์ การนำเสนอภาพนิ่ง การซูมแบบเต็มหน้าจอ การแสดงตัวอย่าง นอกจากนี้ผู้ใช้ที่ดูแกลเลอรีจะสามารถดาวน์โหลดรูปภาพได้ทันที

แตกต่างจากพี่น้องบางคนในอุตสาหกรรม มันไม่ได้รวมการแสดงสิ่งใดๆ ในหน้าต่างป๊อปอัป ปลั๊กอินถูกสร้างขึ้นและใช้งานได้เฉพาะสำหรับวัตถุประสงค์ในการแสดงภาพ – ทั้งแบบเดี่ยวและเป็นส่วนหนึ่งของชุด (แกลเลอรี) แต่ไม่ได้ทำให้มีเสน่ห์น้อยลงแต่อย่างใด

ปลั๊กอิน jQuery Lightbox

ปลั๊กอิน jQuery LightBox นั้นเรียบง่าย สวยงาม ไม่เกะกะ ไม่ต้องการมาร์กอัปเพิ่มเติม และใช้ในการวางซ้อนรูปภาพบนหน้าปัจจุบันด้วยพลังและความยืดหยุ่นของตัวเลือก jQuery

ช่วยให้คุณสามารถสร้าง กล่องโต้ตอบในรูปแบบ Facebook ในขณะที่คุณสามารถสร้างกล่องโต้ตอบโดยวางไว้ในนั้นได้ ข้อความธรรมดาองค์ประกอบบางส่วน, รูปภาพ, หน้า ajax

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

ค่อนข้างเบา สามารถปรับขนาดรูปภาพให้พอดีกับขนาดหน้าต่าง และกำหนดค่าได้ง่าย

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

เป็นกล่องสื่อ jQuery UI ที่สามารถแสดงเนื้อหาได้หลายประเภท รวมถึงรูปภาพและวิดีโอจาก YouTube และ Vimeo มีมากมายที่นี่ คุณสมบัติที่เป็นเอกลักษณ์รวมถึงพาโนรามาและ Live Re-size

jQuery TosRus

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

- นี่คือหนึ่งในประเภทของไลท์บ็อกซ์ที่ใช้ jQuery โดยมีฟังก์ชันขั้นสูงมากกว่าแบบเดิม เช่นเดียวกับแอนะล็อกอื่นๆ มันมีการตั้งค่ามากมายสำหรับควบคุมความโปร่งใสของพื้นหลัง ความเร็วในการแสดงผล เอฟเฟกต์ ขนาด ป้ายกำกับ ฯลฯ

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

– ปลั๊กอิน jQuery สำหรับ คอมพิวเตอร์ตั้งโต๊ะสมาร์ทโฟนและแท็บเล็ต เขาสนับสนุน การควบคุมแบบสัมผัสสำหรับอุปกรณ์มือถือ, การนำทางด้วยคีย์บอร์ดสำหรับอุปกรณ์เดสก์ท็อป, การเปลี่ยน CSS พร้อมทางเลือกควบคุม JQuery, ปรับแต่งได้ค่อนข้างง่าย

jQuery ซุปเปอร์บ็อกซ์

jQuery Superbox ทำให้การสร้างไลท์บ็อกซ์สำหรับรูปภาพ กลุ่มรูปภาพ หน้าภายนอก หรือเนื้อหาเฉพาะเป็นเรื่องง่ายมาก ปลั๊กอินสามารถเข้าถึงได้อย่างสมบูรณ์และอธิบายได้ในตัว และใช้แอตทริบิวต์ "rel" เพื่อเรียกใช้สคริปต์ และใช้แอตทริบิวต์ "href" เพื่อระบุ URL ของรูปภาพหรือหน้าเว็บ

- ปลั๊กอินไลท์บ็อกซ์ jQuery พร้อมด้วย การสนับสนุนในวงกว้างสื่อหลากหลายรูปแบบ: รวมถึงวิดีโอ, Flash/SWF, Ajax, เฟรม และแผนที่ ปลั๊กอินนี้ยังเพิ่มปุ่มต่างๆ เครือข่ายสังคมออนไลน์ที่ด้านบนเพื่อให้ผู้ใช้สามารถแชร์ไปยัง Facebook, Twitter หรือ Reddit นอกจากนี้ยังมีการตั้งค่าเพิ่มเติมเพื่อดูว่าสามารถนำไปใช้ในกรณีต่างๆ ได้

- นี่เป็นอีกอันหนึ่ง jquery ที่ตอบสนองปลั๊กอินไลท์บ็อกซ์ที่เหมาะสำหรับการแสดงรูปภาพ, iFrames, Google-Maps, Vimeo และวิดีโอ YouTube ปลั๊กอินจะคำนวณ ความกว้างสูงสุดภาพบนหน้าจอและรักษาความสูงตามสัดส่วนแม้ว่าจะมีขนาดใหญ่กว่าความสูงของหน้าต่างก็ตาม

ช่วยให้คุณสร้างป๊อปอัปที่สวยงามได้อย่างง่ายดายโดยใช้ jQuery คุณสามารถปรับปรุงเนื้อหาสื่อของคุณโดยอัตโนมัติหรือสร้างป๊อปอัปแบบกำหนดเองโดยใช้ API อันทรงพลัง

- ไลท์บ็อกซ์แบบปรับได้ที่ยอดเยี่ยม สามารถใช้เพื่อสร้างแกลเลอรีที่น่าทึ่งที่จะดูดีบนหน้าจอใดก็ได้

Magnific Popup ใช้งานง่าย ปลั๊กอิน jQueryไลท์บ็อกซ์เน้นไปที่ประสิทธิภาพการทำงาน เป้าหมายหลักคือการมอบประสบการณ์ที่สะดวกสบายบนอุปกรณ์ทุกชนิด

ปลั๊กอินพื้นฐานที่มีน้ำหนัก 6 กิโลไบต์สำหรับนักพัฒนาที่มีประสบการณ์และมีเฉพาะสิ่งที่จำเป็นเท่านั้น หากคุณต้องการเอฟเฟกต์ไลท์บ็อกซ์ เช่น สำหรับกลุ่มรูปภาพในแกลเลอรี คุณสามารถเปิดใช้งานส่วนขยายแกลเลอรีได้ คุณยังสามารถพัฒนาส่วนขยายปลั๊กอินของคุณเองเพื่อใช้ในโครงการของคุณได้



มีคำถามอะไรไหม?

แจ้งการพิมพ์ผิด

ข้อความที่จะส่งถึงบรรณาธิการของเรา: