Photo Mosaic ด้วย Pattern Overlay  

Photo Mosaic

การสร้างภาพโมเส็ค Mosaic ด้วยวิธีการทำ Pattern Overlay เป็นวิธีที่ทำง่ายๆ ใช้เวลาไม่มากปรับแต่งได้ง่าย ได้ผลออกมาน่าพอใจเลยทีเดียว

ภาพขยาย Mosaic 

เตรียมภาพ 

1.ภาพหลัก ..หากต้องการให้ภาพ Mosaic  ออกมาสวยงาม เห็นรายละเอียดรูปที่นำมาทำเป็นลายโมเส็ค ควรใช้รูปส่วนใบหน้า (หรือ Crop รูปมาก็ได้) ที่มี Background ด้านหลังตัดกับใบหน้า เมื่อใส่ Mosaic เข้าไปแล้วจะทำให้เห็นรายละเอียดสวยงามชัดเจน

ภาพหลัก

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

รูปที่ใช้ทำ Mosaic

ลงมือทำ

1.Crop รูปที่ใช้ทำ Mosaic 

   เลือกเครื่องมือ Crop ตั้งค่า Width - 50 px , Hight - 50 px

ตั้งค่า Crop

    Crop รูปทั้ง 4 รูป โดยจัดระยะให้สวยงาม

ระยะ Crop รูป

 รูปที่ Crop แล้ว

2. สร้าง New Document  ขนาด 100 X 100 Pixels

(หากต้องการให้รูปที่ใช้ทำ Mosaic มีความคมชัด ให้ตั้งค่า Resolution 150-300 pixels/inch หรือนำไปทำภาพขยายใหญ่)

New Document  ขนาด 100 X 100 Pixels

3.เลือกเครื่องมือ Move คลิกลากรูปที่ Crop ใช้ทำ Mosaic ลงบน New Document ที่สร้างขึ้นมาใหม่

   (เคล็ดลับจัดเรียงรูป ..อย่าเรียงรูปที่มีสีพิ้นหลังใกล้เคียงกันให้ติดอยู่ด้วยกัน หรือให้เลือกรูปที่มีสีพื้นหลังต่างกันอย่างละ 2 รูป)

ลากลงบน New Document

จัดเรียงรูป 1

จัดเรัยงรูป 2

4.Flatten Image หลังจากเรึยงรูป Mosaic แล้ว ที่ Menubar เลือก Layer > Flatten Image 

   จะเป็นการรวม Layer ทั้งหมดเป็น Layer เดียว

Flatten Image เหลือ Layer เดียว

5.ทำเป็น ขาวดำ  โดยการกด Ctrl + Shift + U  บน  Keyboard 

เปลี่ยนเป็น ขาวดำ

6. ทำเป็น Pattern  ที่ Menubar เลือก Edit > Define Pattern...  แล้วตั้งชื่อ Pattern Name เพื่อสะดวกในการเลือกใช้งาน (ในที่นี้ใช้  JL ที่มาจาก Jennifer lawrence )

ตั้งชื่อ Pattern

7. เมื่อพร้อมแล้ว ลงมือทำ Photo Mosaic กันได้เลย ...

   7.1  ที่ภาพหลัก กด Ctrl + J เพื่อ Copy Layer ขึ้นมาอีกกนึ่ง Layer

Copy layer

   7.2  ดับเบิ้ลคลิกที่ Layer 1 คลิกเลือกที่ Pattern Overlay แล้วเลือก Pattern ที่สร้างขึ้นก่อนหน้านี้ 

เลือก Pattern ที่สร้างขึ้นก่อนหน้านี้ 

   7.3 ปรับขนาดเล็ก-ใหญ่ ของรูป Mosaic  โดยการเลื่อน Scale Bar

เลื่อน Scale Bar เพื่อปรับขนาดรูป Mosaic

ปรับขนาดรูป Mosaic ตามต้องการ

   7.4  สร้าง Layer เปล่าๆขึ้นมาหนึ่งเลเยอร์ แล้วรวม Layer 1 กับ 2 เข้าด้วยกัน โดยการคลิกเมาส์เลือก             Layer 1 และคลิกเมาส์พร้อมทั้งกด Ctrl ที่ Layer 2 , เสร็จแล้วกด Ctrl + E (Merge) Layer 1 และ             2 ก็จะรวมเป็น Layer เดียวกัน

รวม Layer 1 และ 2 อข้าด้วยกัน

   7.5  ที่ Layer 2  ปรับค่า Mode เป็น Overlay

ตั้งค่าเป็น Overlay

ภาพที่ได้จากการปรับค่าเป็น Overlay

7.6  ปรับลดค่า Opacity ตามความเหมาะสมสวยงาม

ปรับลดค่า Opacity ลงเหลือ 45%

***  นอกจากใน Mode Overlay แล้ว ยังสามารถปรับค่า Mode เป็น Soft Light ได้อีกด้วย และหลังจากปรับค่า Opacity แล้ว ยังได้ภาพที่ให้สีและแสงที่ดูนุ่มนวลกว่า 

