Versi Android sudah hadir: gratis untuk waktu terbatas, gambar seni piksel bergerak sekarang
Versi Android →
Versi iOS: menggambar di iPad dengan Apple Pencil dan ekspor GIF sekali ketuk
Versi iOS →

Gambar animasi untuk pemula: 5 latihan gerak

Gambar animasi karakter merah muda dengan garis tangan yang bergoyang

Pelajari cara membuat gambar animasi melalui lima latihan dasar: tekan-regang, antisipasi, waktu, lintasan lengkung, gerak lanjutan, dan loop GIF.

Gambar animasi pertama tidak memerlukan karakter lengkap atau puluhan frame rapi. Satu bentuk dan satu aksi sudah cukup untuk mempelajari berat, ritme, dan arah. WigglyPaint membuat setiap garis bergoyang otomatis; tambahkan frame jika urutan geraknya perlu lebih panjang, lalu ekspor sebagai animasi GIF.

Rencanakan gambar animasi yang kecil

Untuk gambar animasi, pilih satu objek—bola, bunga, bintang, atau wajah—serta satu aksi seperti memantul atau berkedip. Batasi warna menjadi tiga dan tentukan awal serta akhir loop. Cara membuat animasi yang jelas dimulai dari aksi, bukan dari banyaknya fitur.

1. Tekan dan regang

Buat bola melebar saat menyentuh lantai dan memanjang saat naik, tetapi jaga volumenya. Dalam gambar animasi, siluet yang tegas lebih berguna daripada detail kecil. Latihan ini termasuk 12 prinsip animasi dan menjadi dasar animasi 2D maupun animasi frame by frame.

2. Antisipasi

Karakter merunduk sebelum meloncat dan tangan ditarik sebelum melambai. Buat gambar animasi dengan pose persiapan kecil dan aksi utama yang lebih besar. Tanpa teks pun penonton harus tahu apa yang akan terjadi.

3. Waktu dan jarak antarposisi

Posisi yang berdekatan terasa lambat, sedangkan jarak besar terasa cepat. Tempatkan tiga titik pada satu jalur: dua dekat, satu jauh. Putar gambar animasi berulang kali dan perbaiki sambungan akhir ke awal agar tidak tersentak.

4. Gerak melengkung dan gerak lanjutan

Lengan, bola, dan daun biasanya mengikuti lengkung. Rambut, pita, atau ekor masih bergerak setelah tubuh berubah arah. Tambahkan satu elemen yang bergerak menyusul pada gambar animasi; terlalu banyak gerak sekunder membuat gambar kecil sulit dibaca.

5. Gerak sekunder dan putaran

Saat tanaman bergoyang, satu daun dapat menyusul sedikit terlambat. Susun netral—aksi—reda—netral agar gambar animasi kembali ke pose awal. Pola ini cocok untuk gambar animasi lucu dan gambar animasi mudah yang dipakai sebagai stiker.

Pemeriksaan sebelum ekspor

Pastikan aksi bisa disebut dengan satu kata kerja, siluet terbaca saat diperkecil, dan frame terakhir tersambung ke pertama. Gambar animasi boleh tampak kasar, tetapi arah geraknya harus tegas.

Jika ingin tahu cara bikin animasi atau cara membuat gambar bergerak, ulangi tiga proyek sepuluh menit: bola memantul, wajah berkedip, dan tanaman bergoyang. Setiap latihan gambar animasi berfokus pada satu masalah yang bisa dinilai.

Buka WigglyPaint untuk membuat gambar animasi langsung di browser. Gambar satu bentuk, biarkan kuas bergerak menambahkan kesan goresan tangan, tambah frame bila perlu, lalu ekspor loop-nya.

Kesalahan umum dan urutan latihan

Jangan menggerakkan semua bagian sekaligus. Jika kepala, tangan, mata, dan latar sama kuat, fokus hilang. Hindari pula mengubah ukuran tanpa menjaga volume atau menambah frame yang tidak mengubah aksi. Gunakan tiga tahap: sketsa dua menit, sepuluh menit membuat gambar animasi, lalu cek satu menit pada ukuran stiker.

Apakah harus jago menggambar?

Tidak. Lingkaran dan garis cukup untuk belajar. Yang dinilai adalah perbedaan pose, bukan keindahan satu frame. Gambar animasi yang jelas lebih berguna daripada ilustrasi rapi tetapi kaku.

Berapa frame yang diperlukan?

Mulai sesedikit mungkin. Kuas WigglyPaint sudah bergerak; tambahkan frame hanya untuk perubahan pose. Dengan begitu latihan tidak berubah menjadi produksi animasi 2D yang terlalu besar.

Bagaimana menilai hasilnya?

Tonton tanpa suara dan teks. Bila aksinya terbaca dan loop tidak tersentak, latihan berhasil. Simpan versi awal untuk membandingkan perkembangan hasil gambar animasi dari waktu ke waktu.

Buat gambar animasi pertama

Pilih satu bentuk dan satu gerakan; WigglyPaint menangani goyangannya.

Mulai Menggambar Gratis