Claude Code کے ساتھ وقت کے مطابق موشن گرافک بی رول بنائیں

موشن گرافکس کیا ہیں؟

موشن گرافکس Claude Code اور دیگر ایسے ایجنٹس کے لیے مرکوز موشن ڈیزائن مہارتوں کا ذخیرہ ہے جو اسکلز پڑھ سکتے ہیں۔ اس کی پہلی دستیاب مہارت، motion-broll، ماخذ ویڈیو اور ٹرانسکرپٹ سے موشن گرافک B-roll تیار کرتی ہے۔

یہ مہارت آپ کی فوٹیج کا جائزہ لیتی ہے، الفاظ ادا کیے جانے کا وقت اندازاً متعین کرتی ہے، موزوں گرافکس تجویز کرتی ہے، اور بیانیے کے مطابق وقت بندی شدہ کلپس رینڈر کرتی ہے۔ ہر کلپ میں ایک مسلسل تبدیل ہوتی شکل استعمال ہوتی ہے، مثلاً ایک پِل کارڈ، ٹرمینل یا چارٹ میں تبدیل ہو سکتی ہے، بجائے اس کے کہ غیر مربوط مناظر کے درمیان کٹ کیا جائے۔ ایک کرسر بصری تبدیلیوں کو چلاتا ہے۔

اہم خصوصیات

• ٹرانسکرپٹ کے مطابق وقت بندی: گرافکس آپ کے ٹرانسکرپٹ میں موجود الفاظ کے ساتھ ہم آہنگ کیے جاتے ہیں۔
• فوٹیج کا جائزہ: یہ مہارت ریزولوشن، فریم ریٹ، لے آؤٹ، پکچر اِن پکچر حصوں اور اسپیکر باکس کے سائز میں تبدیلیوں کو پڑھتی ہے۔
• قابلِ جائزہ منصوبہ بندی: یہ کلپ پلان تیار کرتی ہے اور گرافکس بنانے سے پہلے آپ کی منظوری کا انتظار کرتی ہے۔
• آؤٹ پٹ کے دو انداز: مکمل فریم کٹ اویز MP4 فائلوں کے طور پر رینڈر کیے جاتے ہیں، جبکہ اسپیکر کے ساتھ موجود خالی جگہ کے لیے بنائے گئے پینلز شفاف ProRes 4444 MOV فائلوں کے طور پر تیار ہوتے ہیں۔
• مسلسل اینیمیشن: عناصر بصری کٹس کے بغیر ایک حالت سے دوسری حالت میں تبدیل ہوتے ہیں۔
• موشن بلر: کلپس ماخذ ویڈیو کے فریم ریٹ پر سب فریم سیمپلنگ کے ساتھ رینڈر کیے جاتے ہیں تاکہ حرکت زیادہ ہموار ہو۔
• معاون جائزہ فائلیں: آؤٹ پٹ میں پری ویو، موازنے کا صفحہ، کلپ ویور اور وقت بندی کی دستاویز شامل ہوتی ہے۔
• ڈیٹا میں احتیاط: یہ مہارت اعداد یا نتائج خود سے نہیں گھڑتی۔ حقیقی اقدار فراہم ہونے تک یہ نسبتاً بار کے سائز اور سکیلیٹن متن استعمال کرتی ہے۔

ضروریات

مہارت انسٹال کرنے سے پہلے یقینی بنائیں کہ آپ کے سسٹم میں درج ذیل سافٹ ویئر موجود ہے:

• Node.js 18 یا اس کے بعد کا ورژن
• Python 3
• ProRes انکوڈر کے ساتھ ffmpeg

README کے مطابق مطلوبہ ProRes انکوڈر، ffmpeg کی Homebrew بلڈز میں معیاری طور پر شامل ہوتا ہے۔ پہلی بار چلنے پر یہ مہارت Playwright اور Chromium کو مقامی motion/ فولڈر میں بھی انسٹال کرتی ہے۔

motion-broll انسٹال کریں

آپشن 1: npx کے ذریعے انسٹال کریں

