Progressive blur ve yumuşak gradyanlarla etkileşimli efektler tasarla

Ders 7 / 15HanaBaşlangıç9 dk

Bu eğitimde yumuşak gradyanlar ve progressive blur ile zarif, sofistike tasarımlar oluşturmanın çeşitli stil ve tekniklerini keşfedecek ve bunları Hana’da etkileşimli deneyimlere nasıl dönüştüreceğini göreceğiz.

Önce şekillere gradyan ve bulanıklık efektlerinin nasıl ekleneceğini anlatacak, ardından hover animasyonları, imleci takip eden efektler, döngülü animasyonlar ve katmanlı bulanıklık efektleri gibi etkileşimli öğeler oluşturmaya geçeceğiz. Bunların hepsi web projene gömülmeye hazır, kod gerekmez! 👌

Demo sahneler: https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3

Neler öğreneceksin

  1. 0:00Giriş
  2. 0:15Gradyanlarla sade tasarım
  3. 2:57Layer blur eklemek
  4. 3:41Mouse hover etkileşimi oluşturmak
  5. 5:28Metin üzerinde etkileşimli bir bulanıklık efekti oluşturmak
  6. 6:44Döngülü bir radyal gradyan animasyonu oluşturmak
  7. 7:43İmlecini takip eden bir gradyan ve bulanıklık efekti oluşturmak

İlgili kaynaklar