Up and Running with Hype lynda.com

• Mungkin 21, 2024

Dalam kursus latihan video ini, lynda.com berhak Up and Running with Hype, jurulatih Jake Stroh, merangkumi asas-asas Hype. Apabila anda telah menamatkan kursus 1 jam dan 37 minit ini, anda akan mempunyai asas untuk mewujudkan animasi mudah dalam Hype.

Stroh bermula dengan lawatan pantas antara muka pengguna Hype, dari Toolbar ke Timeline. Dia kemudiannya menunjukkan bagaimana untuk membuat animasi pertama anda, iaitu memindahkan segi empat tepat ke skrin dengan pudar berkuat kuasa, menggunakan ciri Rekod. Dia membimbing anda melalui proses menetapkan kedudukan dan nilai opacity properties untuk permulaan dan mengakhiri kerangka kunci.

Membina contoh mudah itu, Stroh seterusnya membincangkan jenis imej yang boleh dinyanyikan dalam Hype dan bagaimana untuk mengimportnya melalui menu Elemen. Imej sampel yang diimport adalah kapal terbang dan dia menunjukkan bagaimana cara membuat jalur animasi untuk kapal terbang terbang melintasi skrin dan cara menukarnya ke laluan gerakan. Beliau menyelesaikan contoh kedua dengan menambahkan teks ke tempat kejadian, menggayakan teks dan pengfrag utama yang pudar berkuat kuasa.

Di bahagian seterusnya, Stroh memulakan perbincangan mendalam mengenai bagaimana animasi html5 dan CSS3 dibuat oleh animator menggunakan Garis Masa, Kunci Frasa dan ciri Rekod. Ia merangkumi beberapa contoh penggunaan kerangka utama kepada sifat unsur. Beliau juga membincangkan cara menggunakan beberapa kawalan pada Garis Masa untuk membuat pelarasan halus pada animasi anda.

Topik seterusnya adalah pelonggaran dan cara menggunakan enam jenis pelonggaran untuk menambah fizik dunia sebenar ke animasi anda. Contoh yang dibahasnya ialah bagaimana untuk mencapai animasi bola yang melantun dengan menggabungkan beberapa kesan pelonggaran. Dalam beberapa contoh yang akan datang, Stroh menunjukkan cara membuat animasi transformasi dan bagaimana menggunakan alat Capo untuk memperbaiki animasi urutan unsur pada Timeline. Beliau juga membincangkan bagaimana untuk menggunakan semula animasi dalam adegan yang sama dan bagaimana untuk bekerja di sekitar had yang Hype tidak mempunyai alat anchor point untuk animasi putaran. Akhirnya, beliau membincangkan penggunaan penapis, pemangkasan dan penapis CSS dalam animasi anda.

Bahagian seterusnya memperkenalkan interaktiviti. Stroh bermula dengan perbincangan tentang jenis butang terbina dalam dan bagaimana untuk menambah tindakan ke peringkat mereka. Seterusnya dia merangkumi cara untuk menambah tindakan kepada imej untuk berfungsi sebagai butang pada skrin. Dia cepat bergerak untuk mengawal animasi dengan pelbagai garis masa dan bagaimana untuk menambah butang pada garis masa utama untuk mengawal tempoh masa tambahan. Dia juga menunjukkan cara membuat garis masa gelung.

Untuk membuat animasi yang lebih kompleks, Stroh membincangkan cara untuk bekerja dengan garis masa relatif dan chaining tindakan. Dalam beberapa contoh berikut, dia menunjukkan cara untuk berfungsi dengan fail audio dan mengawal main balik dengan tindakan butang. Dia juga menunjukkan perbezaan antara menggunakan beberapa garis masa dan hanya garis masa utama untuk mengawal tayangan slaid galeri imej interaktif.

Seterusnya contoh projek adalah galeri produk. Stroh membincangkan kebaikan dan keburukan dua pilihan, beberapa garis masa atau adegan, untuk membina ini dalam Hype.

Sekarang anda sudah bersedia untuk meletakkan projek anda di web. Stroh menunjukkan bagaimana untuk mengeksport dan membenamkan projek Hype anda dan pelbagai pilihan untuk laman sesawang mandiri atau menambah projek ke dalam laman web yang sedia ada.

Ini bukan kursus pembelajaran mendalam untuk Hype. Walau bagaimanapun, kursus ini akan memberi anda idea tentang jenis animasi yang boleh dibuat menggunakan perisian Hype. Jika anda sudah biasa dengan klip filem di Adobe^R Kilat^R, anda akan menghargai perbincangan Stroh mengenai tempoh masa yang bersarang, tempoh masa relatif dan chaining tindakan.

//www.lynda.com/Hype-tutorials/Up-Running-Hype/135360-2.html

Pendedahan: Saya tidak diberi pampasan kewangan untuk artikel ini. Pendapat saya sendiri berdasarkan pengalaman saya.

Arahan Video: Hype tutorial: Working with relative timelines | lynda.com (Mungkin 2024).