ezdigital
01 / 22

Modul 01 · Motion Graphic AI

Buat Kartun 6 Minit Guna Gemini Argon

Satu prompt sahaja — dan anda dapat animasi storytelling yang lengkap. Bezanya: ini bukan video AI generative. Ini animasi yang dibina dengan kod.

BUKU INTERACTIVE 22 MUKA SURAT ezdigital

Pengenalan

Kartun ini lain daripada yang biasa

Bayangkan: anda beri satu prompt, dan Gemini membina kartun storytelling berdurasi sehingga 6 minit untuk anda.

Sebelum ada yang menilai kualitinya, ada satu perkara penting yang perlu difahami dahulu:

Animasi ini tidak dihasilkan seperti video AI generative yang biasa anda lihat.

Di situlah letaknya keistimewaan kaedah ini. Halaman berikutnya menerangkan cara ia sebenarnya dihasilkan.

Cara Ia Dibuat

Rahsianya: semua dibina dengan CODING

01 / VECTOR

Watak dilukis dengan kod

Setiap watak dan objek bermula sebagai vector yang dilukis baris demi baris dalam kod — tiada penjanaan pixel rawak.

02 / GERAKAN

Gerakan disusun frame demi frame

Prinsipnya sama seperti animasi orang lidi di penjuru buku latihan: setiap helaian berubah sedikit, dan apabila disusun ia hidup.

03 / GABUNGAN

Python + FFmpeg menyatukan semuanya

Frame, audio dan teks digabungkan melalui kod sehingga terhasil satu fail MP4 yang sedia dimainkan.

Sebab itulah hasilnya terasa berbeza berbanding video AI generative seperti Video Gemini atau Google Flow.

Kenapa Kaedah Ini

Apa yang anda dapat?

KELEBIHAN 01

Video panjang, sekali jalan

Satu storytelling penuh sehingga 6 minit — bukan serpihan klip pendek.

KELEBIHAN 02

Kawalan kekal di tangan anda

Pergerakan objek dan sudut kamera masih boleh diarahkan mengikut kehendak anda.

KELEBIHAN 03

Suara latar pilihan sendiri

Anda boleh bekalkan voice-over sendiri untuk dimasukkan ke dalam video.

KELEBIHAN 04

Tiada lagi klip 10 saat

Tak perlu lagi menjana dan menyambung klip pendek satu demi satu.

STEP 1A

Muat Turun SKILL.md Kami

Langkah pertama: pasang skill motion grafik ke dalam Gemini. Skill ialah fail arahan yang mengajar Gemini cara membina animasi menggunakan Python, FFmpeg, vector dan preset animasi.

Buku ini menggunakan skill versi kami sendiri — ditulis semula sepenuhnya, lebih ringkas dan lebih tersusun. Nama skillnya:

NAMA SKILL KAMI
@ezdigital-motion-grafik

Berita baiknya: skill kami hanya satu fail. Tiada ZIP besar, tiada pek tambahan. Failnya ada dalam buku ini — di bahagian SKILL.md Kami, lengkap dengan butang muat turun.

FAIL YANG DIPERLUKAN

SKILL.md — satu fail sahaja

Mengandungi keseluruhan arahan skill: cara bezakan permintaan prompt dan video, kontrak kualiti, panduan animasi, QA dan penyelesaian masalah.

NOTA

Muat turun fail itu dan simpan dalam telefon atau komputer anda. Jika skill ini sudah pernah dipasang, terus sahaja ke Step 2.

STEP 1B

Cipta Skill Terus Dalam Gemini

Cara lama — upload fail dalam chat dan taip "Install skill" — dah tak perlu. Gemini sekarang ada cara rasmi: cipta skill terus dalam Settings. Buka gemini.google.com dan ikut urutan ini:

  1. 1Buka Settings, kemudian pilih menu Skills.
  2. 2Klik "Create manually" — borang skill baharu akan dibuka.
  3. 3Ruangan Name — tampal nama skill di bawah.
  4. 4Ruangan Description — salin dan tampal teks Inggeris di bawah sebiji, jangan ubah walau satu perkataan.
  5. 5Ruangan Instructions — tampal keseluruhan isi SKILL.md, tanpa 5 baris frontmatter paling atas. Butang di bawah menyalinnya siap untuk anda.
  6. 6Tekan Create. Siap — skill terus ON secara lalai, tak perlu aktifkan apa-apa lagi.

Name:

NAMA SKILL
ezdigital-motion-grafik

Description:

DESCRIPTION · FORMAT RASMI GOOGLE
Generates real motion-graphics MP4 videos or writes production-ready motion graphic prompts for Gemini Task, in ezdigital style: soft bright palette, clean kinetic typography, consistent characters, and full QA before delivery. Use when the user asks to create a motion graphics or cartoon video, write a video production prompt, or mentions motion grafik, kartun, animasi, video animasi, buat video, or tulis prompt video.

Instructions:

Instructions ialah isi penuh SKILL.md tanpa frontmatter — buang 5 baris paling atas (---, name:, description:, --- dan baris kosong). Teksnya bermula terus dari tajuk # ezdigital Motion Grafik — SKILL.md. Tekan butang ini dan tampal hasilnya dalam ruangan Instructions:

NOTA

Nampak garis merah bawah perkataan Melayu dalam ruangan Instructions? Itu cuma semakan ejaan (spellcheck) Inggeris — bukan error. Abaikan sahaja.

STEP 1C

Sahkan Skill Sudah Aktif

  1. 1Buka Settings dalam Gemini.
  2. 2Pilih menu Skills.
  3. 3Semak nama skill berikut dalam senarai:
