TUTORIAL · SESI 11

Membuat Ilustrasi Karakter Flat Design

Karakter flat design terlihat sederhana, tapi butuh perencanaan bentuk dan proporsi yang matang. Gabungkan seluruh skill dari sesi-sesi sebelumnya untuk membangun karakter maskot pertamamu.

AApa itu Flat Design?

Flat Design adalah gaya ilustrasi dua dimensi yang menghindari efek yang meniru dunia nyata — tanpa gradasi rumit, tanpa bayangan realistis, dan tanpa tekstur berlebihan. Kekuatannya justru dari kesederhanaan: bentuk geometris, warna solid, dan garis yang bersih.

Gaya Realistis

Gradasi kompleks, bayangan, dan highlight meniru pencahayaan nyata.

Flat Design

Satu warna solid, tanpa gradasi maupun bayangan. Bersih dan cepat dikenali.

Gaya ini populer untuk ikon aplikasi, ilustrasi web, maskot media sosial, dan stiker — cocok dengan pembahasan kita di Sesi 5–10 sebelumnya.

BMembedah Karakter Menjadi Bentuk Dasar

Karakter flat design serumit apa pun, kalau diamati lagi, selalu tersusun dari kombinasi bentuk dasar yang sudah dipelajari sejak Sesi 1.

Kepala: Ellipse Tool Badan: Rectangle + Round Corners Tangan: Rectangle tipis Kaki: Rectangle pendek

Karakter sederhana ini hanya tersusun dari Ellipse dan Rectangle dengan Round Corners — semua sudah dikuasai sejak Sesi 1.

CProporsi Karakter

Proporsi menentukan kesan karakter: realistis atau imut (chibi). Untuk maskot flat design yang ramah dan mudah disukai, gaya chibi dengan kepala besar adalah pilihan paling umum dan paling mudah dikerjakan pemula.

Proporsi Realistis

Tinggi tubuh sekitar 7–8 kali tinggi kepala. Terlihat natural, tapi lebih sulit dijaga proporsinya untuk pemula.

Proporsi Chibi (Direkomendasikan)

Tinggi tubuh sekitar 1,5–2 kali tinggi kepala. Kepala besar membuat karakter terlihat imut dan ramah — gaya paling populer untuk maskot dan stiker.

DMembangun Karakter di Illustrator

Langkah Konstruksi

  1. Sketsa kasar karakter di atas kertas terlebih dulu, tentukan proporsi chibi seperti pada Bagian C.
  2. Gambar bentuk Ellipse besar sebagai kepala menggunakan Ellipse Tool (Sesi 1).
  3. Gambar Rectangle dengan Round Corners sebagai badan, tangan, dan kaki (Sesi 1 dan Sesi 9).
  4. Gunakan Pathfinder untuk menyatukan atau memotong bentuk yang perlu digabung, misalnya menyambungkan tangan dengan badan (Sesi 2).
  5. Tambahkan wajah sederhana: dua Ellipse kecil sebagai mata, dan satu kurva pendek dengan Pen Tool sebagai mulut (Sesi 3).
  6. Kelompokkan tiap bagian tubuh (kepala, badan, tangan, kaki) sebagai Group terpisah, agar mudah diposisikan ulang (Sesi 4).

EMenerapkan Warna yang Konsisten

Palet Terbatas

  1. Tentukan satu warna kulit/badan utama dan 2–3 warna pendukung (pakaian, aksesori) menggunakan Color Guide (Sesi 5) — batasi maksimal 4 warna agar karakter tidak terlihat ramai.
  2. Untuk kesan sedikit bervolume tanpa keluar dari gaya flat, tambahkan satu bentuk tambahan dengan warna sedikit lebih gelap di bagian bawah objek (bukan gradasi), meniru bayangan sederhana — gaya ini disebut Flat Design 2.0.
  3. Terapkan Graphic Style yang sama (Sesi 9) ke seluruh bentuk badan agar konsisten, misalnya Stroke tipis gelap di semua elemen.

FLatihan: Maskot Sederhana

Proyek Karakter Pertama

  1. Rancang satu karakter maskot dengan proporsi chibi, mengikuti Bagian B hingga E.
  2. Berikan satu ciri khas yang membuatnya mudah dikenali, misalnya warna rambut, aksesori kepala, atau ekspresi wajah tertentu.
  3. Uji karakter tersebut dalam ukuran kecil (seperti pada Uji Skala di Sesi 9) untuk memastikan bentuknya tetap terbaca.
  4. Simpan file dengan nama: NamaSiswa_Sesi11_KarakterFlatDesign, format .ai.

GTips & Trik

Tombol / PanelFungsi
Shift + XMenukar Fill dan Stroke saat menyusun bagian tubuh secara cepat.
Object > Arrange > Bring to Front/Send to BackMengatur tumpukan bagian tubuh, misalnya rambut di depan kepala.
Symbol Panel (Shift + Ctrl/Cmd + F11)Menyimpan karakter sebagai Symbol agar mudah dipakai berulang di berbagai ukuran tanpa memperbesar file.

Saran Praktik

Kalau kesulitan menentukan pose, mulai dari pose berdiri tegak menghadap depan terlebih dulu. Pose menyamping atau dinamis butuh pemahaman proporsi lebih matang dan lebih cocok dicoba setelah karakter dasar ini dikuasai.

Video: Ilustrasi Karakter Flat Design di Adobe Illustrator

Halaman sedang disiapkan