Es ist praktisch, modulare Raster zu verwenden, wenn Sie ein Design entwickeln oder ein komplexes Bild erstellen. Sie dienen als Grundlage der Komposition und unterteilen das Blatt in eine vorgegebene Anzahl von vertikalen und horizontalen Schritten mit gleichen oder unterschiedlichen Abständen.
Notwendig
Aufenthalt Photoshop-Programm
Anweisungen
Schritt 1
Alle modernen Grafikeditoren und Webdesignprogramme verfügen über integrierte modulare Raster. Wenn Sie in Adobe Photoshop arbeiten, schalten Sie die Rasteranzeige ein, um Bildobjekte einfach anordnen und exakt auf dem Blatt platzieren zu können. Gehen Sie dazu zum Menüpunkt Bearbeiten und bewegen Sie die Maus über die Einstellungs-Beschriftung. Wählen Sie im angezeigten Menü den Punkt Hilfslinien, Raster & Slices (je nach Programmversion kann dieser Punkt unterschiedliche Namen haben, wählen Sie das Wort Raster).
Schritt 2
Stellen Sie im sich öffnenden Einstellungsfenster die Parameter des Modulrasters ein. Wählen Sie im Bereich Raster die Farbe der Linien, die die Rasterelemente bilden, und den Zeilenabstand aus. Klicken Sie auf "OK" und prüfen Sie, wie sich die vorgenommenen Änderungen auf das Erscheinungsbild des Bildes auswirken. In der Adobe DreamWeaver-Webentwicklungsumgebung ist das Raster standardmäßig in das Layout der zu entwickelnden Seite eingeschlossen.
Schritt 3
Sie können mit dem Element Tabelle einfügen verschiedene Tabellen (Rasterelemente) mit einem beliebigen Satz von Zeilen und Spalten hinzufügen sowie neue Tabellen in Zellen einfügen und so ein komplexes Netzwerk zum Erstellen von Seitenelementen erstellen.
Schritt 4
Sie können ein modulares Raster manuell mithilfe von CSS-Stilen erstellen. Verwenden Sie dazu die Tools #grid, Gridmaker, CSS Grid Builder, 1 KB CSS Grid, Gridr Buildrrr und weitere Module. Der folgende Codeausschnitt erstellt beispielsweise ein Raster aus vier Modulen einer bestimmten Breite:.page-layout {margin-right: -5px; }.layout-box {float: links; Rand: 0 5px 5px 0; }.lb-1 {Breite: 779px; } / * 100% * /. Lb-2 {Breite: 583px; } / * 75% * /. Lb-3 {Breite: 387px; }/*50%*/. Lb-4 {Breite: 191px; } / * 25 % * /
Schritt 5
Das Vorhandensein eines modularen Rasters erleichtert sowohl Anfängern als auch Webentwicklern und erfahrenen Meistern auf diesem Gebiet. Projekte, die auf Basis eines modularen Rasters erstellt wurden, lassen sich leicht bearbeiten und übertragen, was für große Arbeitsmengen sehr praktisch ist. Sie können die Arbeit auch jederzeit unterbrechen und die gespeicherte Datei weiter verwenden.