NAMA SKILL
ezdigital-motion-grafik

Jika nama itu muncul dalam senarai Settings → Skills, skill anda sudah tercipta dan aktif — ia ON secara lalai sebaik sahaja anda tekan Create.

Nak lebih pasti? Uji terus dalam chat. Taip "@" dalam mana-mana chat — senarai Skills akan keluar — dan pilih ezdigital-motion-grafik — atau hantar permintaan ujian ini:

PERMINTAAN UJIAN
tulis prompt motion grafik tentang DuitNow QR
write a motion graphics prompt about DuitNow QR

Kalau jawapan Gemini ikut Kontrak ezdigital — prompt produksi yang lengkap, palet cerah lembut dan QA sebelum serahan — skill anda berfungsi dengan betul.

Untuk kerja video, kembali ke Gemini dan pilih mod TASK — bukan Chat (jika pilihan Task tersedia). Mulakan arahan anda dengan memanggil skill — taip @ dan pilih ezdigital-motion-grafik dari senarai — diikuti penerangan video yang dikehendaki:

CARA MEMANGGIL SKILL
@ezdigital-motion-grafik [penerangan video anda]
@ezdigital-motion-grafik [your video description]

Mengapa Task? Kerana menghasilkan video bukan sekadar menjawab soalan.

Dalam mod ini, Gemini menjalankan kod, menyusun adegan animasi, mengurus bahan dan merender hasil akhir — Python dan FFmpeg digunakan untuk menghasilkan fail video yang sebenar.

NOTA

Ketersediaan Task, Skills dan pelaksanaan kod berbeza mengikut akaun dan persekitaran Gemini masing-masing.

STEP 1 · PENYELESAIAN MASALAH

Skill Tak Menjadi?

Skill tak muncul dalam senarai, atau Gemini seolah-olah tak menggunakannya? Semak tiga perkara ini dahulu.

Kebanyakan masalah selesai dengan membuka semula skill dalam Settings → Skills dan menyemak borangnya:

SEMAKAN 01

Skill tiada dalam senarai

Pastikan anda sudah tekan Create pada akhir borang Step 1B. Kalau belum, ulang Step 1B — tanpa Create, tiada apa yang disimpan.

SEMAKAN 02

Instructions termasuk frontmatter

Jika anda tampal SKILL.md penuh termasuk 5 baris atas (---, name:, description:), edit skill dan buang baris tersebut. Instructions mesti bermula terus dari tajuk # ezdigital Motion Grafik — SKILL.md.

SEMAKAN 03

Gemini tak memanggil skill

Jangan harap ia terpicu sendiri setiap kali. Dalam chat, taip "@" — senarai Skills akan keluar — dan pilih ezdigital-motion-grafik secara manual — atau pastikan Description ditampal penuh, kerana ayat "Use when…" di dalamnya yang membantu Gemini kenal pasti bila skill perlu dipakai.

BUKAN ERROR

Garis merah bawah perkataan Melayu dalam borang ialah semakan ejaan (spellcheck) Inggeris sahaja. Ia tak menjejaskan skill langsung — abaikan.

Skill Versi Kami

SKILL.md Kami — Versi ezdigital

Inilah fail skill yang digunakan sepanjang buku ini: ezdigital-motion-grafik.

Kami menulisnya dari kosong — dengan bahasa, struktur dan standard kualiti kami sendiri. Keseluruhan teks dan susunan skill ini hasil olahan dan inovasi kami sepenuhnya.

KENAPA VERSI INI

Satu fail, terus boleh guna

Tiada ZIP berpuluh MB dan tiada pek luaran. Satu fail SKILL.md — salin teksnya, kemudian cipta skill dalam Gemini melalui Settings → Skills → Create manually.

APA DI DALAMNYA

Kontrak Kerja + Mula Cepat + QA

Peraturan kerja yang jelas (output MP4 sebenar, palet cerah, watak konsisten), templat mula cepat, prinsip animasi, senarai QA wajib sebelum serahan, dan jadual penyelesaian masalah.

Butang muat turun menyimpan fail bernama SKILL.md terus ke peranti anda — fail itulah sumber salinan untuk ruangan Instructions dalam Step 1B. Teks penuhnya boleh dibaca di muka surat berikutnya.

JUJUR & TELUS

Skill ini percuma untuk pembaca buku ini. Jika anda kongsikannya semula, mohon kekalkan kredit kepada penulis versi ini.

Teks Penuh

SKILL.md — Teks Penuh

Ini keseluruhan kandungan fail skill kami. Salin semuanya, atau muat turun sebagai fail — kedua-duanya menghasilkan kandungan yang sama.

SKILL.MD · EZDIGITAL-MOTION-GRAFIK V1.0
---
name: ezdigital-motion-grafik
description: Hasilkan video motion grafik sebenar (MP4) atau tulis prompt produksi motion graphic untuk Gemini Task — gaya kami: palet cerah lembut, kinetic typography kemas, watak konsisten dan QA penuh sebelum serahan. Satu fail SKILL.md sahaja — tiada pek luaran diperlukan.
---

# ezdigital Motion Grafik — SKILL.md

> **Versi kami.** Ditulis semula dari kosong dengan bahasa dan gaya kami sendiri — bukan salinan mana-mana pihak. Lebih ringkas, lebih jelas, lebih power.

## 0. Faham dulu: nak prompt, atau nak video?

Dua permintaan yang berbeza — layan dengan cara berbeza:

