Suunnittelijat saavat ilmaisia SVG-taustakuvioita Hero-kuvioista
Kaikki nykyaikaiset selaimet tukea SVG: tä ja se on kaikkein joustavin kuvamuoto voit käyttää. Mutta mukautettujen SVG: iden suunnitteleminen tyhjästä ei ole helppo tehtävä.
Siksi työkalu on Hero-kuviot voi olla niin arvokas suunnittelijoille. Se on ilmainen kirjasto toistettavat SVG-mallit että sinä voit muokata eri tyylit, värit ja opasiteetit.
Hero-kuviot ovat hyvin yli 40 + eri malleja valita ja he kaikki luetellaan suoraan kotisivulla. Kun selaat alas, näet live-demot jokaiselle ja voit napsauttaa mitä tahansa niistä nähdäksesi, miten he näyttävät.
Sivun yläreunassa on kiinteä palkki, jossa on asetukset vaihda etualan ja taustavärit. Taustaväri koskee tasainen pinta ja etualan väri koskee kuvioita SVG-laitteissa.
Kiitos luonnollinen sekoitustyyli, se on vaikea keksiä huono väri combo (vaikka varmasti vielä mahdollista). Kuviot vaihtelevat tammi että yksityiskohtaisia toistuvia kuvakkeita kuten ankkurit.
Kun löydät haluamasi mallin napsauta tätä lohkoa modaalista ikkunaa varten. Tästä voit säätää etualan / taustavärit, kera etualan opasiteetti kuvakkeille.
Mutta todellinen taika tapahtuu koodinpätkän ruutuun missä voit kopioi CSS upottaa SVG: n puhtaasti koodin kautta. CSS: ssä on a base64 () menetelmä muuntaa merkkijonot SVG-tietoihin. Tämä on melko yleinen ja se toimii myös muiden kuvien, kuten PNG-kuvien, kanssa.
Joten jos et halua paikallisesti tallennettua SVG-tiedostoa, voit yksinkertaisesti kopioi / liitä CSS-koodi suoraan tyylitaulukkoon. Tämä tulee upota toistuva tausta oikeat värit suoraan sivustoosi. Kuinka siistiä!
Tai jos haluat mieluummin muokkaa SVG: tä itse sinä pystyt lataa kopio muokatusta SVG-kuvasta. Näin voit tee kaikki muokkaukset manuaalisesti suunnitteluohjelmissa, kuten Illustratorissa.
Hero-mallit ovat yksi harvoista työkaluista, jotka antavat suunnittelijoille mahdollisuuden hallita täysin SVG: itä suoraan selaimesta. Toistuvat taustat luottivat pelkästään PNG-palveluihin, mutta web-standardit ovat edenneet tarpeeksi pitkälle SVG: t voivat ottaa paikkansa.
jotta aloittaa, käy vain Hero Patterns -sivulla ja selata niiden kuvakirjastoa. Uudet mallit saada lisää usein, varmista, että tarkistat takaisin aina niin usein.
