Az SVG (Scalable Vector Graphics) vektorgrafikus képformátum egyre népszerűbb a webes felületeken. Ez az XML alapú megoldás a böngészők által megjeleníthető, szabadon – a minőségük megőrzése mellett – méretezhető képeket biztosít a weboldalak számára. Emellett a vektorgrafikai szoftverek többsége is gond nélkül írja-olvassa ezt a formátumot, így kiváló megoldás, ha kompatibilis módon szeretnénk közzétenni vektoros ábrákat. Ugyanígy akár animációs munkák esetében is jó szolgálatot tehet. Korábban írtunk már számtalan cikket az SVG-vel kapcsolatban, így például mutattunk olyan online forrásokat, amelyekről ingyenes SVG ikonok tölthetők le, vagy épp olyat, ahonnan SVG háttérmintákat lehet beszerezni díjmentesen. De szóba került már az is, hogyan konvertálható egy SVG képfájl PNG, JPG vagy épp PDF formátumba. Ma pedig arra mutatunk két remek eszközt, hogyan oldható meg a színátmenetes SVG formák és hullámok készítése pár kattintással, adott esetben akár teljesen ingyen.
Színátmenetes SVG formák és hullámok készítése pár kattintással, ingyen
Az alábbi két ingyenes online eszköz sokat segíthet a weboldalak készítésekor munkánk gyorsításában. Az egyik akkor jöhet jól, ha szükségünk lenne néhány színátmenetes kitöltésű formára SVG formátumban. Ebben az esetben az SVGshapes oldalon érdemes kutakodni.
Itt több mint száz, szabadon használható SVG ábra várja, hogy a kiválasztásuk után szabadon átszínezzük. Ehhez elegendő a felületen a Fill gombra kattintani, s máris kiválaszthatjuk az átmenetet képező színeket. Alapértelmezésben három fokozatban tehetjük ezt meg, de ha duplán kattintunk a színsávra, újabb pontokat iktathatunk be, s finomíthatjuk velük az átmenetet.
Ha mindezzel megvagyunk, nincs más dolgunk, mint a Save gombra kattintani, s ezzel azonnal letöltődik az általunk létrehozott SVG fájl. Ha inkább kódra lenne szükségünk, semmi gond, a Copy gombra kattintva az is egy mozdulattal Vágólapra másolható.
Hasonlóan egyszerű darab az SVGwave oldal is, itt azonban nem formákat, hanem hullámokat generálhatunk, akár egy szín árnyalatival, akár választott színek átmenetével kitöltve azokat. A Waves opcióban szabályozhatjuk a hullámok sűrűségét, a Layers opcióval rétegeket adhatunk hozzá (vagy vehetünk el), míg a Height opcióval a hullámos rész magasságát tudjuk beállítani. Emellett megfordíthatjuk (Flip), illetve animálhatjuk (Animate) is a hullámokat.
Miután végeztünk, az egész kompozíciót lementhetjük PNG képként, illetve ami esetünkben fontosabb, SVG kódként is. Utóbbi esetben akár az animált változatot is tudjuk használni.
Miközben kétségtelen, hogy egyik fenti megoldás sem pótolhatatlan, de ha valakinek épp nincs kéznél megfelelő szoftver az előállításukra, ezeket egyszerűen elérhető bárhol egy modern böngészőben. Így adott esetben rengeteg időt lehet velük megtakarítani.
