Skapa plattbara mönster för webbplatsbakgrundsbild: 8 steg

2024 Författare: John Day | [email protected]. Senast ändrad: 2024-01-30 12:48

Här är en enkel och enkel metod (tror jag) för att skapa bilder som kan kaklas utan att se för "rutnätliknande" ut. Denna handledning använder Inkscape (www.inkscape.org), en öppen källkod för vektorgrafikredigerare. Jag föreställer mig att denna metod också kan tillämpas på dyra vektorgrafikprogram som Adobe Illustrator. Hej, det är dina pengar.

Steg 1: Konfigurera dokumentet

När du har öppnat Inkscape vill du konfigurera dokumentegenskaperna. ([Fil -> Dokumentegenskaper]) Ändra först bredden och höjden på dokumentet till ett nummer som är lättare att arbeta med. För denna handledning skapade jag en fyrkantig bild, men vilken andel som helst kommer att göra. Därefter vill du ställa in rutnätet. I äldre versioner av Inkscape fanns det bara ett nätmöjlighet. I nyare versioner måste du skapa ett nytt rutnät. Ändra rutnätavståndet så att dessa värden delar sig jämnt i värdena för dokumentbredd & hegiht. I allmänhet är det en bra idé att arbeta utifrån en stor bild och sedan skala ner efter behov. Eftersom detta är vektorkonst spelar storleken tekniskt ingen roll, men praktiskt taget blir det lättare konceptuellt med större antal. I den här självstudien använde jag en 500x500px -bild och mitt rutnät är med 10px -intervall. Slutligen, se till att alternativet "Aktivera snapping" är markerat.

Steg 2: Rektangelverktyg

Använd rektangelverktyget för att rita en kvadrat/rektangel som tar upp hela dokumentstorleken. Ett stort rutavståndsvärde (se föregående steg) gör att rektangelverktyget enkelt snäpps till dokumentkanterna.

Steg 3: Kloning av mönstret

Grupp]) "," topp ": 0.38721804511278196," vänster ": 0.354," höjd ": 0.35902255639097747," bredd ": 0.372}]">

Lägg till bilden som du vill ha i ditt mönster. Om din bild är en SVG -fil kan du vanligtvis bara dra och släppa den på ditt öppna dokument. Skapa en klon av denna bild. ([Redigera -> Klon -> Skapa klon] eller du kan trycka på Alt+D) Flytta originalbilden ur vägen så att det inte stör din arbetsyta. Flytta den klonade bilden till rutan och skapa några kopior av klonen. Anledningen till att du använder kloner istället för kopior av origina kommer att bli uppenbar senare. Här är ett enkelt sätt att kopiera i bläckfältet: dra objektet som ska kopieras och tryck på mellanslagstangenten för att släppa en kopia på den platsen (håll musknappen intryckt Generellt sett behöver du förmodligen inte mer än 2 eller 3 kopior för att skapa mönstret. Som ni ser hade jag 3 kopior av bilden men jag tog bort en senare. När du tror att du har tillräckligt, gruppera dessa objekt tillsammans.

Steg 4: Mer kloning

Aktivera snapping igen om du inaktiverade det i föregående steg, som jag gjorde. På skärmdumpen ser du inte rutnätet, men det är aktiverat. Välj gruppen objekt du just skapat och gör en klon av den gruppen. Ställ upp kanterna på klonen med sidgränsen och fortsätt släppa kopior av klonen tills du har minst ett 3x3 rutnät med kloner runt originalet i mitten.

Steg 5: Expertflyttare

Nu när du har spridit dig av kloner är det dags att släta ut ditt mönster. Just nu ser mönstret ganska blockerat och för regelbundet ut, så vi vill sprida saker runt lite. För att flytta objekt som finns i en grupp är den mest rakt framåt metod att först avgruppera objekten, flytta objektet i fråga, och gruppera sedan om objekten. Detta kommer dock att bryta länkarna till klonerna, istället vill vi behålla gruppen intakt medan vi manipulerar enskilda objekt i gruppen. För att göra detta, håll ner Control -knappen och klicka på objektet du vill ändra. Kontrollklick väljer enskilda objekt i en grupp. Om du nu flyttar objekten kommer de omgivande klonerna också att återspegla förändringen. Med denna metod kan du nu flytta bilderna tills du är nöjd med ditt övergripande mönster. Du kan också ändra storlek på, rotera eller radera bilderna. Jag slutade med att ta bort en av bilderna eftersom jag bara behövde två för att uppfylla mönstret.

Steg 6: Om att använda klonade bilder

Jag nämnde i steg 3 att du ska använda kloner istället för kopior av bilder när du skapar mittfältet ("originalet"). Anledningen är att om din bild i sig är en grupp av objekt, kommer kontroll-klick-metoden att välja grupperade objekt att välja bildens enskilda objekt. Klonerna själva kan inte redigeras (förutom storlek och färg) och därför kommer kontroll-klick-metoden att göra att hela klonobjektet väljs oavsett hur många objekt originalbilden består av.

Steg 7: Finisher

Som ett valfritt steg väljer du bakgrundsrutan (Ctrl-klick) och anger fyllningsfärgen till ingen (dvs. transparent) eller vilken färg du vill ha bakgrunden. ([Objekt -> Fyll och streck]) Jag minskade också gruppens opacitet som helhet (välj med vanligt klick) så att mönstret kan vara i bakgrunden och inte vara påträngande. Slutligen, det viktiga steget att exportera. Öppna exporteringsfönstret ([File -> Export bitmap]). Klicka på knappen "Sida". Detta exporterar bara de delar av dokumentet som faller inom sidgränserna - det vill säga inuti rutan på "originalet". Ändra den exporterade bitmappstorleken om du vill och klicka sedan på "Exportera".

Steg 8: Slutprodukt

Du är klar! Lägg den på skrivbordet, använd den för din webbplats eller skriv ut den och sälj den som tapet!