# ขอแนะนำแอนิเมชันไทม์ไลน์ 3D - Spline blog (https://spline.design/th/blog/introducing-3d-timeline-animation)

> แอนิเมชันไทม์ไลน์ของ Spline ช่วยให้งานออกแบบ 3D ของคุณมีชีวิตชีวาด้วยการเคลื่อนไหวที่ลื่นไหลแบบคีย์เฟรม

[บล็อก](https://spline.design/th/blog)

18 กันยายน 2568

# ขอแนะนำแอนิเมชันไทม์ไลน์ 3D

แอนิเมชันไทม์ไลน์ของ Spline ช่วยให้งานออกแบบ 3D ของคุณมีชีวิตชีวาด้วยการเคลื่อนไหวที่ลื่นไหลแบบคีย์เฟรม

[เปิด Spline](https://app.spline.design)

เราตื่นเต้นที่จะแบ่งปันอัปเดตล่าสุด ซึ่งสานต่อความตั้งใจของเราในการขยายงานโมชันดีไซน์ใน Spline ด้วยการเปิดตัว **Timeline Animation**

ฟีเจอร์ใหม่นี้ช่วยให้คุณสร้างการเคลื่อนไหวที่ลื่นไหลแบบคีย์เฟรม ทั้งสำหรับการส่งออกวิดีโอและประสบการณ์อินเทอร์แอคทีฟ ทั้งหมดภายในเอดิเตอร์ของ Spline

## สเตตและแอนิเมชันแบบคีย์เฟรม

แต่เดิมใน Spline การสร้างแอนิเมชันทำได้ด้วยระบบที่อิงสเตต คุณสร้างสเตตต่าง ๆ ให้วัตถุ แล้วเปลี่ยนไปมาระหว่างสเตตเหล่านั้นด้วยอีเวนต์และแอ็กชันทรานซิชัน

นี่เป็นระบบที่เรายังเชื่อมั่นอย่างยิ่ง ใช้งานและตั้งค่าได้ง่าย คุณทำแอนิเมชันวัตถุจาก A ไป B ไป C ในลำดับทรานซิชัน แต่ระบบนี้มีข้อจำกัดเมื่อต้องควบคุมจังหวะเวลาของทรานซิชันสเตตของหลายวัตถุในการเคลื่อนไหวที่ซับซ้อนขึ้น

ด้วย Timeline ตอนนี้คุณทำแอนิเมชันได้แม่นยำและควบคุมได้มากขึ้น ด้วยการเห็นทรานซิชันของคุณเรียงอยู่บนไทม์ไลน์แนวนอน ซึ่งช่วยให้ควบคุมจังหวะเวลาได้ละเอียดขึ้น โซลูชันใหม่นี้ต่อยอดจากสเตตและขยายความสามารถด้านแอนิเมชันใน Spline

ตัวอย่างคีย์เฟรมบน Timeline ของ Spline

## Graph Editor เพื่อการเคลื่อนไหวที่ลื่นไหลและควบคุมได้ละเอียดขึ้น

Graph Editor ในตัวให้คุณควบคุม easing และความเร็ว จึงก้าวข้ามทรานซิชันแบบเส้นตรงไปสู่การเคลื่อนไหวที่ดูเป็นธรรมชาติ ลื่นไหล หรือมีพลังได้

ตัวอย่างแอนิเมชันไทม์ไลน์แบบอิงเส้นโค้งใน Spline

## อีเวนต์และการโต้ตอบ

เช่นเดียวกับสเตต แอนิเมชันแบบไทม์ไลน์เชื่อมต่อกับระบบอีเวนต์ของ Spline ได้ ช่วยให้คุณเรียกใช้การเคลื่อนไหวตามการกระทำของผู้ใช้หรือตรรกะแบบมีเงื่อนไข ทำให้สร้างไทม์ไลน์อินเทอร์แอคทีฟที่ตอบสนองแบบไดนามิกตามวิธีที่ผู้ใช้โต้ตอบกับฉากของคุณได้

คุณสมบัติใด ๆ ของวัตถุสามารถทำแอนิเมชันได้ รวมถึงตำแหน่ง การหมุน สเกล ขนาด วัสดุ cloner หรือการ extrude ตามพาธ คีย์เฟรมจะถูกบันทึกโดยอัตโนมัติเมื่อคุณปรับแต่งในวิวพอร์ตหรือแผงคุณสมบัติ ทำให้เวิร์กโฟลว์ลื่นไหลและไม่ทำลายงานต้นฉบับ

วางเมาส์หรือแตะเพื่อโต้ตอบ (ประสบการณ์ที่สร้างด้วย Timeline ของ Spline)

## หลายไทม์ไลน์

คุณสามารถสร้างหลายไทม์ไลน์ในโปรเจกต์เดียว ทำให้แยกการเคลื่อนไหวเป็นแทร็กที่เป็นระเบียบ สร้างสเตตต่าง ๆ ให้วัตถุเดียวกัน หรือจัดระเบียบแอนิเมชันสำหรับฉากที่ซับซ้อนได้

การมีหลายไทม์ไลน์ยังช่วยให้เรียกใช้การเคลื่อนไหวต่าง ๆ ตามการโต้ตอบได้ง่ายขึ้น ตัวอย่างเช่น ไทม์ไลน์หนึ่งอาจกำหนดแอนิเมชันตอนวัตถุปรากฏ ในขณะที่อีกไทม์ไลน์ควบคุมว่าวัตถุจะตอบสนองอย่างไรเมื่อถูกคลิก

พาธ 3D และกล้องที่ทำแอนิเมชันด้วยไทม์ไลน์

## การส่งออกวิดีโอ

Timeline ไม่ได้จำกัดอยู่แค่โปรเจกต์อินเทอร์แอคทีฟ คุณยังส่งออกแอนิเมชันเป็นวิดีโอคุณภาพสูงจาก Spline ได้โดยตรง เลือกไทม์ไลน์ที่ต้องการเรนเดอร์ ปรับความยาว เฟรมเรต และความละเอียด แล้วสร้างวิดีโอที่พร้อมใช้สำหรับงานนำเสนอ แคมเปญการตลาด หรือคอนเทนต์แบบวนซ้ำ

แนวทางสองทางนี้ทำให้ Timeline มีประโยชน์ทั้งสำหรับเวิร์กโฟลว์โมชันดีไซน์แบบอินเทอร์แอคทีฟและแบบดั้งเดิม

วิดีโอแบบไทม์ไลน์ที่ส่งออกจาก Spline

## พัฒนาต่อในเวอร์ชันเบต้า

Timeline Animation เปิดตัวในเวอร์ชันเบต้า เรากำลังปรับปรุงอย่างต่อเนื่องและจะขัดเกลาเวิร์กโฟลว์ต่อไปตามความคิดเห็นของคุณ เป้าหมายของเราคือทำให้การทำแอนิเมชันใน 3D ราบรื่นและสื่อความหมายได้มากที่สุด ไม่ว่าคุณจะออกแบบสำหรับประสบการณ์อินเทอร์แอคทีฟแบบเรียลไทม์หรือสำหรับวิดีโอ

เราตื่นเต้นที่จะได้เห็นว่าคุณจะทำให้โปรเจกต์ของคุณมีชีวิตชีวาด้วย Timeline อย่างไร

— ทีม Spline

## บทความอื่น ๆ จากบล็อก

[3 พฤศจิกายน 2569ขอแนะนำ Spline Arena](https://spline.design/th/blog/introducing-spline-arena)[21 ตุลาคม 2569ขอแนะนำ Spline สำหรับ ChatGPT](https://spline.design/th/blog/introducing-spline-for-chatgpt)[27 สิงหาคม 2569ขอแนะนำ Hana V2](https://spline.design/th/blog/hana-v2)

[Spline](https://spline.design/th)

เอดิเตอร์ 3D และ 2D สำหรับทีมและเอเจนต์ของทีม เผยแพร่ได้ทั้งบนเว็บ iOS และ Android

#### ถาม AI เกี่ยวกับ Spline

#### ผลิตภัณฑ์

- [ออกแบบ 3D](https://spline.design/th/3d-design)
- [Hana](https://spline.design/th/hana)
- [Omma](https://omma.build)
- [สร้าง 3D ด้วย AI](https://spline.design/th/ai-generate)
- [Spline MCP](https://spline.design/th/mcp)
- [Spline Arena](https://spline.design/th/arena)
- [ราคา](https://spline.design/th/pricing)
- [องค์กร](https://spline.design/th/enterprise)

#### รันไทม์

- [Web](https://spline.design/th/web)
- [iOS](https://spline.design/th/ios)
- [Android](https://spline.design/th/android)

#### แอป

- [ดาวน์โหลด](https://spline.design/th/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [ดาวน์โหลด Spline Mirror](https://spline.design/download-mirror)

#### เรียนรู้

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/th/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [โซลูชัน](https://spline.design/solutions)

#### คอมมูนิตี้

- [คอมมูนิตี้ Spline](https://community.spline.design)
- [Blog](https://spline.design/th/blog)
- [มีอะไรใหม่](https://spline.design/th/changelog)
- [การศึกษา](https://spline.design/th/education)
- [Contra](https://spline.design/contra)
- [พันธมิตร](https://spline.design/th/affiliate)

#### บริษัท

- [ลูกค้า](https://spline.design/th/customers)
- [ร่วมงานกับเรา](https://www.ycombinator.com/companies/spline/jobs)
- [ความปลอดภัย](https://spline.design/th/security)

#### กฎหมาย

- [ข้อกำหนดและเงื่อนไข](https://spline.design/terms)
- [ความเป็นส่วนตัว](https://spline.design/privacy)

#### ติดต่อ

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.