Panduan Lengkap: Aplikasi Pembuat Gambar dan Video Promosi

1. Memahami Teknologi di Balik Layar

Apa itu Gemini?

Gemini adalah model kecerdasan buatan (AI) canggih dari Google. Anggap saja Gemini sebagai "otak" kreatif di balik aplikasi ini. Ketika Anda memberikan perintah atau mengunggah gambar, Gemini-lah yang menganalisis, memahami, dan kemudian menghasilkan teks deskriptif, ide skenario, hingga gambar promosi yang menakjubkan. Kemampuannya untuk memahami konteks dan menghasilkan konten yang relevan adalah inti dari kekuatan aplikasi ini.

Apa itu Canvas?

Canvas adalah ruang kerja interaktif tempat aplikasi ini ditampilkan. Area di sebelah kanan Anda, tempat Anda melihat dan berinteraksi dengan formulir aplikasi, adalah Canvas. Ini adalah lingkungan kolaboratif di mana Anda bisa memasukkan ide, dan AI (melalui saya, Gemini) akan merespons dengan membangun dan memperbarui aplikasi langsung di ruang kerja tersebut.

2. Fungsi dan Kegunaan Aplikasi

Aplikasi Pembuat Gambar dan Video Promosi ini dirancang sebagai asisten sutradara cerdas Anda. Tujuannya adalah untuk menyederhanakan proses kompleks dalam pembuatan konsep promosi, mulai dari ide awal hingga menjadi prompt (perintah) siap pakai untuk AI generator.

• Menerjemahkan Visi: Mengubah ide-ide visual (seperti foto model, produk, dan lokasi) menjadi deskripsi teks yang detail.
• Membangun Skenario: Menciptakan alur cerita dan dialog yang menarik untuk video promosi singkat.
• Menghasilkan Prompt Final: Menggabungkan semua elemen (model, produk, suasana, skenario) menjadi prompt siap pakai yang bisa langsung digunakan pada platform AI generator gambar dan video.
• Menghasilkan Gambar Promosi: Terhubung langsung dengan AI generator gambar untuk menciptakan foto promosi berdasarkan prompt yang telah Anda buat.

3. Tutorial Penggunaan Aplikasi

Langkah 1: Persiapan Dasar Proyek

1. Judul Proyek: Beri nama proyek Anda agar mudah dikenali.
2. Nama Sutradara: Masukkan nama Anda atau sutradara yang bertanggung jawab.
3. Nomor ID Akses: Masukkan ID yang Anda miliki. Jika belum punya, klik tombol "Minta ID Akses" di bagian atas untuk melihat informasi donasi dan cara mendapatkannya.

Langkah 2: Deskripsikan Karakter (Model)

1. Upload Foto: Di Grup Model 1, klik area unggah untuk memilih foto model utama Anda.
2. Isi Detail (Opsional tapi Direkomendasikan): Masukkan detail seperti nama karakter, peran, suku, usia, dll. Semakin lengkap, semakin baik AI memahami konteks.
3. Pilih Atribut Fisik: Klik tombol-tombol pilihan untuk warna kulit, bentuk wajah, mata, hidung, dan gaya rambut.
4. Deskripsi Outfit: Tulis deskripsi pakaian yang Anda inginkan untuk model tersebut.
5. Jadiin Deskripsi!: Tekan tombol ini. AI akan menganalisis foto dan semua masukan Anda untuk membuat deskripsi karakter yang detail.
6. Tambah Grup Model (Opsional): Jika promosi Anda melibatkan lebih dari satu model atau grup, klik "Tambah Grup Model" dan ulangi proses di atas.

Langkah 3: Deskripsikan Produk & Lokasi

1. Jelaskan Produk Anda: Masukkan nama produk atau unggah gambarnya, lalu klik "Detailin Produknya!".
2. Atur Tempat dan Suasana:
   • Setting Tempat: Tulis deskripsi lokasi atau unggah gambar referensi dan biarkan AI mendeskripsikannya untuk Anda.
   • Pilih Opsi Suasana: Klik tombol-tombol pilihan untuk Suasana, Teknik Kamera, Efek Angin, Pencahayaan, dan lainnya untuk membangun mood yang diinginkan.
   • Jadikan Deskripsi Suasana: Setelah memilih opsi, klik tombol ini agar AI merangkumnya menjadi deskripsi atmosfer yang kohesif.

