Opret flisemønstre til webstedets baggrundsbillede: 8 trin

2024 Forfatter: John Day | [email protected]. Sidst ændret: 2024-01-30 08:31

Her er en ligetil og enkel (tror jeg) metode til at oprette billeder, der kan fliser uden at se for "gridlike" ud. Denne vejledning gør brug af Inkscape (www.inkscape.org), en open-source vektorgrafikredaktør. Jeg forestiller mig, at denne metode også kan anvendes på dyre vektorgrafikprogrammer som Adobe Illustrator. Hey, det er dine penge.

Trin 1: Konfigurer dokumentet

Efter åbning af Inkscape vil du gerne konfigurere dokumentegenskaberne. ([Fil -> Dokumentegenskaber]) Først skal du ændre dokumentets bredde og højde til et nummer, der er lettere at arbejde med. Til denne vejledning lavede jeg et firkantet billede, men enhver andel vil gøre det. Dernæst vil du konfigurere gitteret. I ældre versioner af Inkscape var der kun én gittermulighed. I nyere versioner skal du oprette et nyt gitter. Skift gitterafstanden, så disse værdier fordeler sig jævnt i værdierne for dokumentbredden & hegiht. Generelt er det en god idé at arbejde ud fra et stort billede og derefter skalere efter behov. Fordi dette er vektorkunst, betyder størrelse teknisk set ikke noget, men praktisk taget bliver det lettere konceptuelt med større tal. I denne vejledning brugte jeg et 500x500px billede, og mit gitter er med 10px intervaller. Til sidst skal du sørge for, at "Aktiver snapping" er markeret.

Trin 2: Rektangelværktøj

Brug rektangelværktøjet til at tegne en firkant/rektangel, der fylder hele dokumentstørrelsen. En stor gitterafstandsværdi (se forrige trin) får rektangelværktøjet let til at snappe let til dokumentets kanter.

Trin 3: Kloning af mønsteret

Gruppe]) "," top ": 0.38721804511278196," venstre ": 0.354," højde ": 0.35902255639097747," bredde ": 0.372}]">

Tilføj det billede, du vil have i dit mønster. Hvis dit billede er en SVG -fil, kan du normalt bare trække og slippe det på dit åbne dokument. Opret en klon af dette billede. ([Rediger -> Klon -> Opret klon] eller du kan trykke på Alt+D) Flyt det originale billede væk, så det ikke forstyrrer dit arbejdsområde. Flyt det klonede billede ind på firkanten, og opret et par kopier af klonen. Årsagen til at bruge kloner i stedet for kopier af origina vil blive tydelig senere. Her er en nem måde at lave kopier i inkspace: træk objektet, der skal kopieres, og tryk på mellemrumstasten for at slippe en kopi på det sted (hold museknappen nede Generelt har du sandsynligvis ikke brug for mere end 2 eller 3 kopier for at oprette mønsteret. Som du kan se, havde jeg 3 kopier af billedet, men jeg endte med at slette et senere. Når du synes, du har nok, skal du gruppere disse ting sammen.

Trin 4: Mere kloning

Genaktiver snapping, hvis du deaktiverede det i det foregående trin, som jeg gjorde. I skærmbilledet kan du ikke se gitteret, men det er aktiveret. Vælg gruppen af objekter, du lige har oprettet, og lav en klon af den gruppe. Stil kanterne på klonen op med sidekanten, og bliv ved med at tabe kopier af klonen, indtil du har mindst et 3x3 gitter af kloner omkring originalen i midten.

Trin 5: Ekspertflyttere

Nu hvor du har spredt dig til kloner, er det tid til at udjævne dit mønster. Lige nu ser mønsteret temmelig blokeret og for regelmæssigt ud, så vi vil sprede tingene lidt rundt. For at flytte objekter, der er inde i en gruppe, ville den mest ligefremme metode være at først opdele objekterne, flytte det pågældende objekt, og gruppér derefter objekterne igen. Dette vil imidlertid bryde linkene til klonerne. I stedet vil vi holde gruppen intakt, mens vi manipulerer enkelte objekter i gruppen. For at gøre dette skal du holde knappen Control nede og klikke på det objekt, du vil ændre. Ctrl-klik vælger enkelte objekter i en gruppe. Hvis du nu flytter objekterne, vil de omkringliggende kloner også afspejle ændringen. Ved hjælp af denne metode kan du nu flytte billederne rundt, indtil du er tilfreds med dit overordnede mønster. Du kan også ændre størrelsen, rotere eller slette billederne. Jeg endte med at slette et af billederne, fordi jeg kun havde brug for 2 for at opfylde mønsteret.

Trin 6: Om brug af klonede billeder

Jeg nævnte i trin 3, at du skulle bruge kloner i stedet for kopier af billeder, når du opretter den midterste firkant ("originalen"). Årsagen er, at hvis dit billede i sig selv er en gruppe af objekter, vælger kontrol-klik-metoden til valg af grupperede elementer billedets individuelle objekter. Kloner i sig selv kan ikke redigeres (undtagen størrelse og farve), og derfor vil kontrol-klik-metoden medføre, at hele klonobjektet vælges, uanset hvor mange objekter det originale billede består af.

Trin 7: Efterbehandling

Som et valgfrit trin skal du vælge baggrundspladsen (Ctrl-klik) og indstille fyldfarven til ingen (dvs. gennemsigtig) eller hvilken farve du vil have baggrunden. ([Objekt -> Udfyld og streg]) Jeg reducerede også gruppens opacitet som helhed (vælg med almindeligt klik), så mønsteret kan være i baggrunden og ikke være påtrængende. Endelig er det vigtige trin i eksporten. Åbn eksportvinduet ([File -> Export bitmap]). Klik på knappen "Side". Dette eksporterer kun de dele af dokumentet, der falder inden for sidegrænserne - det vil sige inde i firkanten af "originalen". Skift den eksporterede bitmapstørrelse, hvis du vil, og klik derefter på "Eksporter".

Trin 8: Slutprodukt

Du er færdig! Læg det på dit skrivebord, brug det til dit websted, eller print det ud og sæl det som tapet! Nyd det.