Pengantar Animasi dengan Hype Record
Hype memiliki fitur yang sangat bagus untuk animator awal, yang disebut fitur Rekam. Untuk menggunakan fitur ini, cukup klik tombol Rekam merah besar. Itulah yang akan kami lakukan dalam tutorial ini.

Seperti yang telah kita pelajari, untuk membuat animasi, kita hanya perlu bingkai start dan stop. Misalnya, untuk mengurangi ukuran persegi panjang saat bergerak melintasi layar, kami akan memberitahu Hype di mana frame untuk memulai animasi dan di mana frame untuk berhenti. Karena kami bekerja dengan animasi berbasis timeline, kami dapat berbicara dengan Hype dengan menggunakan keyframe di Timeline. Dan, Anda dapat menebaknya, kami akan menempatkan keyframe ini pada dua frame start dan stop khusus

Ketika Hype melihat keyframe, ia mencatat properti suatu objek, seperti persegi panjang, di layar. Hanya beberapa properti yang Hype akan perhatikan adalah Opacity, Origin Left, Origin Right, Size Height dan Size Width. Properti ini sesuai dengan properti gaya CSS dalam dokumen HTML5. Hype menyimpan nilai properti ini bersama dengan posisi atau frame yang sesuai pada timeline.

Langkah pertama kami dalam membuat animasi sampel ini adalah memberi tahu Hype ukuran apa untuk membuat persegi panjang dan di mana harus meletakkannya di layar di awal dan akhir animasi. Kita dapat melakukan semua ini dengan tombol Rekam.

  1. Klik File - Baru untuk memulai dokumen baru di Hype, menggunakan pengaturan default.

    Mari kita tambahkan persegi panjang ke layar.

  2. Klik ikon Elemen di Bilah Alat dan pilih Persegi Panjang. Hype akan menempatkan persegi panjang baru di tengah layar.

    Mari kita tempatkan persegi panjang di tempat yang kita inginkan sebagai awal dari animasi. Kami akan mempertahankan ukuran default, jadi yang perlu kita lakukan adalah memindahkan persegi panjang.

  3. Seret persegi panjang ke tepi kiri layar.

  4. Lihatlah Inspektur Metrik. Kotak sekarang 7 piksel dari tepi kiri dan 149 piksel dari tepi atas. Juga, itu adalah 102 x 102 piksel.

Sekarang, kami ingin persegi panjang bergerak ke tepi kanan dan mengurangi 50%. Kami juga ingin ini terjadi hanya dalam 30 frame. Mari beri tahu Hype informasi ini melalui fitur Rekam di tutorial selanjutnya.

Terus


Petunjuk Video: LIVESTREAM ANNIVERSARY 1 TAHUN CHANNEL YOUTUBE CLARRA (Maret 2024).