Pixelmönstret

Nyligen har det subtila mönstret använts oftare i utformningen av webbplatser. Idag lär vi oss hur man skapar flera typer av dessa fyllningar. Hela processen ska ta dig bara några minuter om du använder funktionen Pattern Creation i Adobe Illustrator CS6. Låt oss börja!

Det subtila mönstret skiljer sig från de andra mönstren på ett sådant sätt att elementets nyanser bara har en liten skillnad mellan varandra och mellan huvudbakgrundsfärgen. Dessa mönster är huvudsakligen i Lågtangent (mörkt) och High-key (Light) blixtstilar.


Pixelmönstret

Steg 1

Välj läget Pixel View (Visa> Pixel View) för att skapa pixelmönstret. I det här fallet kommer alla skapade objekt att placeras exakt på raderna i pixelnätet, eftersom Snap to Pixel mod automatiskt slås på.

Dessutom, när du zooma in tavlan, kommer du att kunna se linjerna i pixelnätet, vilket kommer att göra skapandet av mönstret mycket lättare.

Låt oss nu skapa ett vanligt men attraktivt mönster. Ta rektangelverktyget (M) och skapa 4 * 4px-rektangeln med den ljusgrå fyllningen.

Låt oss skapa ytterligare 2 * 1px storleksrektanglar med lite mörkare grå fyllning och placera dem som det visas på bilden nedan.

Skapa nu två vita rektanglar av samma storlek.


Steg 2

Markera alla skapade objekt och gå till objektet> Mönster> Gör

Som ett resultat av dessa åtgärder är vi i skapningsmönstret. Du kan redigera det här mönstret med panelen Mönsteralternativ. Du kan titta på mönstret i full storlek och bestämma om du behöver redigera färgen på dess element.

Vi kan också tillämpa mönstret olika Tile Types, vilket gör att vi kan skapa några olika typer av mönster från ett element


Steg 3

För att spara ett par varianter av mönstret, klicka på Spara en kopia på toppraden. För att spara ett mönster klickar du på Klar.

Alla sparade mönster läggs till i fönstret Färger. Låt oss nu skapa ett par figurer och tillämpa de skapade mönstren för dem.

Om du av någon anledning inte är nöjd med resultatet, klickar du på bilden två gånger i fönstret Färger och redigerar den i mönstret skapande läge.


Steg 4

Du kan skapa mer komplicerade mönster med den beskrivna tekniken. På bilden nedan kan du se ett av mina mönster, som skapades med pixelnätet och rektangelverktyget (M)


Vågigt mönster

Steg 5

Låt oss skapa det horisontella raka segmentet med Pen Tool (P).

Håll segmentet valt och gå till Effect> Distort & Transform> Zig Zag och ställ in parametern som visas på bilden nedan.

Gå till objektet> Expand Utseende, ta sedan saxverktyget (C) och klippa banan i A- och B-punkterna.

Ta bort vänster och höger delar av sökvägen.


Steg 6

Dubbla banorna två gånger; färga kopiorna i olika nyanser av den mörkgrå färg.

Markera alla de skapade sökvägarna och gå till objektet> Mönster> Gör. Välj Mönsterskivan på panelen Mönsteralternativ och minska höjden på rutan Bounding.

Klicka på "Klar" på toppraden.


Steg 7

Låt oss skapa en stor rektangel med den mörkgrå fyllningen med hjälp av rektangelverktyget (M). Lägg till den nya fyllningen på det här objektet i Utseendepanelen.

Applicera nu det skapade vågmönstret till denna fyllning.

Redigera nu, om det behövs, färgen på den nedre fyllningen eller färgen på mönstrets streck.


Handgjorda Mönster

Steg 8

Låt oss skapa en rektangel med den mörkblå fyllningen. Ta pennaverktyget (N) och skapa ett par av de slutna gråfärgade banorna.

För att skapa de slutna sökvägarna med pennaverktyget (N), behåll alternativet valt samtidigt när du går till slutpunkten.


Steg 9

Markera de skapade objekten och gå till objektet> Mönster> Gör. Fortsätt skapa sökvägen med pennaverktyget (N). Försök att kombinera slutet och början av sökvägen så exakt som möjligt, vilket går bortom kanten.

För att göra exakt matchningen, använd Direct Selection Tool (A).


Steg 10

Gruppera de skapade banorna, och kopiera sedan gruppen och klistra in den igen (Kommando + C då Kommando + B). Ersätt färgen på streckfyllningen av den nedre gruppen för svart och skift denna grupp till ett par pixlar uppåt.

Klicka på "Klar" på toppraden.


Slutsats

Du kan använda de beskrivna teknikerna för att skapa texturerna i vektorillustrationerna. Du har säkert märkt att de konstverk som har texturer ser mer professionella och mättade ut.