วันอาทิตย์ที่ 14 ธันวาคม พ.ศ. 2557

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




วันพุธที่ 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