Spline
Hubungi tim penjualanMulai berkarya

Membuat Keyboard Interaktif dengan Hana

Pelajaran 10 dari 15HanaPemula9 mnt

Halo! 👋

Dalam tutorial ini, Anda akan belajar membuat keyboard interaktif yang 100% dibuat di Hana. Kita akan membahas cara menambahkan bayangan untuk memberi kedalaman pada desain dan cara menerapkan key event agar bisa berinteraksi dengan scene memakai keyboard sungguhan. Desain ini sangat fleksibel dan bisa dipakai dengan berbagai cara. Mari kita mulai!

Remix demo ini di sini: https://app.spline.design/ui/56d99098-8346-4abe-9e0a-674fdd6dcb0c

Yang akan Anda pelajari

  1. 0:00Intro
  2. 0:22Menambahkan frame dasar
  3. 0:34Membuat dasar keyboard
  4. 1:14Menambahkan bayangan pada dasar keyboard
  5. 1:37Membuat tombol huruf dan angka
  6. 3:31Membuat tombol Enter
  7. 3:45Menambahkan drop shadow pada angka dan huruf
  8. 4:07Menambahkan event penekanan tombol
  9. 6:57Membangun interaksi layar
  10. 8:50Desain akhir
  11. 9:04Penutup

Sumber terkait