TriVio Id

Tips Seputar Desain Grafis

Tutorial

Membuat Komik Animasi dengan CLIP STUDIO PAINT

Pendahuluan

Selama beberapa tahun membuat komik animasi, webtoon (atau parade strip) telah memaksakan dirinya di web karena memungkinkan pembacaan yang disesuaikan dengan berbagai media digital seperti tablet, smartphone.

Mereka dapat dengan mudah di-host di platform online seperti Tapastic, Line webtoon dan banyak lainnya!

Jika sebagian besar webtoon bersifat statis, Anda dapat meningkatkan imersi dalam cerita dengan menambahkan elemen animasi. Ini bisa membuat perbedaan dengan webtoon yang sudah ada!!! Namun, animasi ini harus digunakan secara wajar agar tidak mengganggu jalannya membaca.

Dalam artikel ini, Anda akan belajar cara membuat komik animasi berkat fungsi animasi dari perangkat lunak!

Mempersiapkan storyboard untuk cerita komik animasi Anda

Pembuatan ruang kerja

Jadi mari kita mulai dengan mendefinisikan ruang kerja baru di perangkat lunak

[File]> [Baru]

Mempersiapkan storyboard untuk cerita komik animasi
image source tips.clip-studio.com

Setiap saat Anda dapat mengubah ketinggian ruang kerja Anda [Sunting]> [Ubah ukuran kanvas]

design Desain papan cerita

Seperti halnya buku komik lainnya, kami memulai dengan mengembangkan papan cerita untuk mempersiapkan rincian cerita kami. (Anda tentu saja harus menulis naskah adegan Anda sebelumnya serta dialognya)

Storyboard memungkinkan untuk menonjolkan elemen kuat dari sebuah adegan dan untuk memastikan kelancaran membaca. Untuk ini, saya menggunakan garis (ditunjukkan dengan warna merah) di mana elemen utama dari setiap kotak akan ditempatkan serta gelembung teks.

Pembuatan alur cerita komik animasi
image source tips.clip-studio.com

Dalam kasus webtoon, ruang vertikal antara kotak dan gelembung akan memungkinkan ritme pembacaan ditentukan. Jangan lupa untuk menggunakannya untuk menciptakan waktu dan dengan demikian memperkuat ketegangan penemuan!

Tentukan zona animasi

Kami juga akan menggunakan storyboard ini untuk mengidentifikasi area gambar untuk menempatkan animasi.

Animasi ini memungkinkan Anda untuk mengekspresikan dua hal:

– Baik penyorotan elemen yang kuat (misalnya karakter),

– Entah memperkuat imersi dalam dekorasi (efek atmosfer misalnya).

Clip story lanjutan | Mirip seperti flip book
image source tips.clip-studio.com

Sekarang, semuanya siap untuk mulai membuat komik strip!

Penggunaan layer dan folder untuk tata letak komik animasi tersebut

Pembuatan file kasus

Pertama, kita akan menyiapkan tata letak kita dengan membuat tiga folder yang sesuai dengan kotak-kotak webtoon kita. Klik ikon [Folder Baru] untuk membuatnya.

Kemudian tempatkan layer baru di masing-masing folder ini dengan mengklik ikon [New Layer].

Pembuatan layer untuk kebutuhan cerita animasi
image source tips.clip-studio.com

Penggunaan storyboard untuk membatasi kotak

Pada halaman, Anda akan menampilkan storyboard Anda secara transparan sehingga berfungsi sebagai referensi untuk pembuatan kotak.

Membuat batasan clip animasi
image source tips.clip-studio.com

Anda kemudian dapat menampilkan aturan [Tampilan]> [Aturan] dan menampilkan penanda untuk menandai batas kotak.

Untuk melakukan ini, seret mouse dari penggaris di sebelah kiri ke area kerja.

Menampilkan batasan klip animasi
image source tips.clip-studio.com

Panduan ini secara otomatis dikaitkan dengan lapisan yang dapat Anda tampilkan atau sembunyikan jika perlu.

Proses lanjutan batasan animasi
image source tips.clip-studio.com

Tambahkan layer kotak ke folder

Sekarang mari kita tentukan garis besar kotak kita menggunakan alat [Area Seleksi Persegi Panjang]. Gunakan tepi panduan untuk menarik garis besar pilihan Anda.

Kemudian pilih folder kotak yang sesuai di palet layer, dan klik alat [Mask].

Menentukan garis besar batasan komik
image source tips.clip-studio.com

Menggambar dan mewarnai