- **"Tulis prompt" / "bagi prompt"** → Terus tulis prompt produksi yang siap salin dalam SATU code block. Jangan render, jangan minta kebenaran tambahan.
- **"Buatkan video"** → Hasilkan MP4 sebenar yang boleh dimainkan. Jangan berhenti setakat kod atau storyboard.
- **Minta kedua-dua** → Buat kedua-dua, ikut skop.

## 1. Pemasangan — semudah ABC

Skill ini hanya SATU fail. Tiada ZIP puluhan MB, tiada folder aset wajib.

1. Muat turun fail `SKILL.md` ini.
2. Di Gemini, buka Chat baharu (guna model yang menyokong Task, contohnya Argon).
3. Upload `SKILL.md`, kemudian taip: `Install skill`
4. Tunggu Gemini sahkan pemasangan berjaya.

**Kalau Gemini cuma baca tanpa install:** hantar `Install this skill` sekali lagi dan minta dia sahkan status. Jangan anggap aktif selagi belum disahkan.

## 2. Kontrak Kerja — dibaca sebelum setiap kerja

| Perkara | Peraturan |
|---|---|
| Bahasa | Melayu Malaysia, kecuali diminta lain |
| Output | MP4 sebenar (H.264) — bukan sekadar kod, storyboard atau penerangan |
| Palet lalai | Cerah & lembut (krim `#F8F3E8`) — jangan default gelap |
| Frame | Kira setiap frame pada `t = i / fps` — semua frame serupa = gagal |
| ID/teknikal | Jangan papar ID preset, kod atau JSON dalam video |
| Watak | Rupa & pakaian konsisten setiap scene |
| Audio | Utamakan fail VO yang diluluskan pengguna |
| QA | `ffprobe` + tonton penuh sebelum serah |

## 3. Mula cepat

Tampal dan lengkapkan:

```text
Saya nak buat video motion grafik tentang [TOPIK].
Orientasi: [melintang / menegak] | Tempoh: [contoh: 2 minit] | Bahasa: Melayu
Gaya: motion grafik kami — palet cerah, kinetic typography kemas.
```

## 4. Menulis prompt produksi

Bila diminta prompt sahaja, tulis prompt lengkap dalam satu code block:

1. **Asas:** tajuk, objektif, audiens, orientasi, resolusi, FPS, tempoh, bahasa.
2. **Palet:** HEX sebenar (contoh krim: latar `#F8F3E8`, panel `#E8E0CF`, teks `#263645`, aksen `#447891`).
3. **Scene/beat:** masa mula–akhir, teks on-screen ringkas, visual utama, aksi dan pergerakan kamera.
4. **Arah animasi:** jenis gerakan (reveal teks, counter, orbit, zoom, parallax…), bila mula dan berakhir.
5. **Audio:** VO, subtitle penuh, SFX, muzik latar.
6. **Serahan:** MP4 H.264 + pengesahan resolusi/FPS/tempoh.

**Jangan reka data.** Angka contoh mesti dilabel sebagai demo. Jangan paksa elemen (graf, peta, radar) pada cerita yang tak memerlukannya.

## 5. Menghasilkan video

1. **Sahkan brief** — orientasi, resolusi, FPS, tempoh, bahasa. Tiada arahan? Lalai: 1920×1080, 30fps, palet krim.
2. **Pecah scene** — setiap scene ada timestamp, teks dan aksi yang jelas.
3. **Render frame-by-frame** — `t = i / fps`, gabung layer, komposit.
4. **Audio** — jadikan audio akhir sebagai jam utama; selaraskan subtitle/SFX padanya.
5. **Encode** — MP4 H.264.
6. **QA wajib** — lihat Seksyen 8.
7. **Serah** — fail MP4 sebenar.

```bash
ffprobe -v error -show_streams -show_format -of json final.mp4
ffmpeg -v error -i final.mp4 -f null -
```

## 6. Prinsip animasi kami

- **Gerakan mesti nampak.** Bandingkan frame — kalau semua serupa, itu bukan animasi.
- **Satu aksi utama** setiap scene; elemen lain menyokong, bukan berebut perhatian.
- **Teks mesti sempat dibaca** — kawal hold, jangan kejar kelajuan.
- **Easing semula jadi** — elak gerakan kaku dan mikroskopik.
- **Subtitle penuh ≠ caption kinetik** — bezakan kedua-duanya.
- **Video menegak (9:16):** reka semula susun atur untuk portrait. Jangan regang atau crop teks.

## 7. Watak, kamera & audio

- **Watak konsisten:** ID, rupa, pakaian dan nisbah saiz kekal setiap scene.
- **Asas anatomi:** sendi bersambung, kaki berpijak, tangan menggenggam props, pemindahan berat yang logik.
- **Kamera:** bina foreground / midground / background untuk parallax; guna dolly, zoom dan pan berpada-pada.
- **2.5D bukan 3D penuh** — jangan dakwa lebih daripada yang dibuat.
- **VO:** utamakan fail audio yang dibekalkan/diluluskan. Jangan janji TTS cloud jika persekitaran offline.
- **Muzik & SFX:** sesuai dengan isi, jangan tenggelamkan mesej; SFX tepat pada event; semak clipping.
- **Waveform:** mesti dijana dari audio sebenar, bukan hiasan.

## 8. QA sebelum serahan (wajib)

1. Tonton video penuh pada kelajuan biasa.
2. Semak setiap scene: ejaan, teks terpotong, kontras, alpha.
3. Sahkan tiada flash frame hitam di potongan.
4. Sahkan subtitle penuh dan SFX selari dengan audio.
5. `ffprobe`: resolusi, FPS, tempoh dan jumlah frame betul.
6. Nyahkod penuh MP4 tanpa ralat.
7. Serah MP4 + nyatakan batas sebenar jika ada.

## 9. Troubleshooting

| Masalah | Tindakan |
|---|---|
| Gemini baca fail tapi tak install skill | Hantar `Install this skill` sekali lagi; minta pengesahan status |
| Nama skill sudah wujud | Pilih **update** (ganti versi lama) atau **save as new** (nama baharu) |
| Video terhasil gelap | Semak palet — pastikan bukan default gelap tema asal |
| Teks tak sempat dibaca | Tambah hold / kurangkan teks per scene |
| Gerakan nampak kaku | Semak easing; pastikan kiraan setiap frame, bukan ulang satu frame |
| Saiz teks lari di 9:16 | Reka semula layout portrait; jangan regang |

## 10. Changelog

- **v1.0** (2026-10-20) — Versi kami: ditulis semula dari kosong. Tambah Mula Cepat, Kontrak Kerja dan Troubleshooting. Satu fail, tiada pek luaran.
---
name: ezdigital-motion-grafik
description: Produce a real motion graphics video (MP4) or write a production motion graphic prompt for Gemini Task — our style: a soft bright palette, neat kinetic typography, consistent characters and full QA before delivery. A single SKILL.md file only — no external packs required.
---

# ezdigital Motion Graphics — SKILL.md

> **Our version.** Written from scratch in our own words and style — not a copy of anyone else's. Shorter, clearer, more powerful.

## 0. Understand first: a prompt, or a video?

Two different requests — handle them differently:

- **"Write a prompt" / "give me a prompt"** → Write a ready-to-copy production prompt in ONE code block right away. Do not render, do not ask for extra permission.
- **"Make the video"** → Produce a real, playable MP4. Do not stop at code or a storyboard.
- **Asked for both** → Do both, to that scope.

## 1. Installation — as easy as ABC

This skill is ONE file only. No tens-of-MB ZIP, no mandatory asset folders.

1. Download this `SKILL.md` file.
2. In Gemini, open a new Chat (use a model that supports Task, e.g. Argon).
3. Upload `SKILL.md`, then type: `Install skill`
4. Wait for Gemini to confirm the installation succeeded.

**If Gemini only reads without installing:** send `Install this skill` once more and ask it to confirm the status. Do not treat it as active until it is confirmed.

## 2. Work Contract — read before every job

| Item | Rule |
|---|---|
| Language | Malay Malaysia, unless asked otherwise |
| Output | A real MP4 (H.264) — not just code, a storyboard or an explanation |
| Default palette | Bright & soft (cream `#F8F3E8`) — never default to dark |
| Frames | Compute every frame at `t = i / fps` — all frames identical = fail |
| IDs/technical | Never show preset IDs, code or JSON in the video |
| Characters | Same look & clothing in every scene |
| Audio | Prioritise the user's approved VO file |
| QA | `ffprobe` + watch in full before delivering |

## 3. Quick start

Paste and complete:

```text
I want to make a motion graphics video about [TOPIC].
Orientation: [landscape / vertical] | Duration: [e.g. 2 minutes] | Language: Malay
Style: our motion graphics style — bright palette, neat kinetic typography.
```

## 4. Writing a production prompt

When asked for a prompt only, write a complete prompt in one code block:

1. **Basics:** title, objective, audience, orientation, resolution, FPS, duration, language.
2. **Palette:** real HEX values (cream example: background `#F8F3E8`, panel `#E8E0CF`, text `#263645`, accent `#447891`).
3. **Scenes/beats:** start–end times, short on-screen text, main visual, action and camera movement.
4. **Animation direction:** movement types (text reveal, counter, orbit, zoom, parallax…), when each starts and ends.
5. **Audio:** VO, full subtitles, SFX, background music.
6. **Deliverable:** MP4 H.264 + confirmation of resolution/FPS/duration.

**Never invent data.** Example numbers must be labelled as demo. Do not force elements (charts, maps, radar) onto stories that do not need them.

## 5. Producing the video

1. **Confirm the brief** — orientation, resolution, FPS, duration, language. No instruction? Defaults: 1920×1080, 30fps, cream palette.
2. **Break down scenes** — every scene has a clear timestamp, text and action.
3. **Render frame by frame** — `t = i / fps`, combine layers, composite.
4. **Audio** — make the final audio the master clock; align subtitles/SFX to it.
5. **Encode** — MP4 H.264.
6. **Mandatory QA** — see Section 8.
7. **Deliver** — the actual MP4 file.

```bash
ffprobe -v error -show_streams -show_format -of json final.mp4
ffmpeg -v error -i final.mp4 -f null -
```

## 6. Our animation principles

- **Movement must be visible.** Compare frames — if they all look the same, it is not animation.
- **One main action** per scene; other elements support it, not compete with it.
- **Text must have time to be read** — control the hold, do not chase speed.
- **Natural easing** — avoid stiff, microscopic movement.
- **Full subtitles ≠ kinetic captions** — keep the two separate.
- **Vertical video (9:16):** redesign the layout for portrait. Never stretch or crop text.

## 7. Characters, camera & audio

- **Consistent characters:** ID, look, clothing and size ratio stay the same in every scene.
- **Anatomy basics:** joints connected, feet planted, hands gripping props, logical weight transfer.
- **Camera:** build foreground / midground / background for parallax; use dolly, zoom and pan in moderation.
- **2.5D is not full 3D** — never claim more than what was made.
- **VO:** prioritise supplied/approved audio files. Never promise cloud TTS in an offline environment.
- **Music & SFX:** fit the content, never drown the message; SFX exactly on the event; check for clipping.
- **Waveforms:** must be generated from the real audio, not decoration.

