Hogyan Készítsünk Moduláris Rácsokat

Tartalomjegyzék:

Hogyan Készítsünk Moduláris Rácsokat
Hogyan Készítsünk Moduláris Rácsokat

Videó: Hogyan Készítsünk Moduláris Rácsokat

Videó: Hogyan Készítsünk Moduláris Rácsokat
Videó: JUST STOP ! ( The road to becoming a 3D artist ) 2024, Lehet
Anonim

Kialakításkor vagy komplex kép készítésekor kényelmes a moduláris rácsok használata. A kompozíció alapjául szolgálnak, a lapot meghatározott számú függőleges és vízszintes lépcsőre osztva, azonos vagy különböző távolságokkal.

Hogyan készítsünk moduláris rácsokat
Hogyan készítsünk moduláris rácsokat

Szükséges

Abode Photoshop program

Utasítás

1. lépés

Minden modern grafikai szerkesztő és webdesign program beépített moduláris rácsokkal rendelkezik. Ha az Adobe Photoshop alkalmazásban dolgozik, kapcsolja be a rácsot a képobjektumok egyszerű elrendezéséhez és pontos elhelyezéséhez a lapon. Ehhez lépjen a Szerkesztés menüpontra, és vigye az egeret a Beállítások felirat fölé. A megjelenő menüben válassza ki az Útmutatók, rács és szeletek elemet (a program verziójától függően ennek az elemnek különböző nevei lehetnek, válassza a Rács szót).

2. lépés

A megnyíló beállítások ablakban állítsa be a moduláris rács paramétereit. A Rács területen válassza ki a rácselemeket és a sortávolságot alkotó vonalak színét. Kattintson az "OK" gombra, és ellenőrizze, hogy a végrehajtott változtatások hogyan befolyásolják a kép megjelenését. Az Adobe DreamWeaver webfejlesztési környezetben a rács alapértelmezés szerint szerepel az Ön által fejlesztett oldal elrendezésében.

3. lépés

Különböző táblákat (rácselemeket) hozzáadhat a sorok és oszlopok tetszőleges halmazával a Táblázat beszúrása elem segítségével, valamint új táblákat is beilleszthet a cellákba, ezáltal összetett hálózatot hozhat létre az oldalelemek felépítéséhez.

4. lépés

CSS stílusok segítségével manuálisan létrehozhat egy moduláris rácsot. Ehhez használja a #grid, Gridmaker, CSS Grid Builder, 1 KB CSS Grid, Gridr Buildrrr és más modulokat. Például a következő kódrészlet négy, adott szélességű modulból álló rácsot hoz létre:.page-layout {margin-right: -5px; }.layout-box {lebeg: bal; margó: 0 5px 5px 0; }.lb-1 {szélesség: 779px; } / * 100% * /. Lb-2 {szélesség: 583px; } / * 75% * /. Lb-3 {szélesség: 387px; } / * 50% * /. Lb-4 {szélesség: 191px; } / * 25% * /

5. lépés

A moduláris rács jelenléte megkönnyíti mind a kezdő tervezők, mind a webfejlesztők, és ezen a területen tapasztalt mesterek számára. A moduláris rács alapján létrehozott projekteket könnyű szerkeszteni és átvinni, ami nagyon kényelmes nagy mennyiségű munkához. A munkát bármikor leállíthatja, és folytathatja a mentett fájl használatát.

Ajánlott: