Kako Napraviti Modularne Rešetke

Sadržaj:

Kako Napraviti Modularne Rešetke
Kako Napraviti Modularne Rešetke

Video: Kako Napraviti Modularne Rešetke

Video: Kako Napraviti Modularne Rešetke
Video: Izrada resetke 0001 2024, Maj
Anonim

Pogodno je koristiti modularne rešetke prilikom izrade dizajna ili stvaranja složene slike. Oni služe kao osnova kompozicije, dijeleći list na određeni broj vertikalnih i vodoravnih stepenica s jednakim ili različitim udaljenostima.

Kako napraviti modularne rešetke
Kako napraviti modularne rešetke

Potrebno

Abode Photoshop program

Instrukcije

Korak 1

Svi moderni grafički urednici i programi za web dizajn imaju ugrađene modularne rešetke. Ako radite u Adobe Photoshopu, uključite mrežni prikaz radi lakšeg raspoređivanja slikovnih objekata i njihovog tačnog postavljanja na list. Da biste to učinili, idite na stavku izbornika Uredi i pomaknite miša preko opisa Preference. U izborniku koji će se pojaviti odaberite stavku Vodiči, rešetka i dijelovi (ovisno o verziji programa, ova stavka može imati različita imena, odaberite riječ Mreža).

Korak 2

U prozoru postavki koji se otvori postavite parametre modularne mreže. U području rešetke odaberite boju linija koje čine stavke mreže i razmak između redova. Kliknite "U redu" i provjerite kako će izvršene promjene utjecati na izgled slike. U okruženju web razvoja Adobe DreamWeaver, mreža je podrazumevano uključena u izgled stranice koju razvijate.

Korak 3

Pomoću stavke Umetanje tablice možete dodati razne tablice (stavke mreže) s bilo kojim skupom redaka i stupaca, kao i umetati nove tablice u ćelije, stvarajući tako složenu mrežu za izgradnju elemenata stranice.

Korak 4

Možete ručno kreirati modularnu mrežu koristeći CSS stilove. Da biste to učinili, koristite alate #grid, Gridmaker, CSS Grid Builder, 1 KB CSS Grid, Gridr Buildrrr i druge module. Na primjer, sljedeći isječak koda stvara mrežu od četiri modula zadane širine:.page-layout {margin-right: -5px; }.layout-box {float: left; marža: 0 5px 5px 0; }.lb-1 {širina: 779px; } / * 100% * /. Lb-2 {širina: 583px; } / * 75% * /. Lb-3 {širina: 387px; } / * 50% * /. Lb-4 {širina: 191px; } / * 25% * /

Korak 5

Prisutnost modularne rešetke olakšava i dizajnerima početnicima i web programerima, i iskusnim majstorima u ovoj oblasti. Projekti nastali na bazi modularne mreže lako se uređuju i prenose, što je vrlo pogodno za velike količine posla. Također možete zaustaviti posao u bilo kojem trenutku i nastaviti koristiti spremljenu datoteku.

Preporučuje se: