วิธีนำ animation จาก Spine ไปใส่ใน vdo (Adobe Premier) by

29
Jan
0

แม้ว่าการทำ Animation ในโปรแกรม Spine จะมี default background เป็น transparent เมื่อนำไปใช้ใน unity ก็ไม่จำเป็นต้องทำอะไรเป็นพิเศษเพื่อให้พื้นหลังเป็น transparent

แต่ว่าถ้าต้องการนำไปใส่ใน vdo แล้วจะทำไม่ได้ เพราะเมื่อ export จาก spine เป็น vdo แล้ว พื้นหลังจะไม่เป็น transparent ทันที ดังนั้นให้เราเลือกสี bg ตอนที่จะ export เป็นสีอะไรก็ได้ที่ไม่ชนกับสีของตัว animation เอง เช่น สีเขียวสดๆ สีชมพูสดๆ (ในรูปตัวอย่างใช้สีเขียว #00FF00)

เมื่อเรานำ vdo ที่ export มาแล้วไปใส่ใน vdo editor เช่น adobe premier จะได้ลักษณะดังรูป

ใช้ effect Keying > Ultra Key

ตั้งค่า Ultra key ตรง Key color เป็นสีเดียวกับ bg ที่ export มาจาก spine ขั้นตอนนี้จะใช้ตัวดูดสีก็ได้

เท่านี้ก็เสร็จเรียบร้อย

เทคนิคทำ Animation Frame by Frame ใน SPINE ให้สะดวกขึ้น by

10
Dec
0

1.เลือกรูปทั้งหมด แล้วลากไปใส่ Slot ทีเดียว

ตอนที่เรา SETUP เพื่อจะทำ animation แบบ frame by frame เราจะสร้าง slot ไว้แค่อันเดียว แล้วนำรูปทั้งหมดไปใส่ที่ slot นั้น ถ้าต้องมานั่งลากทีละรูปๆ ก็จะช้า เราสามารถ select รูปทั้งหมด แล้วลากไปใส่ slot ทีเดียว

2.ใช้ Hot Key “R” เพื่อเลื่อน frame

ถ้าเราทำงานโดยใช้เม้าส์อย่างเดียว เราต้องเลื่อนเม้าส์ไปมาระหว่างจุดที่1-2 เราต้องเลื่อน frame ถัดไปที่จุดที่ 1 แล้วมาเลือกรูปใน slot ที่จุดที่2

แต่ถ้าเราใช้ Hot Key “R” เพื่อเลื่อน frame เราก็ไม่ต้องลากเม้าส์ไปๆมาๆ ใช้เม้าส์กดเลือกรูปที่จุดที่ 1 ได้เลย

ปล.วิธีนี้ต้องไปset frame สุดท้าย (เส้นสีส้ม) ไว้ที่ frame ที่ต้องการก่อน ไม่งั้นเรากด R ตอนที่อยู่ frame สุดท้ายแล้วมันจะเด้งกลับมาที่ frame รองสุดท้าย

การสร้างสเตท Skill (ท่าไม้ตาย) ของฮีโร่ด้วย Unity Animator by

13
Jul
0

 

 

 

1.หลังจากอนิเมทท่าทางตัวละครใส่สเตท skill ด้วย Spine เรียบร้อยแล้ว export นำเข้าสู่ Unity

 

2.คลิกขวาที่ SkeletonData เลือก Spine > Instantiate (Mecanim)

sample28a

 

3.เราจะได้ Controller หน้าเหลี่ยมๆอย่างนี้มา พร้อมๆกับก้อน Spine Mecanim GameObject ซัมติงที่คืออะไรต้องไปถามโปรแกรมเมอร์

sample28b

 
4.กาง Controller ออกมาเลือกที่สเตท skill

sample28c

 

5.เปิดแท็บ Animator ลากสเตท skill เข้าไป เราจะได้ สเตท skill เข้าไปอยู่ใน Unity Animator

sample28d

 

 

 

6.สร้าง panel ที่  sorting layer skill depth 50 ตั้งชื่อว่า skill

sample28e

 

7.ลาก Spine Mecanim GameObject ไปไว้ใน panel นั้น เปลี่ยนชื่อมันเป็น Hero

 

8.เลือกที่ Hero แล้วไปที่แท็บ Animation เราจะสามารถจัดการอนิเมทบนไทม์ไลน์ของ Unity Animator ได้ต่อไป

sample28f

ทำ Sprite sheet จาก Adobe Flash CS6 by

29
Aug
0

1.ทำ Animation ที่ต้องการเอาไว้ใน Symbol จะเป็น MovieClip หรือ Graphic ก็ได้เหมือนกัน

ตัวอย่าง animation

ตัวอย่าง animation แบบ onion skin

2.คลิกขวาที่ MovieClip นั้นๆ แล้วเลือกคำสั่ง Generate Sprite Sheet

3.ผลลัพธ์

แถม: ถ้าหากเลือกคำสั่ง Export PNG Sequence จะเป็นการเซฟรูปแต่ละ frame ออกมาเป็นไฟล์ภาพ png 1 ไฟล์ แทน

ข้อควรระวัง!
1.ภายใน Symbol ที่จะใช้สร้าง Sprite sheet นั้น symbol ด้านในต้องเป็น graphic ทั้งหมด ถ้าอันไหนเป็น movieclip จะแสดงผลแค่ frame แรก frame เดียว

2.ใช้ได้เฉพาะ Adobe Flash CS6 เท่านั้น

3.วิธีการนี้ไม่ค่อยเหมาะกับการทำ Animation แบบ Tween เพราะ Frame จะเยอะมาก

4.ระวัง Frame เปล่า และ Frame ซ้ำ เพราะ จะโดนเซฟออกมาด้วย หากไม่จำเป็นให้เลือกเฉพาะ keyframe ก็พอ

วิธีทำฉากหลังให้ repeat ได้ by

21
Dec
0

วิธีทำฉากหลังให้ repeat ได้ แบบตัวอย่าง

1.เมื่อวาดสิ่งของในฉากเรียบร้อยแล้ว

ก็เลื่อนไปด้านใดด้านนึง

2. Select all แล้วกด Layer Cut

3.จากนั้นไปที่ Layer เดิม (ที่ตกขอบไปแล้ว) เลื่อนไปอีกข้าง

4.ตกแต่งรายละเอียดที่เหลือตรงกลาง

ปล.ในรูปตัวอย่างส่วนของพื้นมีการทำให้ repeat ได้ไปก่อนแล้ว

กู้เงิน | เศรษฐกิจพอเพียง | สินเชื่อบุคคล | สมัครบัตรกดเงินสด | สินเชื่อ | เงินกู้ด่วน | ยืมเงินทรูมูฟ | เงินด่วนนอกระบบ