[{"data":1,"prerenderedAt":14},["ShallowReactive",2],{"artikel-ms-buat-video-motion-graphics-dengan-claude":3},{"slug":4,"lang":5,"title":6,"description":7,"date":8,"updated":9,"topic":10,"product":9,"cover":11,"readMin":12,"html":13},"buat-video-motion-graphics-dengan-claude","ms","Cara Buat Video Motion Graphics dengan Claude","Tukar poster dan bahan produk menjadi video yang orang mahu tonton. Panduan ringkas cara Claude membina motion graphics melalui kod, dengan contoh brief dan senarai semak.","2026-10-11",null,"video","\u002Fimages\u002Fartikel\u002Fbuat-video-motion-graphics-dengan-claude.webp",7,"\u003Cp>Anda sudah ada poster yang cantik, logo dan gambar produk. Tetapi bila hendak buat video, kerja terasa bermula dari kosong. Kena fikir skrip, susun babak, gerakkan teks dan padankan muzik. Akhirnya, poster yang sama dimuat naik sekali lagi.\u003C\u002Fp>\n\u003Cp>Claude boleh membantu anda mengubah bahan itu menjadi motion graphics melalui kod. Anda terangkan mesej dan gaya yang diingini, kemudian semak animasi yang dibina. Cara ini membuka ruang untuk menghasilkan video promosi, penerangan produk dan tutorial dengan lebih banyak kawalan pada setiap elemen.\u003C\u002Fp>\n\u003Cfigure class=\"post-video post-video-9x16\">\n  \u003Cvideo controls playsinline preload=\"metadata\" width=\"1080\" height=\"1920\">\n    \u003Csource src=\"\u002Fvideos\u002Fclaude-motion-tutorial.mp4\" type=\"video\u002Fmp4\">\n    Pelayar anda tidak menyokong video. \u003Ca href=\"\u002Fvideos\u002Fclaude-motion-tutorial.mp4\">Muat turun video\u003C\u002Fa>.\n  \u003C\u002Fvideo>\n  \u003Cfigcaption>Video contoh daripada tutorial Claude Motion Video (LearnAI.my).\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\u003Cfigure>\n  \u003Cimg src=\"\u002Fimages\u002Fartikel\u002Fbuat-video-motion-graphics-dengan-claude\u002Fms-1.webp\" alt=\"Bahan sedia ada disusun menjadi asas video baharu\" loading=\"lazy\" decoding=\"async\">\n  \u003Cfigcaption>Bahan yang sudah ada boleh menjadi asas video baharu. Ilustrasi ammarrahimi.com.\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\u003Cp>Namun, hasil yang kemas tetap memerlukan brief yang jelas dan semakan manusia. Dalam artikel ini, saya susunkan cara bermula, contoh prompt dan perkara yang perlu diperiksa sebelum video diterbitkan.\u003C\u002Fp>\n\u003Ch2>Fahami cara Claude membina video\u003C\u002Fh2>\n\u003Cp>Dalam aliran kerja motion graphics, Claude menulis kod untuk menggerakkan teks, bentuk, carta, gambar dan elemen paparan. Kod itu dimainkan sebagai animasi atau dirender menjadi video. Sebab itulah perubahan pada satu perkataan atau masa kemunculan logo boleh dibuat secara khusus.\u003C\u002Fp>\n\u003Cp>Pendekatan ini sesuai apabila mesej perlu tepat. Contohnya, video yang memaparkan nama produk, harga, langkah penggunaan atau screenshot aplikasi sebenar. Untuk adegan manusia yang realistik atau rakaman sinematik, anda masih memerlukan footage atau alat penjana video yang sesuai.\u003C\u002Fp>\n\u003Cp>Tutorial Claude Motion Video oleh LearnAI.my menunjukkan penggunaan Claude bersama animasi HTML dan JavaScript, Remotion atau HyperFrames. Remotion sendiri menyediakan plugin Claude Code untuk membantu mencipta dan mengedit projek video. Pilihan teknikal ini perlu tersedia dalam persekitaran kerja anda; menaip prompt sahaja tidak semestinya menyediakan semua alat render.\u003C\u002Fp>\n\u003Ch2>Pilih laluan yang sesuai dengan akaun anda\u003C\u002Fh2>\n\u003Cp>Ada dua laluan yang elok dibezakan. Claude Motion ialah ciri animasi dalam Claude. Menurut pusat bantuan rasmi pada 11 Oktober 2026, ciri ini masih beta untuk pelan Team dan Enterprise, dengan eksport MP4. Ketersediaannya bergantung pada pelan dan tetapan organisasi.\u003C\u002Fp>\n\u003Cp>Laluan satu lagi ialah Claude Code dengan projek video dan alat seperti Remotion. Dokumentasi Remotion menerangkan pemasangan plugin melalui bahagian Code dalam aplikasi desktop. Laluan ini lebih sesuai apabila anda mahu mengurus aset tempatan, kod animasi dan versi projek dengan teratur.\u003C\u002Fp>\n\u003Cp>Slaid rujukan menggunakan Opus 5.5. Anda boleh bermula dengan model yang tersedia dalam akaun anda dan menilai hasil pratonton. Nama model, tetapan usaha dan resolusi tinggi sahaja belum menjamin video yang menarik. Kejelasan mesej, masa bacaan dan susun atur tetap perlu diuji.\u003C\u002Fp>\n\u003Ch2>Mulakan dengan video yang kecil dan jelas\u003C\u002Fh2>\n\u003Cp>Untuk projek pertama, pilih satu objektif. Contohnya, video 15 saat yang mengajak orang melihat satu produk. Tempoh pendek memudahkan anda menyemak setiap babak dan mengenal pasti bahagian yang perlu dibaiki.\u003C\u002Fp>\n\u003Cp>Satu contoh yang mudah dibayangkan ialah promosi kelas. Poster asal mungkin mempunyai tajuk, tarikh, gambar pengajar dan banyak penerangan. Dalam video, anda boleh memperkenalkan masalah penonton dahulu, menunjukkan manfaat kelas, kemudian menutup dengan tarikh dan ajakan mendaftar. Kandungan yang sama mendapat susunan baharu mengikut masa.\u003C\u002Fp>\n\u003Cp>Bagi pemilik bisnes, projek lain yang sesuai termasuk penerangan satu ciri produk, panduan tiga langkah menggunakan portal atau video ringkas daripada screenshot website. Gunakan paparan sebenar apabila anda mahu menerangkan fungsi yang benar-benar tersedia.\u003C\u002Fp>\n\u003Cfigure>\n  \u003Cimg src=\"\u002Fimages\u002Fartikel\u002Fbuat-video-motion-graphics-dengan-claude\u002Fms-2.webp\" alt=\"Aliran kerja tersusun memudahkan semakan dan penggunaan semula\" loading=\"lazy\" decoding=\"async\">\n  \u003Cfigcaption>Aliran kerja yang tersusun memudahkan semakan dan penggunaan semula. Ilustrasi ammarrahimi.com.\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\u003Ch2>Sediakan bahan sebelum meminta animasi\u003C\u002Fh2>\n\u003Cp>Buat satu folder untuk satu video. Masukkan logo, gambar produk, screenshot, skrip dan audio yang akan digunakan. Beri nama fail yang mudah dikenali, seperti logo-putih.png atau paparan-daftar.png, supaya bahan tidak tertukar.\u003C\u002Fp>\n\u003Cp>Sertakan warna jenama, font dan teks yang mesti dikekalkan. Jika harga, tarikh atau nama produk perlu tepat, tulis dengan jelas dalam brief. Lebih lengkap bahan yang diberi, lebih sedikit ruang untuk Claude meneka.\u003C\u002Fp>\n\u003Cp>Poster yang diratakan menjadi satu gambar mempunyai batasan. Untuk menggerakkan logo, gambar dan teks secara berasingan, gunakan fail asal atau asingkan elemen tersebut. Jika alat AI digunakan untuk membina semula elemen, bandingkan dengan sumber asal supaya ejaan dan bentuk logo tidak berubah.\u003C\u002Fp>\n\u003Cp>Rujukan video pula berguna untuk menerangkan warna, rentak dan jenis peralihan yang anda suka. Minta Claude menghuraikan ciri gaya itu, kemudian gunakan aset dan mesej anda sendiri. Ini membantu anda membina identiti visual yang konsisten.\u003C\u002Fp>\n\u003Ch2>Brief yang baik mengurangkan kerja membetulkan\u003C\u002Fh2>\n\u003Cp>Sebelum meminta video penuh, tentukan siapa penontonnya, satu mesej utama, tempoh dan tempat video akan dipaparkan. Minta storyboard ringkas dahulu supaya anda boleh menyemak urutan babak. Langkah ini lebih mudah daripada membetulkan konsep selepas render panjang selesai.\u003C\u002Fp>\n\u003Cp>Anda boleh gunakan contoh prompt berikut dan gantikan maklumat produk mengikut keperluan anda. Ini ialah contoh brief untuk disesuaikan, bukan arahan yang sudah diuji menghasilkan video tertentu.\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>Bina video motion graphics 15 saat untuk memperkenalkan [nama produk] kepada [sasaran penonton]. Objektifnya ialah mengajak penonton melihat [halaman atau tindakan]. Gunakan bahan dalam folder material, warna jenama [kod warna] dan teks yang saya sediakan. Format menegak 9:16, sasaran eksport 1080 × 1920.\u003C\u002Fp>\n\u003Cp>Cadangkan storyboard dahulu dengan masa bagi setiap babak. Mulakan dengan masalah penonton, tunjuk satu manfaat utama dan tamatkan dengan ajakan yang jelas. Pastikan teks cukup besar untuk telefon dan beri masa untuk membacanya. Gunakan screenshot sebenar. Jangan tambah harga, testimoni atau ciri yang tiada dalam bahan.\u003C\u002Fp>\n\u003Cp>Selepas storyboard dipersetujui, bina animasi menggunakan alat yang tersedia dalam projek. Hasilkan pratonton untuk semakan sebelum eksport MP4. Simpan aset, kod dan catatan perubahan dalam folder projek.\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>Perhatikan bahawa prompt ini menyebut bahan, penonton, objektif dan cara menyemak hasil. Arahan seperti "buat video yang power" memberi terlalu banyak ruang tafsiran. Brief yang khusus membantu anda menilai sama ada hasil benar-benar memenuhi tujuan.\u003C\u002Fp>\n\u003Ch2>Semak video seperti penonton akan melihatnya\u003C\u002Fh2>\n\u003Cp>Tonton pratonton pada telefon. Teks yang selesa dibaca pada monitor mungkin terlalu kecil pada skrin menegak. Semak ejaan, masa setiap babak, logo dan sama ada mesej masih difahami tanpa bunyi.\u003C\u002Fp>\n\u003Cp>Jika menggunakan voiceover, pastikan muzik tidak menenggelamkan suara. Gerakan yang mengikut beat boleh menjadikan video lebih sedap ditonton, tetapi penonton tetap perlukan masa untuk membaca. Elakkan memenuhi setiap saat dengan peralihan baharu.\u003C\u002Fp>\n\u003Cp>Berikan maklum balas dengan masa yang tepat. Contohnya, "Pada saat 00:07, tajuk hilang terlalu cepat. Kekalkan satu saat lagi dan besarkan teks manfaat." Arahan ini lebih mudah dilaksanakan berbanding "buat lagi cantik".\u003C\u002Fp>\n\u003Cp>Anda juga boleh meminta Claude menilai gerakan, kebolehbacaan dan keselarasan audio. Anggap penilaian itu sebagai bantuan untuk mencari kelemahan. Keputusan akhir tetap bergantung pada pemerhatian anda dan tujuan video.\u003C\u002Fp>\n\u003Ch2>Sesuaikan video untuk setiap tempat ia dipaparkan\u003C\u002Fh2>\n\u003Cfigure>\n  \u003Cimg src=\"\u002Fimages\u002Fartikel\u002Fbuat-video-motion-graphics-dengan-claude\u002Fms-3.webp\" alt=\"Susun atur disesuaikan mengikut nisbah paparan\" loading=\"lazy\" decoding=\"async\">\n  \u003Cfigcaption>Tukar susun atur mengikut nisbah paparan, bukan sekadar memotong video. Ilustrasi ammarrahimi.com.\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\u003Cp>Selepas satu versi diluluskan, minta versi lain menggunakan projek yang sama. Format 16:9 sesuai untuk paparan mendatar; 9:16 untuk video menegak; manakala 1:1 atau 4:5 boleh digunakan untuk kandungan feed mengikut keperluan platform.\u003C\u002Fp>\n\u003Cp>Minta elemen disusun semula supaya tajuk, gambar dan ajakan masih jelas. Semak juga ruang yang mungkin dilindungi butang atau kapsyen aplikasi. Render 4K atau 60 fps boleh menambah beban pemprosesan; pilih tetapan berdasarkan kegunaan dan kemampuan persekitaran anda.\u003C\u002Fp>\n\u003Ch2>Simpan cara kerja yang sudah menjadi\u003C\u002Fh2>\n\u003Cp>Simpan versi video, prompt asal dan catatan perubahan. Fail README boleh menerangkan bahan yang digunakan, lokasi eksport dan perkara yang perlu dikekalkan apabila projek disambung semula.\u003C\u002Fp>\n\u003Cp>Apabila anda sudah menemui gaya yang sesuai, dokumentasikan warna, font, struktur babak dan peraturan semakan. Dalam persekitaran yang menyokongnya, panduan itu boleh dijadikan skill untuk projek seterusnya. Anda masih perlu menukar mesej dan bahan mengikut kempen.\u003C\u002Fp>\n\u003Ch2>Mulakan dengan satu bahan yang anda sudah ada\u003C\u002Fh2>\n\u003Cp>Pilih satu poster, satu screenshot produk atau satu penerangan yang sering anda ulang kepada pelanggan. Tetapkan satu mesej, tulis brief dan bina pratonton pendek. Dari situ, anda boleh melihat bahagian yang berkesan sebelum meluaskan projek.\u003C\u002Fp>\n\u003Cp>Pada saya, nilai cara kerja ini terletak pada peluang untuk mencuba dan membetulkan dengan lebih khusus. Anda boleh menguji susunan mesej, menukar masa kemunculan teks dan menggunakan semula bahan yang sudah disediakan. Video yang baik lahir apabila arahan yang jelas bertemu semakan yang teliti.\u003C\u002Fp>\n\u003Cp>Cuba jadikan satu bahan statik anda sebagai video 15 saat minggu ini. Semak sama ada penonton dapat menangkap mesej utamanya dalam sekali tontonan. Itulah ukuran pertama yang lebih berguna daripada jumlah kesan animasi.\u003C\u002Fp>\n\u003Ch2>Rujukan\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Flearnai.my\" target=\"_blank\" rel=\"noopener\">Claude Motion Video dan pembelajaran AI oleh LearnAI.my\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fsupport.claude.com\u002Fen\u002Farticles\u002F17454997-get-started-with-claude-motion\" target=\"_blank\" rel=\"noopener\">Pusat bantuan rasmi Claude Motion\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fwww.remotion.dev\u002Fdocs\u002Fai\u002Fclaude-code-plugin\" target=\"_blank\" rel=\"noopener\">Dokumentasi rasmi plugin Claude Code oleh Remotion\u003C\u002Fa>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Artikel ini diolah daripada slaid Claude Motion Video oleh LearnAI.my, khususnya penerangan konsep, bahan, prompt, semakan dan pengurusan projek. Cadangan praktikal serta ilustrasi disusun untuk pembaca ammarrahimi.com. Maklumat ketersediaan ciri disemak pada 11 Oktober 2026.\u003C\u002Fp>\n",1793543303358]