
a varrat nélküli minta olyan kép, amely egymás mellé helyezhető másolataival, A tartalom látható varrása vagy megszakítása nélkül, így megismételheti ezt a képet, és létrehozhat egy mintát, amely végtelenül folytatható egyedi hátterek, szöveghatások vagy márkaelemek létrehozásához.

a varrat nélküli minták szinte bármilyen kialakításban felhasználhatók a vizuális érdeklődés, a textúra és a konzisztencia érdekében. Használja ezt a bemutatót, hogy megtanulja a saját egyedi minták létrehozásának egyszerű módjait a Gravit Designer segítségével.
Kezdje azzal, hogy létrehoz egy egyedi dokumentumméretet a Gravit Designer üdvözlő képernyőjén. Könnyebb létrehozni egy mintacsempét tökéletesen négyzet alakú vászonmérettel, ezért használjuk a 400x400px-et. Töltse ki az üdvözlő képernyő tetején található egyéni mezőket, majd kattintson a “Létrehozás!”.

válassza ki az elemeket
nagyjából bármit használhat zökkenőmentes minta létrehozásához, amennyiben az mind helyesen van elhelyezve, tehát nagyjából a követni kívánt témától függ. Használjuk a Gravit Designer matricák Könyvtárának néhány elemét ehhez az oktatóanyaghoz.

helyezze az elemeket helyesen
a zökkenőmentes minták létrehozásának trükkje a csempén használt elemek folytonossága. Ez azt jelenti, hogy a kép határán elhelyezett elemeknek meg kell egyezniük a mellette elhelyezett következő csempe képének határával, így összerakáskor nem láthat semmiféle megosztást a csempék között. Ez a csempe négy szélén érvényes.

ehhez először helyezze a kívánt elemeket a vászon felső és bal szélére. Pontosan a szél közepére helyezheti őket, vagy sem, rajtad múlik, hogy később megváltoztathatja-e ezt a pozíciót.

duplikálja és helyezze az ellenkező oldalra
az elemek elhelyezése után másolatokra van szükség az ellenkező oldalon az ismétlődő minta létrehozásához. Jelölje ki az összes elemet, majd nyomja meg a Ctrl+C – Ctrl+V billentyűkombinációt, vagy lépjen a > másolás szerkesztése menübe, majd a > beillesztés szerkesztése menübe.
a bal szélen elhelyezett elemek minden példányához 400 pixelt (a vászon szélességét) kell hozzáadnia az X tengelyhez, az Inspector panel Pozíciómezőinek használatával.


a felső szélén elhelyezett elemek esetében ugyanezt fogja tenni, de 400 képpontot ad hozzá a Pozíciómező Y tengelyéhez.


adja hozzá a többi elemet
most, hogy készen áll az elemek pozicionálásának zökkenőmentes része, további elemeket adhat hozzá a vászon középső részén elosztva. Adjunk hozzá még egy elemet, ahol a vászon üresebbnek tűnik.

a háttérszínt az ellenőr panelen található színválasztó segítségével is meghatározhatja. Használjuk a #FBF5D8 színt ehhez az oktatóanyaghoz.

a csempe kész! Kattintson a Clip Content elemre az Inspector panelen annak ellenőrzéséhez, hogy a fájl hogyan fog kinézni az exportálás után. Minden, ami a vászonterületen kívül jelenik meg, nem jelenik meg a végső exportált képen.

exportálja a minta csempe
most már exportálhatja a fájlt, hogy a végső kép, hogy lehet használni, mint egy mintát. Menjen a menübe Fájl > Export > PNG kép (.png).

Tipp: Ha Ön Gravit PRO felhasználó, használja a speciális exportálást az exportáláshoz 300 dpi felbontással.
tesztelje a csempét
most importálhatja vissza az exportált csempét, és kipróbálhatja, hogyan néz ki ismétlődő mintaként. Importálja a képet az eszköztár kép elhelyezése ikonjával, a menüben Fájl > Import > kép elhelyezése vagy egyszerűen húzza a képet a mappából a vászonra.

miután elhelyezte a képet, másolja át, majd válassza a textúra kitöltése lehetőséget a háttérszín színválasztóján.

ha a textúra kitöltése van kiválasztva, és a kép másolva van, kattintson a gombra illessze be a kitöltési beállításokat, hogy a másolt képet textúraként használja.

a csúszka segítségével megváltoztathatja a minta méretét. Ez egy jó módszer annak ellenőrzésére, hogy a minta zökkenőmentesnek tűnik-e, vagy akár olyan mintákat is létrehozhat, amelyeket a Gravit tervező munkáihoz használhat.

más típusú minták
hasonló technikával más típusú mintákat is létrehozhat, például geometriai mintákat.
tegyük fel, hogy ezt az izometrikus kockát szeretném használni zökkenőmentes minta létrehozásához:

készítsen másolatokat, és igazítson néhány sort ehhez az alakzathoz, így a Snap eszköz bekapcsolva marad.

válassza ki a téglalap eszközt (R), és hozzon létre egy téglalapot, amely figyelembe veszi a kockák csúcsait. Mint korábban a másik mintával, a téglalap szélén lévő alakzatok felének meg kell egyeznie egymással.

a kockákat a téglalap belsejébe helyezzük, létrehozva egy vágómaszkot. Kiválaszthatja a kockarétegeket, és húzhatja őket a Rétegek panel téglalap rétegére.

kapcsolja ki a téglalap szegélyének láthatóságát, majd exportálhatja ezt a csempét, és importálhatja a végeredményt az előző példában leírtak szerint. Ez a technika egy olyan csempét is eredményez, amely zökkenőmentes minta létrehozására használható.

a fő trükk az élek gondozása, és ezzel nagyjából bármilyen elemet tartalmazó mintákat hozhat létre.