Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. CrazyTalk Animator

Animasi untuk YouTube di CrazyTalk Animator 3

by
Difficulty:IntermediateLength:LongLanguages:
Sponsored Content

This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.

Malay (Melayu) translation by Muhammad Hasan (you can also view the original English article)

What You'll Be Creating

Apabila anda membuat video YouTube, kadangkala rakaman yang tulen tidak menawan cukup. Anda boleh membiasakannya dengan menambah unsur animasi khas. Sebagai contoh, watak animasi dapat membantu anda tanpa nama sementara memberikan seseorang untuk mengenal pasti. Anda juga boleh membentangkan konsep yang tidak dapat direkodkan dalam realiti, atau meletakkan penekanan visual pada beberapa elemen video.

Jika anda ingin mencuba ini, tetapi anda tidak pasti bagaimana, tutorial ini hanya untuk anda! CrazyTalk Animator 3 membolehkan pengguna membuat animasi dengan mudah dan mudah. Anda boleh membuat sesuatu di Photoshop dan kemudian mengimportnya untuk animasi. Kemudian anda boleh menambah gerakan automatik dan manual, menukar ekspresi muka, menambah bunyi, dan sebagainya.

Dalam tutorial ini, saya akan menunjukkan beberapa helah berguna yang boleh anda gunakan untuk video anda: cara membuat animasi "chibi" animasi penyampai, cara menyalin audio, bagaimana bibir menyegerakkan audio, dan bagaimana bagaimana untuk menambah ekspresi wajah dan gerakan kepadanya. Saya juga akan menunjukkan kepada anda bagaimana untuk menambah prop animasi dan kesan bunyi. Saya akan menggunakan video saya sendiri, tetapi anda boleh menggunakannya dengan tujuan yang sama.

Dan sebaik sahaja anda belajar bagaimana membuat animasi YouTube anda, anda boleh menghantarnya ke Peraduan Animasi Di Tempat Kerja!

1. Bagaimana Menyediakan Aset untuk Animasi

Langkah 1

Jika anda ingin mencipta watak untuk animasi anda, mula-mula anda perlu merekabentuknya. Lakarkannya dan pelan warna, kemudian bukanya di Photoshop atau Illustrator dan turunkan Opacitynya.

Sekiranya anda tidak tahu cara bersikap, cuba tutorial ini:

how to draw a chibi

Langkah 2

Buat mata menggunakan bentuk vektor pada lapisan berasingan. Jika anda baru dalam teknik ini, anda boleh mempelajari cara membuat vektor mudah di Photoshop dalam tutorial cepat ini:

Anda juga boleh belajar tentang karakter Illustrator dari tutorial ini:

how to create vector managa eyes

Langkah 3

Buat wajah dan beberapa rambut asas. Anda boleh menambah kecerunan radial di atas, dipotong pada bentuk rambut. Pastikan bahagian depan dan belakang potongan rambut berasingan.

how to create vector manga hair

Langkah 4

Selesaikan badan, membina segalanya dari bentuk mudah dan kemudian membentuk semula mereka.

how to create vector chibi

Langkah 5

Untuk menjadikan watak kita benar-benar seperti manusia, kita perlu memberi beberapa ekspresi wajah. Buat variasi mata untuk:

  • senyum
  • Mata tertutup
  • Mata tertutup rapat
  • Mata mengipis
  • Mata dengan iris istimewa
types of chibi eyes

Langkah 6

Buat pelbagai mulut juga:

  • Mulut terbuka dengan senyuman
  • Kiss
  • Bibir terbuka
  • Menunjukkan gigi
  • Mulut lebar terbuka
types of chibi mouths

Langkah 7

Kerana kita mahu watak kita bercakap, kita perlu membuat pelbagai bentuk mulut, masing-masing direka untuk bunyi yang berbeza:

  • Ah, saya
  • Oh
  • EE
  • U
  • Woo
  • F, V
  • L, N, D, Th
  • C, D, S, K, Z
typs of sounds for chibi mouth

Langkah 8

Anda juga mungkin memerlukan elemen lain yang anda ingin sertakan dalam video anda. Sebagai contoh, anda boleh memaparkan video pada skrin komputer riba palsu. Anda boleh muat turun di Envato dan keluarkan skrin di Photoshop dengan Alat Wand Magic (W).

laptop screen prop mockup

2. Bagaimana Menyediakan Aset untuk Import

Langkah 1

