Spline
Hubungi tim penjualanMulai berkarya

Membuat Keyboard Interaktif dengan Hana

HanaPemula9 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

Tutorial terkait

Semua tutorial
Cara Membuat Bola 3D Reaktif dengan Gerakan dan Interaksi

Spline 3DMenengah7 mnt

Membuat Desain Interaktif yang Bereaksi terhadap Mouse dengan Hana

HanaPemula6 mnt

Cara Membuat Visualisasi Data 3D di Spline dengan Variabel dan API Real-Time

Spline 3DLanjutan15 mnt