## 8. QA before delivery (mandatory)

1. Watch the full video at normal speed.
2. Check every scene: spelling, clipped text, contrast, alpha.
3. Confirm there are no black flash frames at cuts.
4. Confirm full subtitles and SFX are in sync with the audio.
5. `ffprobe`: resolution, FPS, duration and frame count are correct.
6. Decode the whole MP4 with no errors.
7. Deliver the MP4 + state any real limitations.

## 9. Troubleshooting

| Problem | Action |
|---|---|
| Gemini reads the file but doesn't install the skill | Send `Install this skill` once more; ask for status confirmation |
| A skill with the same name already exists | Choose **update** (replace the old version) or **save as new** (a new name) |
| The video comes out dark | Check the palette — make sure it is not the original theme's dark default |
| Text is not readable in time | Add hold time / reduce text per scene |
| Movement looks stiff | Check the easing; make sure frames are computed per frame, not one frame repeated |
| Text size breaks in 9:16 | Redesign the portrait layout; never stretch |

## 10. Changelog

- **v1.0** (2026-10-20) — Our version: written from scratch. Added Quick Start, Work Contract and Troubleshooting. One file, no external packs.

Selepas memuat turun atau menyalin, kembali ke Step 1B untuk langkah pemasangan dalam Gemini.

STEP 2

Minta Argon Sediakan Prompt

Tutorial lama membina prompt dalam Chat. Kali ini kita ubah pendekatan: guna mod Task dengan model Argon — hasilnya jauh lebih terperinci.

Tampal prompt ini dalam Task:

PROMPT STEP 2 · VERSI KAMI
Saya mahu menghasilkan video storytelling berbentuk animasi vector dengan bantuan skill @ezdigital-motion-grafik.

Keperluan visual:
- Watak dan objek vector yang konsisten dari awal hingga akhir — kemas, tanpa kecacatan bentuk.
- Pergerakan vector yang lancar dan meyakinkan.
- Sentuhan sinematografi: pergerakan kamera, serta zoom masuk pada watak dan objek penting.
- Latar berwarna krim.

Voice-over:
- Sediakan skrip narasi untuk video berdurasi 2 hingga 5 minit.
- Tulis skrip itu dalam code block, dipecahkan kepada beberapa bahagian — setiap bahagian lebih kurang 1–2 minit.

Elemen tambahan dalam video:
- Animasi gelombang bunyi (sound wave).
- Subtitle penuh di bahagian bawah.
- Teks beranimasi.
- Anda boleh gunakan preset dan aset yang tersedia dalam skill.

Akhir sekali, tulis SATU prompt produksi yang terperinci dalam code block — prompt yang akan saya gunakan untuk menjana kartun ini dengan skill motion grafik. Format video: melintang (16:9).

Ini cerita saya:
[Paste cerita/cerpen]
I want to produce a storytelling video in vector animation form with the help of the @ezdigital-motion-grafik skill.

Visual requirements:
- Consistent vector characters and objects from start to finish — neat, with no shape defects.
- Smooth, convincing vector movement.
- A cinematographic touch: camera movement, plus zooms in on important characters and objects.
- A cream-coloured background.

Voice-over:
- Prepare a narration script for a video of 2 to 5 minutes.
- Write the script in a code block, split into several parts — each part roughly 1–2 minutes.

Extra elements in the video:
- Sound wave animation.
- Full subtitles at the bottom.
- Animated text.
- You may use the presets and assets available in the skill.

Finally, write ONE detailed production prompt in a code block — the prompt I will use to generate this cartoon with the motion graphics skill. Video format: landscape (16:9).

Here is my story:
[Paste your story]
NOTA

Bahagian [Paste cerita/cerpen] digantikan dengan cerita anda sendiri — atau biar Komposer di muka surat berikutnya menyusunnya untuk anda.

Alat Interaktif

Komposer Prompt

Letakkan cerita atau cerpen anda dalam kotak di bawah. Komposer ini akan menggabungkannya ke dalam templat Step 2 dan menghasilkan prompt lengkap yang terus boleh ditampal ke Gemini.

TIADA CERITA LAGI? ISI CONTOH:

Teks anda diproses dalam halaman ini sahaja — tiada apa-apa dihantar keluar.

PROMPT PENUH ANDA

    

Salin prompt ini, kemudian tampal dalam mod Task di Gemini dengan model Argon — seperti Step 2.

Dua Gaya Prompt

Ringkas Boleh, Terperinci Lebih Menjadi

GAYA 1 · PROMPT RINGKAS

Selepas skill dipasang, arahan pendek pun sudah memadai untuk memulakan. Syaratnya tetap sama: mod Task, model Argon. Contohnya topik penerangan yang dekat dengan hidup harian — kitar semula:

CONTOH RINGKAS · KITAR SEMULA
@ezdigital-motion-grafik
Hasilkan video motion grafik penerangan bertajuk "Kitar Semula: Dari Tong Ke Produk Baharu" — ikut perjalanan sebotol plastik: diasingkan ke tong yang betul, dikutip dan dibersihkan di pusat kitar semula, diproses menjadi pelet, dan akhirnya lahir semula sebagai bangku taman. Format menegak, gaya terang dan mesra, teks ringkas sahaja. Durasi lebih kurang 90 saat.
@ezdigital-motion-grafik
Create an explainer motion graphics video titled "Recycling: From Bin to Brand New" — follow the journey of one plastic bottle: sorted into the right bin, collected and washed at a recycling centre, processed into pellets, and finally reborn as a park bench. Vertical format, bright and friendly style, minimal text only. Duration about 90 seconds.