CrazyTalk Animator 3 direka untuk disediakan secara khusus untuk ini. Jika anda mencipta watak anda di tempat lain, salin ke Photoshop sekarang, pastikan unsur-unsur ini berasingan:

how to organize layers for animation
Anda tidak perlu menyeret bahagian anda seperti ini - ia hanya untuk menunjukkan!

Langkah 2

Muat turun pek khas templat, ekstrak, dan pergi ke 01_Templates> Human_Front_Full_Template. Letakkan kedua-dua tetingkap anda bersebelahan, pilih semua lapisan dalam templat, dan seretnya ke tetingkap dengan watak.

drag template layers to chibi

Langkah 3

Ubah saiz (Kawalan-T) kandungan lapisan untuk menyesuaikan saiz templat kepada watak anda.

resize the template

Langkah 4

Untuk membiarkan CTA3, bahagian badan, apa yang perlu anda letakkan, lapisan dalam folder yang sepadan. Keluarkan lapisan dummy dari mereka dan gantikan mereka dengan anda sendiri.

replace the dummy layers with chibi parts

Langkah 5

Letakkan elemen untuk kepala serta dalam folder Head_Image.

place head elements in foldes

Langkah 6

Mata dan mulut mempunyai folder lain di dalam, untuk semua varian yang kami buat sebelumnya. Untuk mulut, letakkan setiap ungkapan dan bunyi secara berasingan:

mouth expersion variants
mouth sounds variants

Langkah 7

Untuk mata, dalam folder Normal, letakkan iris dan putih mata secara berasingan.

eyes normal folder

Letakkan ungkapan lain dalam folder EyeWhite.

other experssions folder

Langkah 8

Akhir sekali, anda perlu membiarkan CTA3 mengetahui apa rangka kerangka anda kelihatan seperti. Dalam folder RL_Bone_Human, anda akan mencari penanda khas untuk setiap bahagian badan. Letakkannya di dalam sendi. Anda boleh menggunakan templat sebagai rujukan.

mark the joints

Langkah 9

Elemen-elemen penanda mereka juga menghadapi juga. Di sini ia tidak benar tentang sendi, tetapi mengenai penempatan. Anda akan menemui penanda ini di RL_TalkingHead> HeadBone.

place markers for the head

3. Bagaimana Mengimport Karakter Dari Photoshop ke CrazyTalk Animator 3

Langkah 1

Buka CrazyTalk Animator 3. Pergi ke Render> Render Video dan tukar Saiz Bingkai kepada apa yang anda mahu video itu. Jangan tekan Eksport - hanya tekan X.

render settings cta3

Langkah 2

Pertama, tarik imej komputer riba anda ke tempat kejadian (pastikan imej itu .png). Pilih Prop.

drag laptop prop to the scene

Langkah 3

Ubah saiz imej untuk mengisi bingkai.

resize the prop to background

Langkah 4

Sekarang, seret video anda (tanpa bunyi) ke tempat kejadian. Ciri-ciri tidak disokong - jika anda mempunyai sebarang masalah, tukar video anda ke .avi. Ubah saiz video untuk mengisi skrin.

import video to crazy talk animator

Langkah 5

Seperti yang dapat anda lihat, video kini berada di hadapan skrin, yang tidak kelihatan sangat meyakinkan. Nasib baik, CTA3 menyokong dimensi ketiga! Hanya seret anak panah kecil di bahagian bawah untuk memindahkan video ke belakang.

how to move prop in 3d

Langkah 6

Ubah saiz video sekali lagi dan pastikan ia tidak dipotong oleh bingkai komputer riba. Anda boleh menyeret penanda pada garis masa untuk melihat video, tetapi pastikan anda sentiasa mengubah saiznya pada bingkai pertama - jika tidak, ia akan direkodkan sebagai perubahan animasi!

how to adjust video to prop

Langkah 7

Mari tambahkan watak sekarang. Klik Buat G3 Percuma Bone Actor.

create free bone actor

Anda akan melihat watak anda bersama-sama dengan tindanan rangka, seperti yang anda bentuknya

character imported

Langkah 8

Anda berada dalam perintah yang salah. Anda boleh membetulkannya dengan pergi ke Pengurus Lapisan ...

layer manager cta3

... dan menyeret lapisan di mana anda mahu mereka berada.

change layer order cta3

Langkah 9

