Rendelhető minták létrehozása a webhely háttérképéhez: 8 lépés

2024 Szerző: John Day | [email protected]. Utoljára módosítva: 2024-01-30 09:44

Itt van egy egyszerű és egyszerű (szerintem) módszer olyan képek létrehozására, amelyek csempézhetők anélkül, hogy túlságosan "rácsszerűen" néznének ki. Ez az oktatóanyag az Inkscape (www.inkscape.org) nyílt forráskódú vektorgrafikus szerkesztőt használja. Úgy gondolom, hogy ez a módszer alkalmazható olyan drága vektorgrafikus programokra is, mint az Adobe Illustrator. Hé, ez a te pénzed.

1. lépés: Állítsa be a dokumentumot

Az Inkscape megnyitása után be kell állítania a dokumentum tulajdonságait. ([Fájl -> Dokumentumtulajdonságok]) Először módosítsa a dokumentum szélességét és magasságát olyan számra, amely könnyebben kezelhető. Ehhez az oktatóanyaghoz négyzet alakú képet készítettem, de bármilyen arány megteszi. Ezután be kell állítania a rácsot. Az Inkscape régebbi verzióiban csak egy rács volt lehetséges. Az újabb verziókban új rácsot kell létrehoznia. Módosítsa a rácsközöket úgy, hogy ezek az értékek egyenletesen osszanak el a dokumentum szélessége és hegiht értékei között. Általában érdemes nagyméretű képből dolgozni, majd szükség szerint kicsinyíteni. Mivel ez vektorművészet, a méret technikailag nem számít, de gyakorlatilag könnyebb lesz koncepcionálisan nagyobb számokkal. Ebben az oktatóanyagban 500x500px méretű képet használtam, és a rácsom 10px időközönként van. Végül győződjön meg arról, hogy a "Snapolás engedélyezése" opció be van jelölve.

2. lépés: Téglalap eszköz

A téglalap eszközzel rajzoljon egy négyzetet/téglalapot, amely elfoglalja a dokumentum teljes méretét. A nagy rácsköz -érték (lásd az előző lépést) lehetővé teszi, hogy a téglalap eszköz könnyen illeszkedjen a dokumentum szegélyeihez.

3. lépés: A minta klónozása

Csoport]) "," felül ": 0,38721804511278196," bal ": 0,354," magasság ": 0,35902255639097747," szélesség ": 0,372}]">

Adja hozzá azt a képet, amelyet szeretne a mintájához. Ha a kép SVG fájl, akkor általában csak húzhatja a nyitott dokumentumra. Hozzon létre egy klónt ebből a képből. ([Szerkesztés -> Klónozás -> Klón létrehozása], vagy nyomja le az Alt+D billentyűket) Mozgassa el az eredeti képet az útból, hogy ne zavarja a munkaterületet. Mozgassa a klónozott képet a négyzetbe, és hozzon létre néhány másolatot a klónból. Később nyilvánvalóvá válik az oka annak, hogy a klónokat az eredeti másolatok helyett használják. Íme egy egyszerű módja annak, hogy másolatokat készítsen a tintatérben: húzza a másolandó objektumot, és nyomja le a szóköz billentyűt a másolat ejtéséhez (tartsa lenyomva az egérgombot)). Általában valószínűleg nem kell több mint 2 vagy 3 példány a minta létrehozásához. Mint látható, 3 példányom volt a képből, de végül töröltem egyet. Ha úgy gondolja, hogy elege van, csoportosítsa össze ezeket az elemeket.

4. lépés: További klónozás

Engedélyezze újra a csattanást, ha letiltotta az előző lépésben, ahogy én is tettem. A képernyőképen nem látja a rácsot, de engedélyezve van. Válassza ki az imént létrehozott objektumcsoportot, és készítsen egy klónt a csoportból. Sorolja fel a klón széleit az oldalszegéllyel, és folytassa a másolatok a klónt, amíg a közepén legalább 3x3 klónrács van az eredeti körül.

5. lépés: Szakértők

Most, hogy elterjedt a klónok, itt az ideje, hogy kisimítsa a mintát. Jelenleg a minta meglehetősen blokkoltnak és túl szabályosnak tűnik, ezért szeretnénk egy kicsit eloszlatni a dolgokat. A csoporton belüli objektumok áthelyezéséhez a legegyszerűbb módszer az lenne, ha először szétbontanánk az objektumokat, és áthelyeznénk a tárgyat, majd csoportosítsa újra az objektumokat. Ez azonban megszakítja a klónok linkjeit. Ehelyett a csoportot érintetlenül szeretnénk tartani, miközben egyetlen objektumot kezelünk a csoporton belül. Ehhez tartsa lenyomva a Control gombot, és kattintson a módosítani kívánt objektumra. A Control-kattintás egyetlen objektumot jelöl ki a csoporton belül. Ha most áthelyezi az objektumokat, a környező klónok is tükrözik a változást. Ezzel a módszerrel mostantól mozgathatja a képeket, amíg elégedett az általános mintával. A képeket átméretezheti, elforgathatja vagy törölheti. Végül töröltem az egyik képet, mert csak 2 kellett a minta teljesítéséhez.

6. lépés: A klónozott képek használatáról

A 3. lépésben említettem, hogy a középső négyzet ("eredeti") létrehozásakor klónokat kell használni a képek másolatai helyett. Ennek az az oka, hogy ha a képe maga is objektumok csoportja, akkor a csoportosított elemek kiválasztására szolgáló vezérlő-kattintás módszer kiválasztja a kép egyes objektumait. Magukat a klónokat nem lehet szerkeszteni (kivéve a méretet és a színt), így a kontroll-kattintás módszer a teljes klónobjektum kiválasztását eredményezi, függetlenül attól, hogy az eredeti kép hány objektumból áll.

7. lépés: Utolsó simítások

Opcionális lépésként válassza ki a háttéren lévő négyzetet (Ctrl-kattintás), és állítsa a kitöltési színt semmire (azaz átlátszóra), vagy bármilyen színűre, ha szeretné a hátteret. ([Object -> Fill and stroke]) Csökkentettem a csoport egészének átlátszatlanságát is (rendszeres kattintással válassza ki), hogy a minta a háttérben legyen, és ne legyen tolakodó. Végül az exportálás fontos lépése. Nyissa meg az exportáló ablakot ([Fájl -> Bittérkép exportálása]). Kattintson az "Oldal" gombra. Ez csak a dokumentum azon részeit exportálja, amelyek az oldalhatárok közé esnek - vagyis az "eredeti" négyzetébe. Ha szeretné, módosítsa az exportált bitkép méretét, majd kattintson az "Export" gombra.

8. lépés: Végső termék

Kész! Tedd az asztalra, használd a webhelyedhez, vagy nyomtasd ki és áruld el tapétaként! Élvezd.