Setelah layer dibuat, Anda dapat menggambar di lapisan folder ini tanpa melampaui tepi kotak! Saatnya untuk mengekspresikan bakat Anda.

Mewarnai dan membuat gambar komik animasi
image source tips.clip-studio.com

Gelembung teks dan dialog

Sekarang tinggal menambahkan gelembung teks.

Perangkat lunak ini memungkinkan Anda untuk membuatnya langsung dari bilah alat, baik menggunakan bentuk yang telah ditentukan sebelumnya, atau dengan menggambarnya secara bebas dengan alat [Bubble pen].

Menambahkan teks dialog
image source tips.clip-studio.com

Atur gelembung-gelembung ini di folder baru dan tempatkan seperti yang dibayangkan di storyboard. Yang harus Anda lakukan adalah melacak ujung gelembung menggunakan alat [Bubble Arrow].

Menambahkan shapes untuk kotak dialog
image source tips.clip-studio.com

Dengan alat [Teks], selesaikan dialog Anda dan tambahkan ke folder untuk mengelompokkan semuanya di tempat yang sama.

Menggabungkan antara kotak dialog dengan teks
image source tips.clip-studio.com

Sejauh ini, semuanya terlihat seperti webtoon klasik,

tetapi sekarang kami akan menghidupkannya!

Membuat komik animasi pertama Anda

Pembuatan Kronologi Baru

Pertama-tama pastikan Anda telah membuka palet [Window]> [Timeline]

Sebagai bagian dari webtoon kami, kami akan membuat komik animasi pendek yang akan diputar dalam satu lingkaran.

Pilih ikon [Buat garis waktu baru], lalu pilih durasi dan kecepatan animasi. Tingkat 12 memungkinkan animasi yang halus sambil mengoptimalkan tampilan di web. Waktu membaca untuk animasi 1 detik juga 12.

Membuat alur cerita baru
image source tips.clip-studio.com

Persiapan file animasi

Kemudian pilih folder sel di palet [Layer] dan klik ikon [Folder animasi baru] di palet garis waktu.

Menyiapkan file animasi
image source tips.clip-studio.com

Dalam folder animasi ini, Anda akan dapat membuat beberapa folder “anim_1″, ​​”anim_2” dan “anim_3” yang masing-masing berisi lapisan di dalamnya.

Beri nama file Anda dengan benar agar tidak hilang karena animasi!

Di palet timeline, posisikan playhead (kursor merah) pada gambar pertama, lalu klik ikon [Specify Cellulos] dan pilih folder pertama yang Anda beri nama “anim_1”

Menggabungkan storyboard yang sudah dibuat
image source tips.clip-studio.com

Cellulo baru ditambahkan ke timeline.

Geser kepala pembacaan merah dengan beberapa gambar dan ulangi operasi untuk menambahkan “anim_02”, “anim_03” lalu lagi “anim_02” untuk membuat loop pembacaan.

Pembuatan gambar animasi

Semuanya ada di tempat sekarang untuk dapat menggambar ilustrasi untuk animasi kita.

Jadi mulailah dengan mengaktifkan [Peel paper] dengan mengklik ikon yang sesuai di palet kronologi. Ini menampilkan gambar yang membingkai gambar saat ini.

Gambarlah langkah-langkah animasi pada setiap layer folder “anim_01”, “anim_02” dan “anim_03”.

pop image

Pada titik ini, Anda dapat mengklik ikon putar untuk memverifikasi bahwa animasi berfungsi dengan benar.

Setelah Anda puas dengan hasilnya, yang harus Anda lakukan adalah melanjutkan ke pewarnaan dengan menambahkan layer baru di folder terkait.

Hasil penggabungan antara yang pertama dan yang ke 2
image source tips.clip-studio.com

Optimalkan file Anda untuk web

Ekspor animasi

Terakhir, kita akan mengekspor animasi dalam format GIF untuk web.

Membuat file agar bisa untuk versi sebuah website
image source tips.clip-studio.com

Pilihan resolusi gambar sangat penting untuk bobot gambar.

Jangan ragu untuk melakukan beberapa tes untuk mendapatkan rasio berat / kualitas gambar terbaik

Pengaturan resolusi gambar animasi
image source tips.clip-studio.com

Anda siap membuat komik animasi seperti webtoon Anda sendiri !!!

Jangan ragu untuk membagikan kreasi Anda di komentar tutorial ini;)

LEAVE A RESPONSE

Your email address will not be published. Required fields are marked *