Langkah 4: Rancang dan Hasilkan Foto Promosi

1. Pilih Jenis & Rasio Foto: Tentukan jenis foto (misalnya, Lifestyle atau Product Shot) dan rasio yang sesuai (misalnya, 9:16 untuk Story).
2. Skenario Gaya: Tulis arahan singkat untuk gaya foto yang Anda inginkan (misalnya, "model tertawa candid sambil melihat ke arah kamera").
3. Buat Prompt Foto!: Klik tombol ini. Aplikasi akan menggabungkan semua informasi dari Langkah 1-4 menjadi satu prompt foto yang siap pakai.
4. Salin Prompt (Opsional): Anda bisa menyalin prompt ini untuk digunakan di platform lain.
5. Hasilkan Foto!: Buka bagian "Hasilkan Foto Promosi Kamu!", lalu klik tombol "Hasilkan Foto!". Setelah melalui popup donasi dan kata sandi, AI akan mulai membuat gambar berdasarkan prompt Anda.

Langkah 5: Rancang Skenario Video

1. Pilih Jenis Video: Tentukan jenis video promosi yang ingin Anda buat (misalnya, Testimoni atau Unboxing).
2. Tujuan Video (Opsional): Jelaskan secara singkat tujuan akhir dari video Anda.
3. Buat Dialog: Klik tombol "Buat..." pada setiap bagian skenario (Pembuka, Penjelasan, CTA) untuk menghasilkan dialog secara otomatis. Anda bisa mengedit hasilnya jika perlu.

Langkah 6: Dapatkan Prompt Video Final

1. Tampilkan Prompt: Klik tombol "Ya, Tampilkan Prompt".
2. Lihat & Salin: Prompt 1 akan langsung terlihat. Anda bisa langsung menyalinnya. Untuk melihat Prompt 2, 3, dan 4, klik area yang samar, tutup popup donasi, lalu masukkan kata sandi "bismillah".

Langkah 7: Generate Video

1. Generate Video!: Buka bagian "Generate Video" dan klik tombolnya.
2. Hubungi Admin: Ikuti petunjuk yang muncul untuk melanjutkan proses pembuatan video dengan admin.

4. Tutorial Cara Membuat Aplikasi Serupa dengan Cepat

Aplikasi ini mungkin terlihat kompleks, tetapi sebenarnya dibangun menggunakan teknologi web standar yang bisa Anda pelajari. Berikut adalah kerangka dasarnya:

1. Struktur (HTML): Seluruh tampilan, formulir, tombol, dan area teks dibuat menggunakan HTML. Ini adalah fondasi yang menyusun semua elemen visual.
2. Tampilan (Tailwind CSS): Untuk membuat tampilan terlihat modern dan responsif dengan cepat, aplikasi ini menggunakan Tailwind CSS. Ini adalah framework CSS yang memungkinkan Anda mendesain langsung di dalam file HTML tanpa menulis file CSS terpisah. Gradasi warna, efek kartu kaca (glass card), dan tata letak semuanya diatur dengan Tailwind.
3. Logika (JavaScript): "Otak" dari sisi pengguna ada di JavaScript. Semua interaksi—seperti saat Anda mengklik tombol, mengunggah gambar, atau menampilkan popup—dikendalikan oleh JavaScript.
4. Kecerdasan Buatan (Gemini API): Bagian paling canggih adalah integrasi dengan Gemini API. Ketika Anda menekan tombol seperti "Jadiin Deskripsi!" atau "Buat Prompt Foto!", JavaScript akan mengirimkan semua informasi yang Anda masukkan ke server Google. Gemini kemudian memproses informasi tersebut dan mengirimkan kembali hasilnya dalam bentuk teks, yang kemudian ditampilkan di layar Anda. Proses yang sama berlaku untuk pembuatan gambar, di mana prompt dikirim ke Imagen 3 API (model generator gambar dari Google).