banner 728x90

Tutorial Membuat Animasi Karakter dengan Adobe Animate

banner 728x90

Tutorial Membuat Animasi Karakter dengan Adobe AnimateScreenshot (148)

Apa itu Edge Animate ?

Aku rasa begitulah pertanyaan yang ada didalam benak sebagian orang yang mungkin asing dengan aplikasi powerfull baru yakni Edge Animate. Mengapa Edge Animate begitu percaya diri sampai mampu mengalahkan Adobe Flash? Atau ini hanya anggapan beberapa orang web developer saja yang sudah menggunakannya?

Tapi kurang lebih Edge Animate betul-betul membantu para web designer.

Mungkin Anda penasaran? Edge animate adalah sebuah aplikasi yang terhitung masih belia, masih baru sekali dirilis oleh perusahaan Adobe. Sebuah tools yang memudahkan pembuatan animasi layaknya software flash, yang hanya menggunakan mouse.

Adobe Animate sendiri adalah sebuah tool aplikasi baru yang fokus di web motion dan interaction design, bisa menjadikan seorang designer itu dengan mudah membuat animasi konten ke dalam website, dan hasilnya itu bukan flash, tapi sudah kedalam bentuk HTML 5, JavaScript, dan CSS3. Luar biasa. Pastinya jauh lebih ringan, dan SEO Friendly tentunya. Dan ini ialah solusi atas permasalahan crash di berbagai product dari apple, mirip mac gara-gara konten flash.

Dengan edge animate, membuat konten animasi itu sangat mudah sekali, interaksi jadi lebih tinggi, begitu juga halnya membuat game berbasis html5 pun jauh lebih mudah. Jadi kurang lebih Anda membuat animasi layaknya animasi flash, tapi menggunakan HTML5, JavaScript dan CSS3. Sehingga jauh lebih ringan, dan pastinya cross platform.

Kurang lebih begitulah perihal Adobe Animate. Sekarang kalian juga harus mengetahui tool yang ada pada Adobe Animate yang kurang lebih sama mirip Adobe Flash.

Tool Adobe Animate

Toolbox ialah peralatan kerja yang digunakan dalam membuat animasi atau media pembelajaran di adobe flash Setiap toolbox mempunyai fungsi tersendiri untuk keperluan desain. adapun rinciannya sebagai berikut :
1.downloadArrow tool atau disebut juga selection tool berfungsi untuk memilih atau menyeleksi suatu objek.
2.download (1)Subselection toll berfungsi untuk menyeleksi bagian objek lebih detail dari pada selection tool.
3.download (2)Free transform tool berfungsi untuk mentransformasikan objek terseleksi
4.download (3)Gradien Transform tool berfungsi untuk mentransformasikan warna dari fill objek yang terseleksi.
5.download (4)Lasso tool digunakan untuk melakukan seleksi dengan menggambar sebuah garis seleksi.
6.download (5)Pen tool digunakan untuk menggambar garis dengan bantuan titik-titik bantu mirip dalam pembuatan garis, kurva atau gambar.
7. A Text tool digunakan untuk membuat objek teks
8.download (8)line tool digunakan untuk menggambar garis

9.download (6)rectangular tool digunakan untuk menggambar bentuk persegi

10.download (7)pencil ttol digunakan untuk membuat garis

11.download (9)brush tool digunakan untuk menggambar garis-garis dan bentuk bebas

12.download (10)digunakan untuk mengubah warna garis, lebar garis dan style garis

13.download (11)paint bucket tool digunakan untuk mengisi area-area kosong

14.download (12)eyedropper tool digunakan untuk mengambil sampel warna dari gambar atau objek

15.download (13)eraser tool digunakan untuk menghapus objek

16.download (14)handtool digunakan untuk menggeser tampilan stage tanpa mengubah pembesaran

17.download (15)zoom tool digunakan untuk memperbesar atau memperkecil tampilan stage

18.download (16)stroke color digunakan untuk memilih atau memberi warna pada suatu garis

19.download (17)fill color digunakan untuk memilih atau memberi warna pada suatu objek

Tutorial Membuat Animasi Karakter Sederhana

Sebelum membuatnya kalian harus menyiapkan karakter yang akan kita animasikan, setelah itu kita siap untuk menganimasikannya.

  1. Buat new document dengan ketentuan mirip dibawah ini.Screenshot (149)
  2. Masukan gambar sketsa karakternya, kemudian convert kan menjadi graphic. Buat new layer dan buat sketsa ulang tapi hanya sederhana saja pada layer baru tersebut.Screenshot (150)
  3. Hapus satu persatu bagian line sketsanya, lakukan per frame by frame. kemudian seleksi semua framenya kemudian klik kanan – Reverse FramesScreenshot (151) lakukan hal yang sama pada sketsa yang lebih detail.
  4. Buat teks sesuai dengan cita-cita kalian, kemudian klik kanan – break apart. setelah itu convert kan ke graphic. Seleksi teks dan karakternya kemudian convert kan menjadi movie clip. Karena kita akan bekerja pada scane movie clipnya.Screenshot (152)
  5. Sekarang kita animasikan bagian teksnya. Masuklah kedalam scane teks kemudian pisah teks hello dan im avia menjadi layer yang berbeda. kemudian kita animasikan teks hello terlebih dahulu. Caranya sama mirip membuat animasi sketsa karakternya kalian tinggal menghapusnya saja dan menjadikannya perframe by frame. Screenshot (153)
  6. kalian mampu menambakan bacground dan untuk lebih lanjut mengetahui tutorial ini lihat pada video berikut ini.

link video :

banner 728x90
Taufan Rizki Hutapea
saya adalah seorang website develover di sebuah perusahaan yang bekerja separuh waktu

Related Post "Tutorial Membuat Animasi Karakter dengan Adobe Animate"

GrafiTalk Software Pendatang Baru Yang Canggih
Logo Software GrafiTalk GrafiTalk adalah media umum
Belajar Microsoft Excel Mudah Dan Cepat
Belajar Microsoft Excel Mudah dan Cepat adalah
Cara Mempercepat Kinerja Komputer Windows Tanpa Aplikasi
Cara Mempercepat Kinerja Komputer Tanpa Aplikasi dengan
Review New Album of AKMU (Akdong Musician) – WINTER 03012017
First Impression: Ini akan cocok jadi sahabat
banner 728x90

Leave a reply "Tutorial Membuat Animasi Karakter dengan Adobe Animate"