Designere Få gratis SVG bakgrunnsmønstre fra Hero Patterns
Alle moderne nettlesere støtte SVG og dets det mest fleksible bildformatet du kan bruke. Men designe tilpassede SVGer fra grunnen av Det er ingen lett oppgave.
Det er derfor et verktøy som Heltemønstre kan være så verdifull for designere. Det er et gratis bibliotek av repeterbare SVG-mønstre det kan du tilpasse med forskjellige stilarter, farger og opasiteter.
Heltemønstre har det bra over 40 + forskjellige mønstre å plukke fra og de er alle oppført rett på hjemmesiden. Når du ruller ned, ser du live demoer for hver enkelt og du kan klikke på noen av dem for å se hvordan de ser ut.
Øverst på siden finner du en fast bar med innstillinger til endre forgrunns- og bakgrunnsfarger. Bakgrunnsfargen gjelder for flat overflate og forgrunnsfargen gjelder for mønstre i SVGs.
Takk til naturlig blanding stil, Det er vanskelig å komme opp med en dårlig fargekombinasjon (selv om det fortsatt er mulig). Mønster varierer fra dam til detaljerte repeterende ikoner som ankre.
Når du finner et mønster du bare liker klikk den blokken for et modal vindu med flere detaljer. Herfra kan du justere forgrunns- / bakgrunnsfarger, sammen med forgrunnsopakthet for ikoner.
Men den virkelige magien skjer i kodeboksboksen hvor du kan kopier CSS å legge inn SVG rent gjennom kode. I CSS er det en base64 () metode til konvertere strengdata til SVG-data. Dette er ganske vanlig og det fungerer også med andre bilder som PNGs.
Så hvis du ikke vil at SVG-filen skal lagres lokalt, kan du enkelt Kopier / lim inn CSS-koden rett inn i stilarket ditt. Dette vil legge inn den gjentatte bakgrunnen med riktige farger rett inn på nettstedet ditt. Så kult!
Eller, hvis du vil rediger SVG selv du kan last ned en kopi av det unedited SVG bildet. På denne måten kan du Gjør alle endringer manuelt i design programvare som Illustrator.
Hero Patterns er et av de få verktøyene som lar designere ta full kontroll over SVGs rett fra nettleseren. Gjentakende bakgrunn som brukes til å stole utelukkende på PNGs, men nettstandarder har avansert langt nok det SVGer kan ta sin plass.
Til kom i gang, bare gå til Hero Patterns hjemmeside og bla gjennom mønsterbiblioteket. Nye mønstre få lagt til ofte, så vær sikker på å sjekke tilbake hver så ofte.
