कंटेंट पर जाएँ
charmotion
शुरू करें
ट्रांसपेरेंट लोगो एनिमेशन

आपका लोगो, ट्रांसपेरेंट बैकग्राउंड पर एनिमेटेड।

अपना लोगो मार्क अपलोड करें। हर एनिमेशन दो फ़ॉर्मेट में अल्फ़ा चैनल के साथ आता है: Chrome, Firefox, Edge और OBS के लिए VP9 alpha वाला WebM, और Safari, iOS, Final Cut Pro और Keynote के लिए HEVC alpha वाला MOV। Rive फ़ाइल भी ट्रांसपेरेंट होती है। आपके लोगो के अपने पिक्सेल ही हिलते हैं, इसलिए कुछ भी फिर से बनाया या बदला नहीं जाता, और 3D लोगो की हर हाइलाइट बनी रहती है।

अपने ऐप में देखें प्लान देखें
वेब, OBS
VP9 alpha वाला WebM
Apple ऐप
HEVC alpha वाला MOV
साथ में
.riv, साथ में सॉलिड बैकग्राउंड पर MP4 और GIF
प्लान
Starter, $20/माह
Sizzle, Charmotion का एक डेमो कैरेक्टर लाइव Rive फ़ाइल
लूप
एक बार चलाएँ

यह वही असली .riv है जो हमारा इंजन डिलीवर करता है, और यह आपके ब्राउज़र में चल रहा है। यह वही स्टेट मशीन है जिसे आप अपने ऐप से एक नंबर इनपुट और हर वन-शॉट के लिए एक ट्रिगर से चलाते हैं।

कौन-सी फ़ाइल कहाँ इस्तेमाल करें

ऐपफ़ाइलनोट
Chrome, Firefox, EdgeWebMवीडियो एलिमेंट में अल्फ़ा के साथ चलता है
Safari, iOSMOV (HEVC alpha)वीडियो एलिमेंट में इसे सबसे पहले रखें
Final Cut Pro, KeynoteMOV (HEVC alpha)macOS 10.15 और उसके बाद
Premiere Pro, DaVinci ResolveProRes 4444, अनुरोध परAdobe की इम्पोर्ट फ़ॉर्मेट सूची में WebM शामिल नहीं है
OBSWebMMedia Source
PowerPoint, Google Slides, CanvaGIF या MP4अल्फ़ा वीडियो सपोर्ट का कोई आधिकारिक दस्तावेज़ नहीं; मिलता-जुलता बैकग्राउंड इस्तेमाल करें

क्या बिल्कुल वैसा ही रहता है, और क्या शामिल नहीं है

आपका लोगो, आपका ही लोगो रहता है

रिग आपके अपने पिक्सेल या ट्रेस किए गए शेप को ही मूव करता है। रंग, ग्रेडिएंट, शेडिंग और अनुपात वैसे ही रहते हैं जैसे आपने अपलोड किए थे। 3D और ग्रेडिएंट लोगो Motion मोड में एनिमेट होते हैं (स्क्वैश, स्ट्रेच, टिल्ट, हॉप और एक लॉन्च इंट्रो); फ़्लैट मार्क और लोगो कैरेक्टर को एक्सप्रेशन और हाथ हिलाने वाले एनिमेशन भी मिल सकते हैं।

शामिल नहीं

  • ट्रांसपेरेंट GIF: GIF में अल्फ़ा हर पिक्सेल पर या तो पूरा होता है या बिल्कुल नहीं, इसलिए मुलायम किनारों के चारों ओर खुरदुरा हेलो बन जाता है।
  • डिफ़ॉल्ट रूप से ProRes 4444: जिन एडिटर्स को इसकी ज़रूरत है, उनके लिए यह अनुरोध पर उपलब्ध है।
  • वर्डमार्क के लिए अक्षर-दर-अक्षर रिवील: टेक्स्ट लोगो एक साथ पूरा मूव करता है, इसलिए काइनेटिक टाइपोग्राफ़ी के लिए मोशन डिज़ाइनर बेहतर विकल्प है।
असली आउटपुट

डिलीवर की गई फ़ाइलें, ठीक वैसी ही जैसी आप डाउनलोड करेंगे।

MP4 हर सेट

1080 × 1080, 60 fps पर। यहाँ: Gummo का हाथ हिलाना (wave), डिलीवर किए गए सेट से।

ट्रांसपेरेंट WebM और MOV हर सेट