Untuk melihat apakah kerangka anda berfungsi dengan betul, klik Pratonton dan mainkan dengan tulang. Periksa sama ada badan bergerak tanpa isu yang lebih besar apabila anda menggerakkan tulang.

how to preview bones
bones preview

Langkah 10

Anda juga boleh menguji watak anda dengan menggunakan Penentukuran:

calibration character
how to calibrate bones cta3

Langkah 11

Adakah anda menemui apa-apa yang salah, sesuatu yang anda ingin tentukan? Hanya pilih Pelancaran kepada Editor JPA Luar. Watak anda akan dibuka di Photoshop, di mana anda boleh menyesuaikan apa sahaja yang anda mahukan. Hanya Simpan fail apabila anda mahu menyegerakkannya.

adjust character in photoshop

Langkah 12

Semua dilakukan? Kembali ke Mod Peringkat.

back to stage mode

Langkah 13

Ubah saiz dan letakkan watak anda di mana anda mahu. Pastikan untuk melakukannya dalam bingkai pertama!

resize and place character

4. Bagaimana Tambah Lip Sync ke Animasi Anda

Langkah 1

Mari buat bercakap watak kita! Pilih dan klik Buat Skrip.

create script button

Langkah 2

Pilih Fail Gelombang dan pilih audio anda.

pick audio for script

Langkah 3

Jika anda bermain animasi sekarang, anda akan melihat bahawa sudah berfungsi!

Namun, kerana segalanya adalah automatik, ia bukan penyegerakan yang sempurna. Mari selesaikannya! Buka Editor Barisan Masa (F3) dan klik Wajah.

open timeline editor

Langkah 4

Buka Klip Suara untuk melihat kedua-dua trek audio dan ungkapan bibir yang diberikan kepadanya.

voice clip tab

Langkah 5

Jika anda mengklik dua kali bunyi, anda akan melihat senarai semua ungkapan mereka. Anda boleh dengan mudah menukar keadaan semasa ke sesuatu yang lebih baik. Anda juga boleh menyesuaikan keseluruhan trek secara manual, menyalin bunyi, mengeluarkannya, dan meletakkan yang baru. Masa akhir yang baik mengambil sedikit masa, bergantung kepada penyegerakan automatik dan gaya anda.

lip scync manual

5. Bagaimana untuk menambah Animasi Wajah

Langkah 1

Watak kita kelihatan seperti pelik, bercakap tanpa ekspresi wajah. Mari kita ubahnya! Pilih watak dan klik Wayang Wajah.

face puppet button

Langkah 2

Dalam editor ini, anda boleh bermain dengan pelbagai ekspresi wajah yang dibuat secara automatik. Tekan Ruang dan gerakkan kursor anda untuk mengujinya.

preview facial expressions

Langkah 3

Mari kita membuat kepala bergerak kita bercakap, tetapi tanpa melihat-lihat. Hapuskan Pilihan untuk membatalkan pilihan semua elemen muka.

clear selection in facial animation

Langkah 4

Sekarang pilih kedua-dua jenis putaran sahaja.

select two types of rotation

Langkah 5

Tekan Rekod dan kemudian Ruang atau Masukkan untuk merakam gerakan. Gerakkan kepala untuk menegaskan bunyi yang diucapkan. Anda juga boleh menambah Blinks sekali-sekala dengan mengklik butang tetikus kiri.

Langkah 6

Kita boleh menambah satu lagi jenis animasi mudah - ditunjukkan dalam video. Untuk melakukan ini, kembali ke kerangka pertama sekali lagi dan pilih muka umum. Kemudian matikan kedua-dua jenis putaran kepala.

turn off head rotation

Langkah 7

Tekan Rekod dan amati apa yang berlaku kepada video mengikut watak yang sewajarnya.

move characters eyes

6. Bagaimana Menghidupkan Watak dalam Animator CrazyTalk 3

Langkah 1

Baiklah, wajah itu animasi, tetapi seluruh tubuh kelihatan sangat sengit. Kita boleh mengubahnya dengan mudah dengan menambahkan beberapa animasi automatik.

Pergi ke bingkai pertama, dan buka Pengurus Kandungan> Animasi> Pergerakan> 1_G3_Human> Orang Elastik Hadapan> Idle & Talk. Pilih beberapa animasi yang akan kelihatan baik dan tidak mengganggu. Anda boleh menggunakan seberapa banyak daripada yang anda inginkan, dalam sebarang konfigurasi, tetapi anda perlu digunakan bersama-sama.

