A
A
  • Angol
  • Magyar
  • 11 perc

Framer shader-effektek kreatív használata a webdesignban inspiráló példákkal

A videó a Framer shaderek lehetőségeit mutatja be, inspiráló példákkal és gyakorlati tippekkel webes látványelemekhez.

Az új Framer shaderek kreatív lehetőségeket nyitnak meg a webdesignerek és fejlesztők számára. A videóban bemutatott példa egy hónapok óta készülő pole training szoftver főoldalának látványos hős szekcióján keresztül vezeti be a nézőt a különböző shader effektek használatába.

A gyakorlatban látható, hogyan épül fel egy új Framer projekt: a fekete háttérre letisztult animált textúrák, majd háttérrétegként mesh effektusok kerülnek, amelyek diszkrét vízjelszerű hatást kölcsönöznek a felületnek. A szerző arra is kitér, miként finomhangolhatók minden egyes shader paraméterei – mint például a sebesség, szín vagy áttetszőség –, hogy illeszkedjenek az adott dizájnhoz.

Ezen felül szó esik arról, hogy milyen lehetőségek rejlenek a különböző gradient shaderek és maszkok kombinálásában a billiárdasztal mintáján, illetve hogyan lehet interaktív effekteket (például hover-re aktiválódó logót) készíteni. A blend módok, maszkolás és animációk próbaszerű bemutatásán keresztül folyamatosan felmerülnek olyan kérdések, mint hogy melyik elrendezés a legjobb, mikor válasszuk az egyes shader típusokat, vagy hogyan tehetjük igazán egyedivé a dizájnunkat.