ریپوزٹری کا اسکل انسٹالر چلائیں:

npx skills add Barty-Bart/motion-graphics

اشارہ ملنے پر motion-broll منتخب کریں۔ یہ طریقہ Claude Code یا کسی دوسرے ایسے ہم آہنگ ایجنٹ کے لیے ریپوزٹری سے اسکلز انسٹال کرتا ہے جو اسکلز پڑھتا ہو۔

آپشن 2: مہارت دستی طور پر کاپی کریں

آپ skills/motion-broll ڈائریکٹری کو اپنے پروجیکٹ کے Claude اسکلز فولڈر میں بھی کاپی کر سکتے ہیں:

.claude/skills/

مہارت کو تمام پروجیکٹس میں دستیاب بنانے کے لیے اسے اپنے صارف سطح کے اسکلز فولڈر میں کاپی کریں:

~/.claude/skills/

اپنے ان پٹس تیار کریں

آپ کو دو بنیادی ان پٹس درکار ہوں گے:

1. ویڈیو: یہ وہ ماخذ فوٹیج ہے جس پر موشن گرافکس شامل کیے جائیں گے۔
2. ٹرانسکرپٹ: دستاویزی ورک فلو میں ایڈیٹر، Descript یا YouTube سے ایکسپورٹ کی گئی SRT فائل معاونت یافتہ ہے۔

ٹرانسکرپٹ مہارت کو بولے گئے مواد سے آگاہ کرتا ہے، جبکہ ویڈیو فریم ریٹ، ابعاد اور اسپیکر کے اردگرد دستیاب جگہ جیسی تکنیکی اور ساختی معلومات فراہم کرتی ہے۔

موشن گرافک B-roll تیار کریں

مرحلہ 1: مہارت شروع کریں

اپنے ہم آہنگ ایجنٹ میں یہ کمانڈ چلائیں:

/motion-broll

سوالات کے جواب دیں اور مہارت کو اپنی ویڈیو اور ٹرانسکرپٹ کی جگہ بتائیں۔

مرحلہ 2: اسے فوٹیج کا جائزہ لینے دیں

یہ مہارت ویڈیو کے ریزولوشن، فریم ریٹ اور لے آؤٹ کو پڑھتی ہے۔ یہ پکچر اِن پکچر حصوں اور اسپیکر باکس کے سائز میں تبدیلی بھی دیکھتی ہے۔ اس تجزیے سے اسے یہ فیصلہ کرنے میں مدد ملتی ہے کہ شفاف پینل کہاں سما سکتا ہے اور مکمل فریم گرافک کب زیادہ موزوں ہوگا۔

مرحلہ 3: اندازاً وقت بندی کا جائزہ لیں

motion-broll ٹرانسکرپٹ سے الفاظ کی وقت بندی کا اندازہ لگاتی ہے۔ یہ وقت بندیاں گرافک ٹرانزیشنز اور بصری زور کو مخصوص الفاظ یا فقروں کے مطابق بنانے میں مدد دیتی ہیں۔

مرحلہ 4: کلپ پلان منظور کریں

رینڈرنگ سے پہلے یہ مہارت ایک جدول میں پلان پیش کرتی ہے۔ ہر ممکنہ حصے کے لیے یہ تین میں سے ایک طریقہ منتخب کرتی ہے:

• مکمل فریم کٹ اوے
• خالی جگہ میں رکھا گیا شفاف پینل
• کوئی موشن گرافک نہیں

پلان ہر انتخاب کی وجہ بھی بیان کرتا ہے۔ اسے احتیاط سے دیکھیں اور اس وقت منظور کریں جب مجوزہ جگہیں آپ کے ادارتی مقصد سے مطابقت رکھتی ہوں۔

مرحلہ 5: کلپس بنائیں اور جانچیں

منظوری کے بعد یہ مہارت ہر کلپ بناتی ہے اور اہم الفاظ پر اسٹل فریم چیک کرتی ہے۔ اس کے بعد یہ ان عناصر کو درست کر سکتی ہے جو ان لمحات کے ساتھ درست طور پر ہم آہنگ نہ ہوں۔

