# पेश है 3D टाइमलाइन एनिमेशन - Spline blog (https://spline.design/hi/blog/introducing-3d-timeline-animation)

> Spline का टाइमलाइन एनिमेशन स्मूद, कीफ़्रेम पर आधारित मोशन से आपके 3D डिज़ाइन में जान डालने देता है।

[ब्लॉग](https://spline.design/hi/blog)

18 सितंबर 2025

# पेश है 3D टाइमलाइन एनिमेशन

Spline का टाइमलाइन एनिमेशन स्मूद, कीफ़्रेम पर आधारित मोशन से आपके 3D डिज़ाइन में जान डालने देता है।

[Spline खोलें](https://app.spline.design)

हम अपना सबसे नया अपडेट शेयर करते हुए उत्साहित हैं, जो **Timeline Animation** के साथ Spline में मोशन डिज़ाइन को बढ़ाने की हमारी कोशिशों को आगे ले जाता है।

यह नया फ़ीचर आपको Spline एडिटर के अंदर ही वीडियो एक्सपोर्ट और इंटरैक्टिव अनुभव, दोनों के लिए स्मूद, कीफ़्रेम पर आधारित मोशन बनाने देता है।

## स्टेट और कीफ़्रेम पर आधारित एनिमेशन

शुरुआत में Spline पर एनिमेशन स्टेट पर आधारित सिस्टम से बनाए जाते थे। आप अपने ऑब्जेक्ट के लिए अलग-अलग स्टेट बनाते थे, और फिर इवेंट और transition एक्शन से उनके बीच ट्रांज़िशन करते थे।

यह ऐसा सिस्टम है जिस पर हम आज भी पूरा भरोसा करते हैं। इसे इस्तेमाल करना और सेट करना आसान है। आप ट्रांज़िशन के एक क्रम में ऑब्जेक्ट को A से B से C तक एनिमेट करते हैं। लेकिन ज़्यादा जटिल मोशन में कई ऑब्जेक्ट के स्टेट ट्रांज़िशन की टाइमिंग कंट्रोल करने में इस सिस्टम की अपनी सीमाएँ हैं।

Timeline से अब आप ज़्यादा सटीकता और कंट्रोल के साथ एनिमेट कर सकते हैं। आपके ट्रांज़िशन एक हॉरिज़ॉन्टल टाइमलाइन पर फैले दिखते हैं, जिससे टाइमिंग पर बारीक कंट्रोल मिलता है। यह नया तरीका स्टेट की नींव पर बना है और Spline में एनिमेशन की क्षमताओं को बढ़ाता है।

Spline की Timeline पर कीफ़्रेम का डेमो

## स्मूद मोशन और बारीक कंट्रोल के लिए ग्राफ़ एडिटर

बिल्ट-इन Graph Editor आपको easing और स्पीड पर कंट्रोल देता है, ताकि आप लीनियर ट्रांज़िशन से आगे बढ़कर ऐसा मोशन बना सकें जो स्वाभाविक, स्मूद या डायनामिक लगे।

Spline में कर्व पर आधारित टाइमलाइन एनिमेशन का डेमो

## इवेंट और इंटरैक्टिविटी

स्टेट की तरह ही, Timeline पर आधारित एनिमेशन को Spline के Event सिस्टम से जोड़ा जा सकता है, जिससे आप यूज़र के एक्शन या कंडीशनल लॉजिक पर मोशन ट्रिगर कर सकते हैं। इससे ऐसी इंटरैक्टिव टाइमलाइन बनाना संभव होता है जो यूज़र के आपके सीन से जुड़ने के तरीके पर डायनामिक रूप से रिस्पॉन्ड करें।

किसी भी ऑब्जेक्ट प्रॉपर्टी को एनिमेट किया जा सकता है, जिसमें पोज़िशन, रोटेशन, स्केल, साइज़, मटीरियल, cloners या पाथ एक्सट्रूज़न शामिल हैं। व्यूपोर्ट या प्रॉपर्टी पैनल में बदलाव करते ही कीफ़्रेम अपने आप रिकॉर्ड हो जाते हैं, जिससे वर्कफ़्लो सहज और नॉन-डिस्ट्रक्टिव रहता है।

इंटरैक्ट करने के लिए hover या टच करें (Spline की Timeline से बना अनुभव)

## कई टाइमलाइन

आप एक ही प्रोजेक्ट में कई टाइमलाइन बना सकते हैं। इससे मोशन को साफ़-सुथरे ट्रैक में बाँटना, एक ही ऑब्जेक्ट के लिए अलग-अलग स्टेट बनाना, या जटिल सीन के एनिमेशन व्यवस्थित करना संभव होता है।

कई टाइमलाइन होने से इंटरैक्शन के हिसाब से अलग-अलग मोशन ट्रिगर करना भी आसान हो जाता है। उदाहरण के लिए, एक टाइमलाइन किसी ऑब्जेक्ट का एंट्री एनिमेशन तय कर सकती है, जबकि दूसरी यह कंट्रोल करती है कि क्लिक करने पर वह कैसे रिएक्ट करे।

टाइमलाइन से एनिमेट किए गए 3D पाथ और कैमरा

## वीडियो एक्सपोर्ट करना

Timeline सिर्फ़ इंटरैक्टिव प्रोजेक्ट तक सीमित नहीं है। आप सीधे Spline से एनिमेशन को हाई-क्वालिटी वीडियो के रूप में भी एक्सपोर्ट कर सकते हैं। जिस टाइमलाइन को रेंडर करना है उसे चुनें, अवधि, फ़्रेम रेट और रेज़ोल्यूशन एडजस्ट करें, और प्रेज़ेंटेशन, मार्केटिंग कैंपेन या लूपिंग कंटेंट के लिए तैयार वीडियो बनाएँ।

यह दोहरा तरीका Timeline को इंटरैक्टिव और पारंपरिक, दोनों तरह के मोशन डिज़ाइन वर्कफ़्लो के लिए काम का बनाता है।

Spline से एक्सपोर्ट किए गए टाइमलाइन पर आधारित वीडियो

## Beta में लगातार बेहतर हो रहा है

Timeline Animation को Beta में लॉन्च किया गया है। हम इसे लगातार बेहतर बना रहे हैं और आपके फ़ीडबैक से वर्कफ़्लो को निखारते रहेंगे। हमारा लक्ष्य 3D में एनिमेट करने को जितना हो सके उतना सहज और अभिव्यक्तिपूर्ण बनाना है, चाहे आप रियल-टाइम इंटरैक्टिव अनुभवों के लिए डिज़ाइन कर रहे हों या वीडियो के लिए।

हम यह देखने के लिए उत्साहित हैं कि आप Timeline से अपने प्रोजेक्ट में कैसे जान डालते हैं।

— Spline टीम

## ब्लॉग से और

[3 नवंबर 2026पेश है Spline Arena](https://spline.design/hi/blog/introducing-spline-arena)[21 अक्टूबर 2026पेश है ChatGPT के लिए Spline](https://spline.design/hi/blog/introducing-spline-for-chatgpt)[27 अगस्त 2026पेश है Hana V2](https://spline.design/hi/blog/hana-v2)

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

टीमों और उनके एजेंटों के लिए 3D और 2D एडिटर। वेब, iOS और Android पर पब्लिश करें।

#### Spline के बारे में AI से पूछें

#### प्रोडक्ट

- [3D डिज़ाइन](https://spline.design/hi/3d-design)
- [Hana](https://spline.design/hi/hana)
- [Omma](https://omma.build)
- [AI 3D जनरेशन](https://spline.design/hi/ai-generate)
- [Spline MCP](https://spline.design/hi/mcp)
- [Spline Arena](https://spline.design/hi/arena)
- [कीमतें](https://spline.design/hi/pricing)
- [एंटरप्राइज़](https://spline.design/hi/enterprise)

#### रनटाइम

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

#### ऐप्स

- [डाउनलोड](https://spline.design/hi/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror डाउनलोड करें](https://spline.design/download-mirror)

#### सीखें

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/hi/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [सॉल्यूशंस](https://spline.design/solutions)

#### कम्युनिटी

- [Spline कम्युनिटी](https://community.spline.design)
- [Blog](https://spline.design/hi/blog)
- [चेंजलॉग](https://spline.design/hi/changelog)
- [शिक्षा](https://spline.design/hi/education)
- [Contra](https://spline.design/contra)
- [एफ़िलिएट](https://spline.design/hi/affiliate)

#### कंपनी

- [ग्राहक](https://spline.design/hi/customers)
- [करियर](https://www.ycombinator.com/companies/spline/jobs)
- [सुरक्षा](https://spline.design/hi/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.