Walaupun sesingkat ini, video tetap terhasil. Tetapi jika mahukan hasil yang benar-benar kemas, arahan perlu lebih terperinci.

GAYA 2 · PROMPT TERPERINCI

Untuk hasil yang lebih terkawal, tulis prompt penuh dengan struktur produksi yang lengkap. Contohnya topik yang berbeza — cara pembayaran DuitNow QR berfungsi — disusun dengan spesifikasi, elemen utama, arah visual, teks kinetik, urutan penerangan, aliran kerja, audio dan bentuk serahan:

PROMPT PENUH · DUITNOW QR
Use the installed @ezdigital-motion-grafik skill to produce a complete vertical explainer motion graphics video titled "DuitNow QR: One Scan Pays For All", about 90 seconds long, in Bahasa Melayu.

FORMAT
- Canvas: 1080 × 1920 (9:16), 30 FPS
- Target duration: approximately 90 seconds
- Language: Bahasa Melayu Malaysia, for both narration and on-screen text
- Look: bright, clean, premium fintech explainer on a soft cream palette — never dark or cluttered

SETTING & KEY ELEMENTS — keep every design identical in all scenes
- AISYAH: a young customer in a mustard hijab and teal blouse, holding a smartphone — the hero of the explainer.
- PAK DIN: a friendly nasi lemak stall owner in an apron, behind his counter.
- THE QR STANDEE: a pink-framed DuitNow QR standee on the counter — one single QR code that any bank app or e-wallet can scan.
- THE PHONE UI: a simple, clean payment app screen — a big QR viewfinder, an amount keypad, the merchant's name line and a large green confirmation tick.
- THE PAYMENT PULSE: a glowing trail of light that visualises money travelling from Aisyah's bank to Pak Din's account.

VISUAL APPROACH
Build a bright 2D and 2.5D explainer world: Pak Din's stall, a close-up of the counter, and a stylised "behind the scenes" view where the payment pulse travels between two bank icons. Animate the scan frame locking onto the QR code, digits ticking in on the keypad, the pulse moving almost instantly, and both phones lighting up with matching confirmations at the same moment. Use smooth zooms into the phone screen, gentle parallax and one clear visual metaphor: money as light, never as flying cash. Draw the QR code as a clean stylised graphic — not a real, scannable code.

KINETIC TEXT
Animate headings and labels with varied professional kinetic typography: an animated opening title "BAYAR DENGAN SATU IMBASAN", step labels that count up — "Langkah 1 · Imbas", "Langkah 2 · Semak", "Langkah 3 · Sahkan", "Siap!" — and callouts such as "Satu QR untuk semua bank & e-dompet" and "Wang sampai serta-merta". Keep every line short and easy to read on a phone screen.

EXPLANATION FLOW — follow these beats in order
1. THE PROBLEM: Aisyah reaches the counter, opens her purse — no cash. A queue is forming behind her. Paying needs to be fast.
2. ONE QR FOR EVERYONE: Close-up on the pink DuitNow QR standee. The narration explains: DuitNow QR is Malaysia's shared QR standard, run by PayNet — whatever bank or e-wallet app a customer uses, everyone scans the same one code.
3. SCAN: Aisyah opens her banking app and scans the standee. The viewfinder locks on and the app instantly shows the stall's name: "Gerai Nasi Lemak Pak Din".
4. CHECK & CONFIRM: She keys in RM8.50, checks the merchant name and the amount on screen, then confirms with her fingerprint. Hold on this beat — checking before confirming is the safety step.
5. INSTANT TRANSFER: The payment pulse shoots from her bank to Pak Din's account in under a second. Both phones chime together: hers reads "Pembayaran Berjaya", his shows the money coming in.
6. WRAP-UP: Pak Din smiles and hands over the nasi lemak — no cash, no card terminal, no waiting. Closing caption: "DuitNow QR — imbas, semak, sahkan. Siap." Theme: one national QR that lets anyone pay anyone, anywhere.

PRODUCTION
Work with Python, FFmpeg and the resources of the installed motion graphics skill. Create original animated scenes using SVG artwork, procedural graphics, compositing and suitable motion presets. Keep scene transitions smooth and visual quality consistent from start to finish.

AUDIO
If audio resources are available, add light, upbeat background music and subtle interface sounds — a soft scan beep and a confirmation chime — synced to the visuals, mixed low enough that they never compete with the narration.

DELIVERABLE
Render the finished video as an MP4 file (H.264). Before handing it over, verify the duration, resolution, frame rate and that the file plays cleanly. Deliver the finished video file itself — not only a script, storyboard or code. If rendering or file delivery is impossible in your environment, say so plainly and provide the runnable project files instead.
Gunakan skill @ezdigital-motion-grafik yang telah dipasang untuk menghasilkan video motion grafik penerangan menegak yang lengkap bertajuk "DuitNow QR: Satu Imbasan Untuk Semua", berdurasi lebih kurang 90 saat, dalam Bahasa Melayu.

FORMAT
- Kanvas: 1080 × 1920 (9:16), 30 FPS
- Tempoh sasaran: lebih kurang 90 saat
- Bahasa: Bahasa Melayu Malaysia, untuk narasi dan juga teks pada skrin
- Gaya: motion grafik penerangan fintech yang cerah, bersih dan premium, dengan palet krim lembut — jangan gelap atau bersepah

