Birthday Sale! Up to 40% off unlimited courses & creative assets Birthday Sale! Save up to 40%!
Advertisement
  1. Web Design
  2. Scroll Events
Webdesign

3 Kursus untuk Membantu Anda Menguasai Scrolling Animasi

by
Length:ShortLanguages:

Indonesian (Bahasa Indonesia) translation by Muhlis Tirowali (you can also view the original English article)

Scrolling animasi bisa menjadi cara yang baik untuk membuat pengguna Anda lebih tertarik dan untuk membuat website Anda lebih interaktif. Idenya adalah bahwa, seperti mengunakan scrolls melalui situs, animasi yang berbeda dapat digerakkan. Animasi dapat dipakai diberbagai bentuk dan dapat digunakan untuk berbagai tujuan: untuk menarik perhatian terhadap unsur-unsur tertentu, untuk menceritakan kisah dalam cara yang menarik, dan seterusnya.

Tapi bagaimana Anda membuat efek ini? Pada artikel ini, Anda akan menemukan tiga kursus komprehensif yang akan membantu Anda memahami scrolling animasi dan dapat menggunakannya dalam proyek-proyek desain web Anda.

1. Scroll Event yang Mudah Dibuat

Banyak web designer pemula menghindari slick effects seperti parallax scrolling hanya karena mereka takut JavaScript. Dalam kursus ini, Anda akan belajar bagaimana menggunakan tiga alat powerfull, kerangka kerja JavaScript sederhanau ntuk membuat efek scroll effects mencolok di mata tanpa harus banyak mengetik sendiri JavaScript sama sekali.

2. Memulai dengan ScrollMagic

Proliferasi dari perpustakaan terdepan JavaScript telah membuat banyak tugas yang sederhana untuk web designer dan pengembang. Dalam kursus singkat ini, Anda akan dikenalkan pada salah satu perpustakaan tersebut yang disebut ScrollMagic. Perpustakaan ini menyederhanakan proses dalam membuat scrollbar-driven event dan animasi dalam JavaScript.

3. Mempraktekkan Animasi dengan Platform Animasi GreenSock

Dalam kursus ini, Anda akan bekerja pada tiga proyek yang akan mengajarkan Anda cara membuat program animasi, dalam skenario dunia nyata, menggunakan GreenSock Animasi Platform. Anda akan belajar cara membuat animasi preloader, sebuah animasi logo SVG dan slider konten kustom.

Mulai Belajar dengan Percobaan Gratis

Anda dapat mengambil semuanya dan lebih banyak kursus web desain dengan 10-hari percobaan gratis dari berlangganan bulanan kami. Jadi mulai hari ini juga, dan kuasai scrolling animasi dan banyak lagi.

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.