8 vrije patroongeneratoren voor het creëren van een repetitieve patroonachtergrond
Patronen worden veel gebruikt in webdesign als achtergrond. In principe kunnen patronen worden gedefinieerd als afbeeldingen die in herhaalde vorm op een veld worden gebruikt. Als je merkt dat je moeilijkheden ondervindt bij het maken van natuurlijke patronen, is dat omdat het vrij ingewikkeld is om een lus te maken die zowel verticaal als horizontaal werkt, goed, het is in ieder geval moeilijk om het handmatig te doen.
Gelukkig zijn er veel gereedschappen die u kunt gebruiken om gemakkelijk een mooi patroon te maken en we noemen er 8 die online te vinden zijn. Bovendien zijn ze gratis voor gebruik. Met sommige van deze patroongeneratoren hebt u controle over kleuren, oriëntatie, patroonelementen en meer, terwijl anderen patronen willekeurig voor u genereren. Deze patronen kunnen vervolgens worden gedownload in verschillende beeldformaten of in code.
1. Patroon
Patternify laat je patronen creëren door ze pixel voor pixel te tekenen en is een goed hulpmiddel om echt kleine iconen te maken. Met de ondersteuning van kleur- en transparantiemogelijkheden, kunt u wat coole afbeeldingen maken met deze tool. Naast het PNG-formaat kan deze tool ook de afbeelding in Base64-indeling genereren, zodat u deze in uw CSS kunt gebruiken.
2. Gerstnerizer
Gerstnerizer kan je kleurloze patronen geven, maar het maakt het goed met patronen die in lijnen worden gegenereerd. Stel op de site de lijndikte, de dekking en de kromming van de lijn in het gereedschapspaneel aan de linkerkant in. Vervolgens kunt u kiezen uit 3 patroonvormen: driehoeken, vierkanten en zeshoeken. Zoek op het tegeldoek onder de selectie van de patroonvorm lijnen en je ziet een patroon op het grote canvas aan de rechterkant. Het patroon kan worden opgeslagen in SVG.
3. Tartanmaker
Als je van kriskras horizontale en verticale patronen houdt, dan Tartanmaker is de tool voor jou. Selecteer 3 kleuren, de richting, de garengrootte en klik vervolgens op de knop 'Make It', en u krijgt een tartanpatroon voor u gemaakt. Je kunt ook de galerij doorzoeken op patronen die door andere gebruikers zijn gemaakt en deze gratis downloaden.
4. Stripe Generator
Een eenvoudig hulpmiddel om geweldige streeppatronen te maken, u kunt zoveel kleuren toevoegen als u wilt Stripe Generator pas vervolgens de stripegrootte, spatiëring, achtergrondstijl, oriëntatie aan en voeg schaduwen toe als u dat wilt. U kunt ook bladeren door gegenereerde streeppatronen door andere gebruikers als u liever gewoon een kant-en-klare zoekt.
5. Color Lovers Seamless
Color Lovers kunt u patronen maken van vooraf gedefinieerde vormen en lijnen. Kies een lijn of sleep een vorm vanuit het linkerpaneel en zet ze neer op het canvasgebied om je patronen te tekenen. De tool genereert de tegels automatisch. Het wordt geleverd met eenvoudige bewerkingstools die worden gebruikt om u te helpen de vormen op het canvas te roteren, van grootte te veranderen en achter elkaar te plaatsen.
6. Patroonmaker
Patternizer is een ander gereedschap voor het genereren van patronen dat het voor u gemakkelijk maakt om uw eigen patroon te krijgen. Kies een kleur, rotatiehoek, dekking, breedte, opening en offset om uw patroon te krijgen. U kunt dan de code pakken voor gebruik op uw site. Merk op dat u een klein script moet toevoegen dat door Patternizer wordt geleverd voordat u het patroon kunt gebruiken. Lees de volledige tutorial hier.
7. GeoPattern
GeoPattern biedt een unieke en willekeurige manier om patronen automatisch te genereren. U hoeft alleen een tekst in te voeren (geen tekst) en de tool genereert een uniek en mooi patroon. Elk personage dat u typt, produceert een ander afbeeldingspatroon op basis van de 16 geweldige patroonnypes, zoals octogonen, overlappende cirkels, plus tekens, sinusgolven, zeshoeken en meer. Probeer de demo om te zien hoe cool deze tool is.
8. PlaidMaker
PlaidMaker is een hulpmiddel om een mooi geruit patroon te maken. Kies een kleur voor gebruik in het palet en maak de horizontale patronen en verticale patronen afzonderlijk. U kunt ook spiegelafbeeldingen in beide richtingen gebruiken. Als u niet vanuit het niets wilt werken, klikt u op 'Zoeken naar plattegronden' om kant-en-klare ontwerpen te bekijken en kunt u het in PNG-indeling downloaden voor verschillende mobiele formaten en voor coveromvang op Facebook..