مرحلہ 6: رینڈر اور جائزہ

یہ مہارت ویڈیو کے فریم ریٹ پر موشن بلر کے ساتھ کلپس رینڈر کرتی ہے۔ اس کے بعد یہ ایڈٹ شدہ ویڈیو کا پری ویو اور نتائج کا جائزہ لینے کے لیے براؤزر پر مبنی صفحات تیار کرتی ہے۔

تیار ہونے والی فائلوں کو سمجھیں

آؤٹ پٹ کو جائزے اور حتمی ایڈیٹنگ، دونوں کی معاونت کے لیے تیار کیا گیا ہے۔

• ٹائم لائن کے نام والے کلپس: فائل نام بتاتے ہیں کہ کلپس کہاں شامل ہونے چاہییں، جیسے 04-master-prompt_0m32s40.mp4۔
• MP4 کٹ ویز: مکمل فریم موشن گرافکس MP4 فائلوں کی صورت میں فراہم کیے جاتے ہیں۔
• شفاف MOV پینلز: اوورلے پینلز شفافیت کے ساتھ ProRes 4444 MOV فائلوں کے طور پر رینڈر کیے جاتے ہیں۔
• پیش منظر رینڈر: کلپس شامل کیے گئے ماخذ ویڈیو کا ایک ورژن رفتار اور جگہ کا جائزہ لینے دیتا ہے۔
• compare.html: یہ صفحہ اصل اور بہتر بنائے گئے ورژنز کو ہم وقت کرتا ہے۔ یہ ساتھ ساتھ، اوپر نیچے، اور وائپ موازنوں کو سپورٹ کرتا ہے۔
• viewer.html: یہ صفحہ آپ کو تیار کردہ کلپس کا ایک وقت میں ایک کلپ معائنہ کرنے دیتا ہے۔
• TIMING.md: یہ دستاویز ہر کلپ کا آغاز، اختتام، اور شامل کردہ ٹرانسکرپٹ لائن درج کرتی ہے۔

تیار کردہ پیش منظر جائزے کے لیے ہے۔ حتمی کٹ کے لیے انفرادی کلپس اپنے ویڈیو ایڈیٹر میں درآمد کریں۔

مثالی ورک فلو

ایک عملی ایڈیٹنگ ورک فلو ان مراحل پر مشتمل ہو سکتا ہے:

1. اپنی ماخذ ویڈیو اور SRT ٹرانسکرپٹ برآمد کریں۔
2. /motion-broll چلائیں اور دونوں فائلیں فراہم کریں۔
3. مجوزہ کٹ ویز، شفاف پینلز، اور جان بوجھ کر سادہ رکھے گئے حصوں کا جائزہ لیں۔
4. منصوبے کی منظوری دیں اور اسکل کو کلپس رینڈر کرنے دیں۔
5. اصل اور بہتر بنائے گئے ورژنز کا ساتھ ساتھ جائزہ لینے کے لیے compare.html کھولیں۔
6. انفرادی اینیمیشنز کا معائنہ کرنے کے لیے viewer.html استعمال کریں۔
7. درست جگہ کی معلومات کے لیے TIMING.md دیکھیں۔
8. حتمی اسمبلی کے لیے MP4 اور شفاف ProRes 4444 MOV فائلیں اپنے ایڈیٹر میں درآمد کریں۔

رینڈرنگ سسٹم کیسے کام کرتا ہے

ہر اینیمیشن فریم کا حساب وقت کے ایک خالص فنکشن کے طور پر کیا جاتا ہے۔ انجن کلوزڈ فارم اسپرنگ اسٹیپ ریسپانسز استعمال کرتا ہے، اور جس پراپرٹی کا ہدف بار بار تبدیل ہو اسے ہر تبدیلی کے لیے ایک اسپرنگ کے مجموعے کے طور پر ظاہر کیا جاتا ہے۔

