Dizajneri Dobiti Slobodan SVG Pozadina Uzorci from Hero Uzorak
Svi moderni web-preglednici podršku za SVG I je najfleksibilniji format slike možeš koristiti. Ali projektiranje prilagođenih SVG-ova od nule nije lak zadatak.
Zbog toga je sličan alat Hero obrasci može biti toliko vrijedna dizajnerima. To je besplatna knjižnica ponovljivi SVG obrasci što možete prilagoditi s različitim stilovima, bojama i neprozirnosti.
Hero Patterns je dobro preko 40 različitih uzoraka da biste odabrali i svi su navedeni na početnoj stranici. Dok se spuštate dolje, vidjet ćete demonstracije uživo za svaku od njih i možete kliknuti bilo koju od njih da biste vidjeli kako izgledaju.
Na vrhu stranice pronaći ćete fiksnu traku s postavkama promijenite boje prednjeg plana i pozadine. Boja pozadine vrijedi za ravna površina i boja prednjeg plana odnosi se na uzoraka u SVG-ovima.
Zahvaljujući prirodni stil miješanja, teško je smisliti lošu kombinaciju boja (iako je još uvijek moguće). Uzorci se kreću od dama do detaljne ikone koje se ponavljaju kao sidra.
Kada pronađete uzorak koji vam se sviđa kliknite taj blok za modalni prozor s više pojedinosti. Odavde možete podesiti boje prednjeg plana / pozadine, zajedno s prozirnost prednjeg plana za ikone.
Ali prava čarolija se događa u okviru isječka koda gdje možeš kopirajte CSS da biste ugradili SVG čisto preko koda. U CSS-u postoji Base64 ()
metoda pretvoriti podatke niza u SVG podatke. Ovo je prilično čest i radi s drugim slikama kao što su PNG-ovi.
Dakle, ako ne želite SVG datoteku pohranjenu lokalno možete jednostavno kopirajte / zalijepite CSS kod pravo u vaš stilski list. Ovo će ugradite ponavljajuću pozadinu s odgovarajućim bojama izravno na web-lokaciju. Kako kul!
Ili, ako želite uredite SVG možeš preuzmite kopiju neobrađene SVG slike. Ovako možete ručno izvršite sva uređivanja u softveru za dizajn kao što je Illustrator.
Hero Patterns je jedan od rijetkih alata koji dopuštaju dizajnerima preuzeti potpunu kontrolu nad SVG-ovima izravno iz preglednika. Ponavljanje pozadina nekada se oslanjalo isključivo na PNG-ove, ali su web-standardi dovoljno napredovali SVG-ovi mogu zauzeti njihovo mjesto.
Do započnite, samo posjetite početnu stranicu Hero Patterns i pregledajte biblioteku uzoraka. Novi obrasci često se dodaju, stoga svakako često provjerite.