Domača » Toolkit » 8 Free Pattern Generatorji za ustvarjanje ponavljajočega se vzorca ozadja

    8 Free Pattern Generatorji za ustvarjanje ponavljajočega se vzorca ozadja

    Vzorci se pogosto uporabljajo v spletnem oblikovanju kot ozadje. V bistvu lahko vzorce definiramo kot grafiko, ki se uporablja v ponovljeni obliki na polju. Če se znajdete v težavah pri ustvarjanju naravnih vzorcev, je to zato, ker je precej zapleteno ustvariti zanko, ki deluje tako vertikalno kot horizontalno, dobro, vsaj to je težko narediti ročno.

    Na srečo jih je veliko orodja, ki jih lahko uporabite za preprosto izdelavo lepega vzorca in smo našteli 8 od teh, ki jih lahko najdete na spletu. Poleg tega so brezplačni za uporabo. Nekateri od teh generatorjev vzorcev vam omogočajo nadzor barv, orientacije, elementov vzorcev in še več, medtem ko bodo drugi naključno ustvarili vzorce za vas. Te vzorce lahko nato prenesete v različne slikovne formate ali v kodo.

    1. Patternify

    Patternify omogoča ustvarjanje vzorcev tako, da jih narišete piksel po slikovni pik in je dobro orodje za ustvarjanje resnično majhnih ikon. S podporo barvnih in preglednih možnosti lahko s tem orodjem naredite nekaj kul grafike. Poleg formata PNG lahko to orodje generira tudi sliko v formatu Base64, tako da jo lahko uporabite v svojem CSS-ju.

    2. Gerstnerizer

    Gerstnerizer vam lahko dajo brezbarvne vzorce, vendar pa jo dopolnijo z vzorci, ki so nastali v vrsticah. Na mestu nastavite debelino linije, motnost in ukrivljenost črte na orodni plošči na levi. Nato lahko izbirate med tremi oblikami vzorcev: trikotniki, kvadrati in šesterokotniki. Na platnu pod ploščico za izbor vzorca narišite črte in na velikem platnu na desni boste videli vzorec. Vzorec lahko shranite v SVG.

    3. Tartanmaker

    Če vam je všeč navzkrižno vodoravno in navpično, potem Tartanmaker je orodje za vas. Izberite 3 barve, usmerjenost, velikost preje in kliknite gumb »Naredi«, in za vas boste dobili vzorec tartana. V galeriji lahko tudi prelistate vzorce drugih uporabnikov in jih brezplačno prenesete.

    4. Stripe Generator

    Enostavno orodje za ustvarjanje odličnih vzorcev trakov, lahko dodate toliko barv, kot želite Stripe Generator nato prilagodite velikost črte, razmik, slog ozadja, usmerjenost in če želite, dodajte sence. Brskate lahko tudi po ustvarjenih vzorcih črte drugih uporabnikov, če želite samo poiskati pripravljeno vrsto.

    Barvni ljubitelji brezšivnih

    Ljubitelji barv omogoča izdelavo vzorcev iz vnaprej določenih oblik in linij. Izberite linijo ali povlecite obliko iz leve plošče in jih spustite na platno, da začnete risati svoje vzorce. Orodje bo samodejno ustvarilo ploščice. Na voljo je s preprostimi orodji za urejanje, ki vam pomagajo pri obračanju, spreminjanju velikosti in spreminjanju oblik na platnu.

    6. Patternizer

    Patternizer je še en vzorec generator orodje, ki omogoča enostavno za vas, da dobite svoj vzorec. Izberite barvo, kot rotacije, motnost, širino, vrzel in odmik, da dobite vzorec. Potem lahko kodo uporabite za uporabo na svojem spletnem mestu. Upoštevajte, da morate pred uporabo vzorca vključiti majhen skript, ki ga je zagotovil Patternizer. Preberite celoten vodič tukaj.

    7. GeoPattern

    GeoPattern ponuja edinstven in naključen način za samodejno ustvarjanje vzorcev. Vnesti morate samo besedilo (vsako besedilo) in orodje bo ustvarilo edinstven in lep vzorec. Vsak vneseni znak bo ustvaril drugačen slikovni vzorec, ki temelji na 16 odličnih tipih vzorcev, kot so oktogoni, prekrivajoči se krogi, plus znaki, sinusni valovi, šesterokotniki in drugo. Poskusite demo, da vidite, kako kul je to orodje.

    8. PladMaker

    PlaidMaker je orodje za ustvarjanje lepih vzorcev karir. Izberite barvo, ki jo želite uporabiti na paleti, nato ločeno ločite vodoravne vzorce in navpične vzorce. Uporabite lahko tudi zrcalne slike na obeh smereh. Če ne želite delati od začetka, kliknite »Prebrskaj pletenice«, da si ogledate že pripravljene modele in ga lahko prenesete v formatu PNG za različne velikosti mobilnih telefonov in velikosti pokrovov Facebook..