چونکہ یہ سسٹم CSS ٹرانزیشنز یا ٹائمرز پر منحصر نہیں ہے، اس لیے یہ کسی بھی فریم کو آزادانہ طور پر رینڈر کر سکتا ہے۔ یہ متعین فریم کیپچر اور آف لائن ویڈیو رینڈرنگ کے لیے مفید ہے۔

ہر کلپ ایک چھوٹی HTML فائل ہے جو skills/motion-broll/engine/motion.js میں موجود مشترکہ انجن پر بنائی گئی ہے۔ Headless Chromium ہر آؤٹ پٹ فریم کے لیے 180 ڈگری شٹر کے دوران چار ذیلی فریم کیپچر کرتا ہے۔ پھر ffmpeg ان نمونوں کو ملا کر موشن بلر تیار کرتا ہے۔

اعلیٰ درجے کی تجاویز

رینڈر پر وقت صرف کرنے سے پہلے منصوبہ چیک کریں

منظوری کا مرحلہ ایک اہم ادارتی جانچ ہے۔ تصدیق کریں کہ مکمل فریم کٹ ویز صرف ان لمحات کے لیے رکھے گئے ہیں جہاں فوٹیج بدلنا موزوں ہو، اور شفاف پینلز فریم کے واقعی خالی حصوں میں موجود ہوں۔

اپنے ایڈیٹر میں درست آؤٹ پٹ استعمال کریں

جب کٹ ویز کو فوٹیج کی جگہ لینا ہو تو انہیں مرکزی بصری ٹریک پر رکھیں۔ ProRes 4444 MOV پینلز کو ماخذ ویڈیو کے اوپر کمپوزٹ کریں تاکہ ان کی شفافیت نیچے موجود شاٹ کو برقرار رکھے۔

حقیقی ڈیٹا کو پلیس ہولڈرز سے الگ رکھیں

اگر درست اعداد و شمار فراہم نہیں کیے گئے تو فرضی قدروں کے بجائے نسبتی بارز اور اسکیلٹن متن کی توقع رکھیں۔ جب تیار شدہ گرافک کو مخصوص نتائج دکھانے ہوں تو تصدیق شدہ اعداد و شمار فراہم کریں۔

ٹائمنگ اور اینیمیشن کی تفصیلات دونوں کا جائزہ لیں

مجموعی رفتار کے لیے compare.html اور کلپ کی سطح کے معائنے کے لیے viewer.html استعمال کریں۔ مشکوک جگہوں کو TIMING.md اور متعلقہ ٹرانسکرپٹ لائن سے ملا کر چیک کریں۔

شامل کردہ عملی مثال کا مطالعہ کریں

skills/motion-broll/examples/opus-aoe2/ ڈائریکٹری میں ریپوزٹری کے مظاہرے میں استعمال ہونے والے چھ کلپس موجود ہیں۔ یہ مکمل شدہ کلپس کی ساخت اور مطلوبہ بصری انداز کو سمجھنے کے لیے مفید حوالہ ہے۔

نتیجہ

motion-broll بیانیے کو ہم وقت موشن گرافک B-roll میں تبدیل کرنے کا ایک منظم طریقہ فراہم کرتا ہے۔ یہ فوٹیج کے تجزیے، ٹرانسکرپٹ پر مبنی منصوبہ بندی، مسلسل شکل کی اینیمیشن، متعین رینڈرنگ، اور عملی جائزہ لینے کے ٹولز کو یکجا کرتا ہے۔ منصوبے کی منظوری اور پیش منظر کی جانچ کے بعد، آپ حتمی ویڈیو تیار کرنے کے لیے ٹائم لائن کے نام والے کلپس اپنے ایڈیٹر میں لا سکتے ہیں۔

یہ منصوبہ MIT License کے تحت جاری کیا گیا ہے۔ اس کے Geist فونٹس SIL Open Font License استعمال کرتے ہیں، جبکہ اس کے آئیکن پاتھز ISC لائسنس کے تحت Lucide سے ماخوذ ہیں۔