SUASANA & ELEMEN UTAMA — kekalkan reka bentuk yang sama persis dalam setiap babak
- AISYAH: pelanggan muda bertudung mustard dan berbaju teal, memegang telefon pintar — watak utama penerangan ini.
- PAK DIN: peniaga gerai nasi lemak yang mesra, memakai apron, berdiri di belakang kaunternya.
- PAPAN QR: papan DuitNow QR berbingkai merah jambu di atas kaunter — satu kod QR tunggal yang boleh diimbas oleh mana-mana aplikasi bank atau e-dompet.
- SKRIN TELEFON: paparan aplikasi pembayaran yang ringkas dan bersih — bingkai imbasan QR yang besar, pad kekunci amaun, baris nama peniaga dan tanda sah hijau yang besar.
- DENYUT BAYARAN: jejak cahaya bercahaya yang menggambarkan wang bergerak dari bank Aisyah ke akaun Pak Din.

PENDEKATAN VISUAL
Bina dunia penerangan 2D dan 2.5D yang cerah: gerai Pak Din, zum dekat pada kaunter, dan paparan "di sebalik tabir" bergaya ringkas di mana denyut bayaran bergerak antara dua ikon bank. Animasikan bingkai imbasan mengunci kod QR, digit amaun yang masuk satu demi satu, denyut yang bergerak hampir serta-merta, dan kedua-dua telefon menyala dengan pengesahan yang sepadan pada masa yang sama. Gunakan zum lancar ke dalam skrin telefon, parallax lembut dan satu metafora visual yang jelas: wang sebagai cahaya, bukan wang kertas yang terbang. Lukis kod QR sebagai grafik bergaya yang bersih — bukan kod sebenar yang boleh diimbas.

TEKS KINETIK
Animasikan tajuk dan label dengan tipografi kinetik profesional yang pelbagai: tajuk pembuka beranimasi "BAYAR DENGAN SATU IMBASAN", label langkah yang mengira naik — "Langkah 1 · Imbas", "Langkah 2 · Semak", "Langkah 3 · Sahkan", "Siap!" — serta seruan seperti "Satu QR untuk semua bank & e-dompet" dan "Wang sampai serta-merta". Pastikan setiap baris pendek dan mudah dibaca pada skrin telefon.

ALIRAN PENERANGAN — ikut urutan ini
1. MASALAH: Aisyah tiba di kaunter, membuka dompetnya — tiada wang tunai. Barisan pelanggan semakin panjang di belakangnya. Bayaran mesti pantas.
2. SATU QR UNTUK SEMUA: Zum dekat pada papan DuitNow QR yang merah jambu. Narasi menerangkan: DuitNow QR ialah piawaian QR bersama Malaysia yang diuruskan oleh PayNet — apa sahaja aplikasi bank atau e-dompet yang pelanggan guna, semuanya mengimbas satu kod yang sama.
3. IMBAS: Aisyah membuka aplikasi banknya dan mengimbas papan QR itu. Bingkai imbasan mengunci kod, dan aplikasi serta-merta memaparkan nama gerai: "Gerai Nasi Lemak Pak Din".
4. SEMAK & SAHKAN: Dia memasukkan RM8.50, menyemak nama peniaga dan amaun pada skrin, kemudian mengesahkan dengan cap jari. Tahan babak ini seketika — menyemak sebelum mengesahkan ialah langkah keselamatan.
5. PINDAH SERTA-MERTA: Denyut bayaran meluncur dari banknya ke akaun Pak Din dalam masa kurang satu saat. Kedua-dua telefon berbunyi serentak: skrin Aisyah tertera "Pembayaran Berjaya", skrin Pak Din menunjukkan wang masuk.
6. PENUTUP: Pak Din tersenyum dan menghulurkan nasi lemak — tiada wang tunai, tiada terminal kad, tiada menunggu. Kapsyen penutup: "DuitNow QR — imbas, semak, sahkan. Siap." Tema: satu QR kebangsaan yang membolehkan sesiapa membayar sesiapa, di mana sahaja.

PRODUKSI
Bekerja dengan Python, FFmpeg dan sumber skill motion grafik yang dipasang. Cipta babak animasi original menggunakan karya SVG, grafik prosedural, pengkomposisian dan preset gerakan yang sesuai. Kekalkan transisi babak yang lancar dan kualiti visual yang konsisten dari awal hingga akhir.

AUDIO
Jika sumber audio tersedia, tambahkan muzik latar yang ringan dan ceria serta bunyi antara muka yang halus — bip imbasan yang lembut dan bunyi pengesahan — diselaraskan dengan visual, dicampur cukup perlahan supaya tidak bersaing dengan narasi.

SERAHAN
Render video yang siap sebagai fail MP4 (H.264). Sebelum menyerahkannya, sahkan tempoh, resolusi, kadar frame dan bahawa fail dimainkan dengan bersih. Serahkan fail video yang siap itu sendiri — bukan hanya skrip, storyboard atau kod. Jika rendering atau penghantaran fail mustahil dalam persekitaran anda, nyatakan dengan jelas dan sediakan fail projek yang boleh dijalankan sebagai gantinya.
NOTA

Bagi pelanggan Google AI Pro, fungsi seperti inilah yang menjadikan langganan itu berbaloi — gunakannya sepenuhnya.

Contoh Hasil

Contoh Hasil: DuitNow QR

Muka surat ini ialah contoh hasil (worked example): susunan output yang prompt terperinci DuitNow QR di muka surat sebelumnya direka untuk hasilkan — poster pembuka, urutan babak dan elemen visualnya — dilakar di sini supaya anda nampak sasarannya sebelum mencuba sendiri. Ia contoh penerangan, bukan rakaman video yang telah dirender.