अल्फ़ा चैनल शामिल है, इसलिए पीछे का चेकरबोर्ड दिखता है। MOV, Apple ऐप और एडिटर के लिए अल्फ़ा के साथ HEVC है।

Kiko thinking, GIF आउटपुट

GIF हर सेट

डॉक्स, ईमेल और चैट के लिए हल्के प्रीव्यू। Kiko का “thinking” लूप।

9:16 लॉन्च वीडियो हर सेट

स्टोरीज़ और स्प्लैश स्क्रीन के लिए 1080 × 1920। Sizzle का लॉन्च इंट्रो।

kiko.riv · 150 KB

CharacterStateMachine
नंबर इनपुट mood
0-9: idle, happy, wave, thinking, sad, loading, listening, talking, sleeping, attention
ट्रिगर: success · error · yes · no · enter · exit
LaunchStateMachine
launch → idle, एक बार चलता है

Rive स्टेट मशीन हर सेट

17 वीडियो की जगह एक छोटी-सी फ़ाइल। इसी से इस पेज के ऊपर वाला डेमो चलता है।

import { useRive, useStateMachineInput } from "@rive-app/react-canvas";

export function Kiko({ mood = 0 }) {
  const { rive, RiveComponent } = useRive({
    src: "/kiko.riv",
    stateMachine: "CharacterStateMachine",
    autoplay: true,
  });
  const input = useStateMachineInput(rive, "CharacterStateMachine", "mood");
  if (input) input.value = mood; // 0 idle · 1 happy · 2 wave · 3 thinking · 4 sad · 5 loading …
  return <RiveComponent style={{ width: 320, height: 320 }} />;
}

पेस्ट करने के लिए तैयार कोड हर सेट

आपके कैरेक्टर के नाम वाले वेब, React और SwiftUI कंपोनेंट।

हर प्लान में शामिल फ़ॉर्मेट
फ़ॉर्मेटस्पेसिफ़िकेशनStarter और All in one
MP41080 × 1080, 60 fps, सभी 17 एनिमेशनशामिल
9:16 लॉन्च वीडियो1080 × 1920 MP4शामिल
GIF480 px प्रीव्यू, सॉलिड बैकग्राउंडशामिल
Rive (.riv)वेक्टर; Data Binding व्यू मॉडल + लेगेसी इनपुट: लूप के लिए मूड, वन-शॉट के लिए ट्रिगर, लॉन्च मशीनशामिल
ट्रांसपेरेंट WebMअल्फ़ा के साथ VP9, 1080 × 1080शामिल
ट्रांसपेरेंट MOVअल्फ़ा के साथ HEVCशामिल
कोडवेब (HTML), React और SwiftUI कंपोनेंटशामिल
सब डाउनलोड करें (.zip)Rive फ़ाइल, कोड, README और पोस्टर एक ही आर्काइव मेंशामिल
वीडियो एक्सपोर्टMP4, GIF, ट्रांसपेरेंट WebM और MOV, 9:16: सेट पेज पर फ़ॉर्मेट और एनिमेशन चुनें, लगभग एक मिनट में तैयारशामिल
AI असिस्टेंट (MCP)Claude, Cursor, VS Code और Codexशामिल
प्लान

फ़्री में शुरू करें। ज़रूरत हो तो अपग्रेड करें।

ट्रांसपेरेंट WebM और MOV हर पेड प्लान में हैं, Starter ($20/माह) से। MP4 और GIF का बैकग्राउंड सॉलिड होता है। कीमतें USD में; टैक्स की गणना चेकआउट पर Creem करता है।

Free

$0हमेशा के लिए

अपने लोगो और कैरेक्टर के साथ आज़माएँ।

फ़्री में शुरू करें
  • लोगो एनिमेशन आइडिया (3 कॉन्सेप्ट)
  • आपके कैरेक्टर का ऐप-स्क्रीन प्रीव्यू
  • कार्ड की ज़रूरत नहीं
  • 2 AI डिज़ाइन (लोगो या कैरेक्टर)
  • Claude, Cursor, Codex से काम करता है
  • ईमेल सपोर्ट
सबसे लोकप्रिय

Starter

$20/माह

एक ऐप या वेबसाइट के लिए।