add simple talking animation
simple pose

Langkah 2

Tetapi ini hanya animasi automatik. Video anda mungkin memerlukan watak untuk bergerak dengan cara yang istimewa, yang mungkin juga! Pilih watak dan klik Gerakan.

how to open motion timeline cts3

Ini akan membuka garis masa untuk semua animasi. Anda mungkin melihat titik kelabu diletakkan di mana animasi automatik bermula. Titik ini (keyframe) berubah dan berpose, dan anda boleh meletakkannya secara manual dengan menekan V. Untuk memastikan anda menukar animasi dengan dua kerangka utama lain yang akan menyimpan pose sebelum dan selepas itu.

how to make separate animation

Langkah 3

Sebagai contoh, mari kita membuat lengan bergerak dalam ucapan. Untuk bergerak secara manual, buka Editor Utama Motion 2D.

open 3d motion key editor

Langkah 4

Seperti yang saya telah menunjukkan kepada anda sebelum ini, mencipta dua kerangka utama, memindahkan penanda masa di antara mereka, dan ada perubahan karakter anda.

change pose in keyframe

Anda boleh salin dan tampal pose untuk menjadikannya bertahan lebih lama. Jika anda mendapati ia mengelirukan, berikut adalah penjelasan yang ringkas:

  1. Ini adalah keadaan yang disimpan dari apa yang berlaku sebelum animasi ini.
  2. Di sinilah beberapa animasi automatik bermula.
  3. Inilah keadaan yang disimpan dalam apa yang berlaku selepas animasi ini.
  4. Ini adalah perubahan yang berubah.
  5. Ini adalah perubahan yang ditiru.

Pertama, watak bergerak dari tangan menimbulkan 1 untuk menimbulkan 4. Kemudian, antara 4 dan 5, tiada perubahan, jadi tidak ada animasi. Kemudian, watak bergerak tangannya daripada pose 5 untuk menimbulkan 3. Kemudian animasi automatik (2) bermula.

how to underatand keyframe animation

Langkah 5

Anda boleh menukar tempo peralihan dengan mengklik kanan pada rangka pergerakan utama kedua dan memilih Curve Transition.

transition curve cta3

Di sini anda boleh menguji pelbagai variasi usul. Bermain dengan mereka untuk melihat apa yang kelihatan paling semula jadi.

transition curve types

Langkah 6

Gunakan kaedah yang sama untuk menambah semua animasi yang anda perlukan.

7. Bagaimana untuk Tambah Props ke Animasi

Langkah 1

Animasi itu dilakukan, tetapi kita masih boleh membiasakannya. Sebagai contoh, kita boleh membuat titik watak terhadap sesuatu, bukannya menunjukkan tangan terbuka. Untuk melakukan ini, pilih watak dan pergi ke Mod Komposer.

go to composer mode

Langkah 2

Lancarkan ke Photoshop.

launch character to photoshop

Langkah 3

Di Photoshop, tambah tangan dengan jari menunjuk ke folder dengan tangan. Letakkan ia di bawah lalai dan simpannya. Simpan fail untuk menyegerakkan watak.

add new hand
Saya menggunakan peluang ini untuk mengubah arah ibu jari, menjadikannya telapak tangan dengan cara yang lebih ramah.

Langkah4

Kembali ke Mod Peringkat dan gerakkan garis masa penanda ke mana anda mahu perubahan itu berlaku. Buka Sprite Editor.

open sprite editor

Langkah 5

Di sini anda mempunyai semua sprite yang disediakan untuk setiap bahagian badan. Hanya pilih jari menunjuk untuk menghidupkan tangan.

how to change sprites cta3

Langkah 6

Setelah anda membuat perubahan ini, sprite akan tetap seperti ini sehingga anda mengubahnya lagi. Hanya gerakkan garis masa penanda untuk menetapkan masa untuk itu.

change sprites back

Langkah 7

Tetapi kita juga boleh melakukan perkara-perkara lain - contohnya, tambah beberapa elemen yang akan membantu penjelasannya. Dalam video saya, watak-watak bercakap mengenai "tepi yang kasar", tetapi mereka tidak dapat dilihat pada jarak ini. Mari tambahkan pembesaran untuk menunjukkannya.

Pergi ke Pengurus Kandungan> Props> Simbol Bonus-Ikonik> Warna> Pembesar dan seret pembesar ke tempat kejadian.

