LevelUp! Studio » mask https://blog.levelup.in.th Experience the new world. Fri, 26 May 2017 10:06:07 +0000 th hourly 1 http://wordpress.org/?v=3.8.1 หลักการทำ Masking ใน Unity ด้วย Texture Mask https://blog.levelup.in.th/2016/06/27/masking-unity-texture-mask/ https://blog.levelup.in.th/2016/06/27/masking-unity-texture-mask/#comments Mon, 27 Jun 2016 12:00:03 +0000 http://blog.levelup.in.th/?p=5597 หากต้องการ UI เป็นรูปลักษณะนี้

เราต้องใช้การ Mask เพื่อให้แสดงรูปที่เราต้องการในพื้นที่ของดาวเท่านั้น

โดยปกติแล้วเราก็จะทำรูป Mask เป็นแบบนี้

ส่วนนี่ก็เป็น รูปที่เราต้องการแสดงในพื้นที่ดาว

แต่ว่าเมื่อทำด้วยหลักการเดิมใน Unity แล้ว สิ่งที่ได้กลับมาจะหน้าตาแบบนี้

เนื่องจากว่า Mask ใน Unity จะทำงานลักษณะตามในภาพนี้ครับ

ตัว Mask จะเรียงต่อๆกันตามพื้นที่ของรูป

ดังนั้นเราจึงต้องทำรูป Mask ในมีพื้นที่เท่ากับตัวรูปที่เราจะใช้เลย อย่างเช่นแบบนี้(พื้นที่ที่เป็นเส้นประคือทำใสๆไว้)

การทำงานของมันก็จะได้ออกมาแบบที่เราต้องการ

]]> https://blog.levelup.in.th/2016/06/27/masking-unity-texture-mask/feed/ 0 Copy Clipping Mask ไปอีก Layer ใน Photoshop https://blog.levelup.in.th/2015/04/26/copy-clipping-mask-%e0%b9%84%e0%b8%9b%e0%b8%ad%e0%b8%b5%e0%b8%81-layer-%e0%b9%83%e0%b8%99-photoshop/ https://blog.levelup.in.th/2015/04/26/copy-clipping-mask-%e0%b9%84%e0%b8%9b%e0%b8%ad%e0%b8%b5%e0%b8%81-layer-%e0%b9%83%e0%b8%99-photoshop/#comments Sun, 26 Apr 2015 09:58:55 +0000 http://blog.levelup.in.th/?p=4263
จากภาพตัวอย่าง เรามี Layer 1 เป็นรูปpattern ที่มี Clipping mask เป็นรูปนักดาบ


ถ้าต้องการ Copy Clipping mask รูปนักดาบไปยัง Layer 2 มีวิธีการง่ายๆดังนี้


Click ที่ clipping mask ของ layer 1 กด alt ค้างไว้ แล้วลากขึ้นไปที่ Layer ที่ต้องการ


เสร็จ

]]> https://blog.levelup.in.th/2015/04/26/copy-clipping-mask-%e0%b9%84%e0%b8%9b%e0%b8%ad%e0%b8%b5%e0%b8%81-layer-%e0%b9%83%e0%b8%99-photoshop/feed/ 0