A
A

UMA hamarosan bemutatkozik

  • Angol
  • Magyar
  • 15 perc

Folyadékszerű navigációs felület készítése Rive-ban lépésről lépésre

Ebben a videóban megtudhatod, hogyan készíthetsz folyadékszerű, animált menürendszert a Rive alkalmazás segítségével, miközben izgalmas vizuális effektusokat és interakciókat hozol létre.

Az oktatóvideó lépésről lépésre bemutatja, hogyan hozható létre egy látványos, folyadékszerű (liquid) navigációs felület a Rive alkalmazásban. Az anyag a tervezési folyamat elején kitér arra, milyen beállításokkal érdemes kezdeni, és hogyan befolyásolja a háttér vagy az előtér színe a készülő animáció hatását.

Kiemelt hangsúlyt kap a rétegek és blend módok kombinálása: a különböző színű és áttetszőségi beállítású alakzatokon keresztül jön létre a „goo” effekt, amely szabadon testreszabható – például a feathering paraméter módosításával. A látványos átmenetek hátterében pontosan bemutatott technikai lépések rejlenek.

A projekt egy interaktív menüelemmel egészül ki, ahol SVG ikonokat használ a szerző, és beállítja a megfelelő állapotokat (alap, hover, animáció). A felhasznált Rive animációs eszközökön túl érdekességként szó esik Figma-ból másolt ikonokról is, amelyek a jelenet részét képezik. Az oktatóvideó különálló idővonalakat és állapotgépet is készít, amellyel a lebegtetéshez (hover) kapcsolódó effektusokat és animációkat vezérel.