CONTOH
MOTION GRAFIK PENERANGAN · FINTECH
DUITNOW
QR
IMBAS · SEMAK · SAHKAN
Menegak 9:16 ±90 Saat DuitNow QR Motion Graphic

Antara elemen dalam contoh ini: poster pembuka bertajuk besar, kad QR bergaya dengan garisan imbasan beranimasi, label langkah yang mengira naik — "Langkah 1 · Imbas" hingga "Siap!" — dan denyut cahaya yang menunjukkan wang bergerak serta-merta dari bank pelanggan ke akaun peniaga. Seluruh susunan ini lahir daripada satu prompt terperinci.

Pengajarannya mudah: versi ringkas sudah cukup untuk bermula, tetapi versi terperinci memberi susunan hasil yang jauh lebih terkawal. Sekarang giliran anda — tampal prompt di muka surat sebelumnya ke dalam Task + Argon, dan bandingkan hasil anda dengan contoh ini.

STEP 3

Sediakan Voice-Over Terlebih Dahulu

Apabila Step 2 selesai, dua hasil penting berada di tangan anda:

Skrip narasi yang telah dipecahkan kepada beberapa segmen — setiap segmen lebih kurang 1–2 minit.
Prompt produksi utama untuk menjana video animasi.

Kini jana suara latarnya: hasilkan audio voice-over menggunakan AI, satu fail bagi setiap segmen skrip. Audio inilah yang akan memandu keseluruhan video nanti.

STEP 4

Jana Video Kartunnya

Ini bahagian yang paling dinanti-nantikan.

  1. 1Buka chat baharu dalam Gemini.
  2. 2Tukar mod kepada TASK.
  3. 3Pilih model ARGON.
  4. 4Upload kesemua fail audio voice-over daripada Step 3.
  5. 5Salin prompt produksi utama yang dihasilkan pada Step 2.
  6. 6Tampal prompt tersebut ke dalam chat.
  7. 7Tekan HANTAR.

Selesai di pihak anda. Gemini kini mengambil alih: melukis vector, menggerakkan watak, menyusun pergerakan kamera, meletakkan subtitle dan teks beranimasi — sehingga render MP4 terakhir.

Semasa Menunggu

Rendering Memerlukan Kesabaran

Jangan jangka siap dalam beberapa minit. Bergantung pada kerumitan animasi, proses render boleh mengambil masa hampir sejam — kadangkala lebih.

TIP

Aplikasi kelihatan seperti tersekat?

Buka task yang sama melalui pelayar Chrome untuk menyemak kemajuannya:

gemini.google.com ↗

AMARAN

Elakkan memulakan task baharu selagi proses lama belum disahkan tamat — bimbang kedua-duanya bertindih.

Selepas Siap

Tonton, Semak, Perbaiki

Video siap dirender? Tonton keseluruhannya dengan teliti.

Jika ada adegan yang kurang kemas, gerakan yang tidak lancar atau subtitle yang lari daripada audio — nyatakan bahagian tersebut kepada Gemini dan minta ia membetulkannya.

Hasil pertama jarang terus sempurna — proses membetulkan inilah yang membezakan hasil biasa dengan hasil yang baik.

Ulangi semakan dan pembetulan sehingga anda berpuas hati.

Pilihan Lain

Alternatif: ChatGPT Plus/Pro

Workflow yang sama turut boleh dijalankan pada ChatGPT Plus atau Pro.

CONTOH HASIL

Sol 6.1 Extra High

Hasil ujinya ada — tetapi dari segi kemasan visual, ia masih tidak menandingi output Argon.

Untuk kualiti terbaik mengikut kaedah dalam buku ini, Gemini Argon kekal pilihan utama kami.

Tips Pro

Tips Pro

TIP 01 · GABUNGAN TERBAIK

Argon untuk visual, ChatGPT untuk suara

Strategi paling berkesan: bina video di Gemini 4 Argon, kemudian serahkan kepada ChatGPT untuk memasukkan voice-over dan melaraskan kelajuan video.

TIP 02 · KELEBIHAN CHATGPT

Suara automatik, visual kurang kemas

ChatGPT mampu memasukkan voice-over secara automatik ke dalam video. Tukaran: grafik keluarannya (contohnya Sol 6.1) kurang kemas dan lebih banyak kecacatan berbanding Argon.

TIP 03 · SATU SKILL, BANYAK PLATFORM

Gunakan semula di tempat lain

Skill sebegini juga digunakan pada ChatGPT Work/Codex dan Hermes (DeepSeek) — dan setiap penggunaan melatih skill tersebut menjadi lebih serasi dengan gaya anda.

TIP 04 · PENGGUNAAN KUOTA

Makin kerap guna, makin jimat

Apabila skill sudah "masak" dengan gaya kerja anda, video 5 minit boleh dihasilkan dengan penggunaan kurang daripada 1% kuota mingguan pelan Pro di ChatGPT.

Skill versi kami dalam buku ini percuma untuk anda guna dan kongsi.

Muat turun di bahagian SKILL.md Kami, pasang di Gemini — dan mula berkarya.

Tandakan Bila Siap

Checklist Aksi

Kerja mengikut turutan dan tekan setiap item apabila selesai. Kemajuan anda tersimpan secara automatik pada peranti ini.

0 / 5 SELESAI

Penutup

Satu prompt. Satu skill. Kartun 6 minit — terhasil daripada kod.

Vector + Kod Frame-by-frame Python + FFmpeg Voice-over sendiri

Sekarang giliran anda mencubanya. Selamat berkarya.

Buku dan skill ini ditulis & diterbitkan oleh ezdigital
Mod Pemilik dibuka