วันนี้เราจะมาเรียนรู้การใช้ Parent Layer กันนะคร้าบ ซึ่งการ Parent คือการทำให้วัตถุหนึ่ง ติดกับวัตถุหนึ่งตลอดเวลา
และค่า Properties ต่างๆ ก็จะเปลี่ยนแปลงไปตามๆ กันด้วย เรามาเรียนรู้กันจากบทความนี้ดีกว่า เย่ 😀
เริ่มต้นเลยผมวาด Shape
มาสองชิ้นตามแบบในรูปจะเหมือนข้อต่อนะครับ เป็นการยกตัวอย่างให้เห็นภาพ
สมมติผมหมุนแท่งสีฟ้าไปทางซ้าย แท่งสีเหลืองก็จะอยู่กับที่ ซึ่งจะทำให้ยุ่งยากเวลาเราต้องการขยับอะไรที่มีข้อต่อเยอะๆ
ซึ่งเราจะใช้การ Parent มาช่วยครับ
ก่อนอื่นเลยเราต้องมาวางตำแหน่งจุดหมุน (Anchor Point) กันเสียก่อน โดยการเลือกเครื่องมือตามในภาพ หรือกดตัว Y
แล้วลากจุดหมุนไปตามตำแหน่งที่เราต้องการ
ต่อมาดูส่วนของการทำ Parent กันบ้าง ซึ่งจะอยู่ที่ Timeline ครับ ใครไม่มีให้ไปลงโปรแกรมใหม่ซะ
เอ้ยยย ไม่ใช่ ใครไม่มีเปิดออกมาตามรูปเลยครับ
เปิดออกมาจะมีรูปร่างหน้าตาราวๆนี้ ซึ่งเราต้องเลือกว่าจะให้ Layer ไหนผูกติดกับเลเยอร์ไหนเท่านั้นเอง
โดยการกดเลือก Layer ที่ต้องการเป็นอันเสร็จ
หรือจะลากตัวแบบในรูป(เขาเรียกว่าอะไรจำชื่อไมไ่ด้) ไปใส่อีก Layer นึงก็ได้เช่นกันคร้าบ
มาดูผลกันบ้าง ผม rotate แท่สีฟ้าไปทางซ้าย แต่ผลที่ออกมาก็คือ แท่งสีเหลืองได้ขยับตามไปด้วยโดยอยู่ตำแหน่งเดิมเป๊ะๆ
เพราะว่าเพราะ Parent แท่งสีเหลืองให้ติดอยู่กับแท่งสีฟ้านั่นเอง จะลองแบบอื่นดูก็ได้นะครับ position, scale ได้หมดเลย
แต่ถ้าเราขยับแท่งสีเหลืองล่ะ? ผลก็คือไม่เกิดอะไรขึ้นกับแท่งสีฟ้า เพราะว่าแท่งสีฟ้านั้นไม่ได้ผูกติดกับสีเหลืองเลย
เคลื่อนไหวได้อิสระนั่นเอง
มาดูตัวอย่างการอนิเมทง่ายๆครับ โดยจะให้สองแท่งนี้สะบัดไปมาแบบธรรมชาติ
ก็จะได้แบบนี้จ้าา
มาดูตัวอย่างกันอีกซักอัน ผมได้วาดรูปตัวการ์ตูนเอาไว้ โดยแยกส่วน หัว ตัว แขน และขา คนละ Layer กัน
แล้วจัดการทำ parent มันซะ ซึ่งโดยปกติแล้ว แขนก็ต้องติดกันลำตัว ส่วนหัวก็ติดกับลำตัวเช่นกัน แต่ส่วนสำตัวผมจะยึดติด
กับส่วนขาไป
คำถามชวนคิดเล่นๆ นะครับ ถ้าผมขยับส่วนขา ส่วนหัว และแขนจะเกิดอะไรขึ้น??
คำตอบก็คือส่วนหัวและแขนก็จะขยับตามส่วนขาเช่นกัน เพราะว่าส่วนลำตัวของเราขยับตามส่วนขา
แขนและหัวก็จะติดตามกับส่วนลำตัวไปเช่นกันนนน
จากนั้นอนิเมทมันซะ เอาสนุกๆพองาม ตัวอย่างไฟล์นี้ผมมีให้โหลดตอนท้ายด้วยนะคร้าบ
เผื่อใครจะโหลดไปเปิดดูศึกษา จะได้เข้าใจกันมากขึ้น
ผลที่ออกมาจ้าาา
การ Parent นี้มีประโชน์มากๆนะครับ สำหรับการอนิเมทงานต่างๆ เอาไปทำอะไรได้มากมาย ยังไงก็ฝึกใช้กันนะครับ
ถ้าสงสัยตรงไหนก็โพสถามมาได้เลยนะคร้าบบ
อันนี้ไฟล์ project จ้าาา [button url=”https://www.banku.me/wp-content/uploads/2012/03/parent-project.zip” style=”orange” size=”small”] Download [/button]