how to find template props
drag prop to scene

Langkah 8

Pergi ke Mod Komposer dan lancarkan pembesar ke Photoshop. Di sini, anda boleh menambah imej tepi yang diperbesarkan, bergerigi yang kami mahu tunjukkan. Gabung dengan pembesar, kemudian simpan fail tersebut.

changed magnifier

Step 9

Kami mahukan pembesar hanya dapat dilihat dalam satu bahagian video, tidak semua masa. Klik Visible ...

open visibility tab

... kemudian pergi ke bingkai pertama, klik kanan dan pilih Visible / Invisible.

change visibility cta3

Kemudian pergi ke tempat di mana ia seharusnya mula kelihatan, dan ulangi. Pindahkan penanda masa yang anda mahu hilang, dan lakukan ini lagi. Garis antara dua titik sepatutnya muncul di mana keterlihatan berlaku.

turn visibility for a time

Langkah 10

Animasi yang boleh digunakan untuk objek seperti ini. Pergi ke gerakan elastik untuk mencari mereka. Dalam 1_Entrance anda akan dapati objek yang hebat untuk diperkenalkan, dan 3_Exit dalam kes ini anda akan menyingkirkannya. Pilih sesuatu untuk pembesar anda, meletakkan animasi dalam tempoh penglihatan yang singkat.

elastic motion oject animations

Step 11

Dalam Props> Basic Icon, anda boleh menggunakan video juga. Seret ke tempat kejadian ...

drag arrow to scene

... dan saiz semula.

resize arrow

Langkah 12

Pergi ke Motion Elastic untuk mengetahui apa yang anda boleh gunakan untuk menjadikan anak panah ini lebih menarik. Buat asal setiap animasi selepas anda mengujinya - kami tidak mahu memohon apa-apa lagi.

animations for arrow

Langkah 13

You can assign the animations to the object by right-clicking it and selecting Action Menu Editor.

action menu editor

Langkah 14

Di sini anda boleh menambah animasi yang anda sukai sebelum ini.

add animation actions
add your animations

Langkah 15

Mari kita simpan anak panah ini dengan animasi yang disertakan sebagai penyokong adat.

save as custom prop

Langkah 16

Anda kini boleh menyeret anak panah ke mana sahaja anda mahu berada ...

drag custom prop

... dan apabila anda mahu menghidupkannya, hanya klik kanan dan pilih tindakan dari menu. Jangan memisahkannya dengan keterlihatan setiap anak panah!

add animated arrow

8. Bagaimana untuk Tambah Kesan Bunyi ke Animasi

Langkah 1

Akhir sekali, mari kita tambahkan semuanya lebih menarik. Dalam lapisan Projek, klik Muzik.

open music tab

Langkah 2

Seret muzik intro anda di sini. Saya menggunakan sebahagian bunyi ini.

drag your intro music

Langkah 3

Untuk menukar kelantangan bunyi, klik ikon nota.

change volume

Langkah 4

Di sini anda boleh menukar jumlah, serta kesan Fade in and Out.

change volume and effects

Langkah 5

Lapisan Muzik ini boleh digunakan sebagai lapisan lain. Anda boleh meletakkan kesan bunyi baru, selagi anda mempunyai ruang. Saya menambah muzik outro pada akhir.

place outro music

Langkah 6

Anda juga boleh menambah kesan bunyi lain. Klik Bunyi FX1 untuk membuka lapisannya.

add sounds fx1

Langkah 7

Letakkan bunyi klik tetikus di sini.

add mouse click sound

Langkah 8

Untuk memotong hanya bunyi penting, anda boleh membahagikan klip. Hanya pilih dan tekan Control-B. Anda boleh memindahkan dan memadamkan bahagian yang anda suka. Salin bunyi dan letakkannya sepanjang garis masa, di mana terdapat klik yang ditunjukkan.

add click sound effect

Langkah 9

Adakah anda memerlukan ruang untuk lebih banyak bunyi? Anda boleh membuka Sound FX2.

open sound fx2 tab

Saya memutuskan untuk meletakkan bunyi di sini dan menyerahkannya ke saat-saat di mana menaip ditunjukkan dalam video.

add typing sound

Kerja baik!

Sekarang anda tahu cara membuat animasi untuk saluran YouTube anda!

Jika anda ingin mengetahui lebih lanjut tentang membuat animasi di CrazyTalk Animator 3, lihat tutorial lain kami:


Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.