Starter लें
  • 3 लोगो एनिमेशन हर महीने
  • 3 कैरेक्टर सेट हर महीने
  • Rive, ट्रांसपेरेंट वीडियो और कोड
  • 12 AI डिज़ाइन हर महीने
  • 1 रिफ़ाइन हर लोगो एनिमेशन पर
  • सपोर्ट टिकट

All in one

$100/माह

टीमों और कई ब्रांड के लिए।

All in one लें
  • 15 लोगो एनिमेशन हर महीने
  • 10 कैरेक्टर सेट हर महीने
  • सिनेमैटिक 3D वीडियो शामिल
  • 40 AI डिज़ाइन हर महीने
  • 3 रिफ़ाइन हर लोगो एनिमेशन पर
  • प्रायोरिटी बिल्ड और सपोर्ट
FAQ

शुरू करने से पहले।

ज़्यादा जानकारी पूरे FAQ में।

Premiere, DaVinci, Canva या OBS में कौन-सा ट्रांसपेरेंट फ़ॉर्मेट इस्तेमाल करें?

OBS: WebM को Media Source में इस्तेमाल करें। Premiere Pro और DaVinci Resolve: ProRes 4444 माँगें, यह एडिटर में सबसे ज़्यादा स्वीकार किया जाने वाला अल्फ़ा फ़ॉर्मेट है। Final Cut Pro और Keynote: HEVC MOV। Canva ट्रांसपेरेंट वीडियो अपलोड के बारे में कोई दस्तावेज़ नहीं देता, इसलिए वहाँ WebM को टेस्ट करें या MP4 को मिलते-जुलते बैकग्राउंड पर इस्तेमाल करें।

ट्रांसपेरेंट MOV काले बैकग्राउंड पर क्यों चलता है?

वह ऐप अल्फ़ा चैनल को नज़रअंदाज़ कर रहा है। Apple के अनुसार जो प्लेयर HEVC alpha को नहीं समझता, वह सिर्फ़ बेस लेयर दिखाता है, यानी काले बैकग्राउंड पर लोगो। उस ऐप में WebM इस्तेमाल करें, पक्का करें कि Premiere का Ignore Alpha Channel विकल्प बंद है, या हमसे ProRes 4444 माँगें।

क्या मुझे लोगो एनिमेशन ट्रांसपेरेंट GIF में मिल सकता है?

नहीं। GIF में हर पिक्सेल या तो पूरा ट्रांसपेरेंट होता है या बिल्कुल नहीं, इसलिए सॉफ़्ट किनारे, परछाइयाँ और 3D शेडिंग खुरदुरे घेरे के साथ आती हैं। हर सेट के GIF का बैकग्राउंड सॉलिड होता है; ट्रांसपेरेंसी के लिए पेड प्लान पर WebM, MOV या .riv इस्तेमाल करें।

क्या ट्रांसपेरेंट लोगो PowerPoint और Keynote में चलता है?

macOS 10.15 और उसके बाद Keynote, HEVC-alpha MOV को किसी भी स्लाइड बैकग्राउंड पर चलाता है। Microsoft, PowerPoint में अल्फ़ा वीडियो के बारे में कोई दस्तावेज़ नहीं देता, इसलिए वहाँ GIF या MP4 को ऐसी स्लाइड पर इस्तेमाल करें जिसका बैकग्राउंड मेल खाता हो। Google Slides वीडियो सिर्फ़ YouTube, किसी URL या Google Drive से ही जोड़ता है, इसलिए GIF सुरक्षित विकल्प है।

क्या लोगो एनिमेट करने से उसका रूप बदल जाएगा?

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

और जानें

इस काम के लिए गाइड।

पहले अपने कैरेक्टर के साथ देखें।

फ़्री, आपके ब्राउज़र में। आपकी इमेज आपके डिवाइस पर ही रहती है, जब तक आप छोटी एनिमेटेड क्लिप नहीं माँगते।

फ़्री प्रीव्यू

लोग Charmotion का और किन तरीकों से इस्तेमाल करते हैं

PNG से RiveAI मैस्कॉट एनिमेटरइमेज से कैरेक्टर एनिमेशनiOS ऐप के लिएRive एनिमेशन सर्विसएनिमेटेड लोगो मेकरएनिमेटेड चैटबॉट अवतारस्प्लैश स्क्रीन एनिमेशनलोगो लोडिंग एनिमेशनवेबसाइट मैस्कॉटमोबाइल ऐप के लिए मैस्कॉटAI मैस्कॉट जनरेटरमैस्कॉट एक्सप्रेशन शीट