Hana로 인터랙티브 키보드 만들기

레슨 10/15Hana초급9분

안녕하세요! 👋

이 튜토리얼에서는 100% Hana로 만든 인터랙티브 키보드를 만드는 방법을 배웁니다. 그림자를 더해 디자인에 깊이감을 주는 방법과, 키 이벤트를 적용해 실제 키보드로 씬과 상호작용하는 방법을 알아봅니다. 이 디자인은 아주 유연해서 다양한 방식으로 활용할 수 있습니다. 시작해 볼까요!

이 데모를 리믹스하세요: https://app.spline.design/ui/56d99098-8346-4abe-9e0a-674fdd6dcb0c

배울 내용

  1. 0:00인트로
  2. 0:22기본 프레임 추가하기
  3. 0:34키보드 베이스 만들기
  4. 1:14키보드 베이스에 그림자 추가하기
  5. 1:37문자 키와 숫자 키 만들기
  6. 3:31Enter 키 만들기
  7. 3:45숫자와 문자에 드롭 섀도 추가하기
  8. 4:07키 누름 이벤트 추가하기
  9. 6:57화면 인터랙션 만들기
  10. 8:50최종 디자인
  11. 9:04아웃트로

관련 자료