Mode Soft Light ปรับค่า Opacity เหลือ 70%

ขั้นตอนวิธีการทำภาพ Photo Mosaic อย่างง่ายๆ ก็มีเพียงเท่านี้ สามารถทำได้กับ Photoshop ทุกเวอร์ชั่น  โดยภาพที่ได้อาจนำไปตกแต่งปก Photo Album ทำเป็นภาพขยาย หรือทำปฏิธินต้อนรับปีใหม่ก็สวยเก๋ไม่ใช่น้อย

ขอให้มีความสุข และสนุกกับการทำงาน และขอ "สวัสดีปีใหม่ ๒๕๕๘" มาในโอกาสนี้เลยครับ ..

See U Next Time

Background Bangkok

14/12/2557

ตัดภาพจากฉากหลังด้วย Refine Edge

Refine Edge วิธีนี้ใช้ได้กับ Photoshop CS5 และ CS6 เท่านั้น!

สำหรับการทำ Retouch ใน Photoshop ในส่วนของการตัดต่อเพื่อเปลี่ยนฉากหลัง  (หรือที่เรียกว่า di cut )  นั้นมีหลายวิธี เช่น การเลือกสีที่จะตัดออกด้วย Color Range หรือการทำ Selection โดยเลือกจากค่า Chanel หรือที่ความแตกต่างกันของสี แต่สำหรับวิธีทำด้วย Refine Edge นี้ นับว่าสะดวกและง่าย แสดงผลออกมาได้ดีกว่าวิธีื่อื่น แต่วิธีง่ายนี้เพิ่งจะมีให้ใช้กันใน Ps CS5 และ 6 นี่เอง

การทำ Selection ด้วย Chanel

การทำ Selection ด้วย Color Range

เปิด Photoshop CS5 (หรือ 6) แล้วเริ่มกันเลย

• นำรูปที่ต้องการตัดฉากหลังออก และรูปที่จะมาเป็นฉากใหม่มาซ้อน Layer กัน โดย Copy เพิ่มขึ้นอีกหนึ่ง Layer ตามรูป

รูปที่จะตัดฉากหลังออก

รูปฉากหลังใหม่

Copy เลเยอร์ Background 

• ที่เลเยอร์ Background Copy เลือกเครื่องมือ Quick Selection Tool 

เลือก Quick Selection Tool

• ระบายไล่ไปตามส่วนที่ต้องการตัด (ในกรณีส่วนที่ยากแก่การระบาย สามารถใช้เครื่องมืออื่น เช่น Losso Tool หรือ Polygonal Losso Tool + หรือ - เพิ่มเติมได้)

• ที่แถบตั้งค่าเครื่องมือ Quick Selection Tool ดลิกเลือกที่ปุ่ม Refine Edge 

คลิก Refine Edge

• หน้าต่าง Refine Edge จะเปิดขึ้นมา ที่แถบ View Mode > View เลือก On Layer

View Mode > View เลือก On Layer

• ที่ Edge Detection เลือก Smart Radiust 

• ที่รูปปรับพูกันไม่ต้องใหญ่นัก ระบายตามขอบเส้นผม เพื่อเก็บรายละเอียดเส้นผม 

ก่อนระบาย

ระบายขอบเส้นผมเพื่อเก็บรายละเอียดเพิ่มเติม

Edge Detection เลือก Smart Radius

• Output เลือก Decontaminate Colors
• Output To เลือก New Layer with Layer Mask
• เลือก OK
• จะได้รูปที่ตัดฉากหลังออก บนฉากใหม่ที่ละเอียดสวยงาม

รูปที่ตัดฉากออกแล้ว

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

Copy เลเยอร์

เพิ่มเติมสำหรับการเลือก Output ของ Refine Edge

ผลของค่า Output จะได้ Layer ออกมาแตกต่างกันดังนี้ 

การตั้งค่า Output ใน Refine Edge

• เลเยอร์ที่ได้จากการตั้งค่าเป็น Layer Mask 

ตั้งค่า Output เป็น Layer Mask

• เลเยอร์ที่ได้จากการตั้งค่าเป็น New Layer

ตั้งค่า Output เป็น New Layer

• เลเยอร์ที่ได้จากการตั้งค่าเป็น New Layer with Layer Mask 

ตั้งค่า Output เป็น New Layer with Layer Mask

• เลเยอร์ที่ได้จากการตั้งค่าเป็น New Document

          (เป็นการ Duplicate Document หรือสร้างไฟล์รูปพร้อมเลเยอร์ขึ้นมาใหม่)

ตั้งค่า Output เป็น New Document

• เลเยอร์ที่ได้จากการตั้งค่าเป็น New Document with Layer Mask 

         (เป็นการ Duplicate Document หรือสร้างไฟล์รูปพร้อมเลเยอร์มารส์กขึ้นมาใหม่)

ตั้งค่า Output เป็น New Document with Layer Mask

ภาพที่ตัดฉากออกแล้ว

พบกันใหม่ในบทความหน้า "สวัสดีครับ"

CR : ขอบคุณภาพนางแบบ Susan Coffey