Die Erstellung einer eigenen Website beginnt immer mit der Entwicklung einer Skizze und eines zukünftigen Designs, und ein wesentlicher Bestandteil dieser Entwicklung ist die Visualisierung des Website-Designs in Photoshop und das Schneiden des fertigen Designs in Blöcke für das spätere Layout. Die Möglichkeit, ein Bild des Site-Designs korrekt zu schneiden, wirkt sich direkt auf den weiteren Erfolg des Layouts und die korrekte Platzierung von Grafikdateien auf dem Server aus.
Anweisungen
Schritt 1
Öffnen Sie das erstellte Design-Layout in Photoshop, das ein festes Bild der gewünschten Auflösung ist. Wählen Sie in der Symbolleiste von Photoshop das Slice-Werkzeug aus. Deaktivieren Sie vorübergehend die Sichtbarkeit aller Textebenen, Eingabefelder, Symbole und ähnlicher Elemente.
Schritt 2
Zeichnen Sie mit dem ausgewählten Werkzeug die Hilfslinien, entlang derer Sie die Site schneiden - diese Linien auf dem Bild sind grün. Teilen Sie das einteilige Layout sorgfältig in Strukturelemente der gewünschten Größe und Menge auf.
Schritt 3
Überlegen Sie, wie Sie das Bild zuschneiden werden – es sollten nicht zu viele einzelne Elemente darin enthalten sein. Um Hilfslinien zu erstellen, platzieren Sie den Cursor auf dem oberen Lineal über dem Bild, klicken Sie mit der linken Maustaste und ziehen Sie die Hilfslinie nach unten. Lassen Sie die Maustaste los.
Schritt 4
Nachdem alle Hilfslinien eingestellt sind (sowohl vertikal als auch horizontal), fahren Sie mit dem Schneiden des Layouts fort.
Schritt 5
Schneiden Sie das Layout mit dem oben ausgewählten Schneidewerkzeug aus, indem Sie mit der linken Maustaste auf den Anfang jeder Hilfslinie klicken und das angezeigte Feld auf die Größe des gewünschten Objekts, das Sie schneiden möchten, dehnen. Lassen Sie die linke Maustaste los, sodass in der linken Ecke des ausgeschnittenen Fragments eine Seriennummer erscheint.
Schritt 6
Passen Sie die Ränder der Fragmente an, indem Sie sie manuell dehnen. Um die geschnittenen Teile des Gesamtbildes zu speichern, klicken Sie im Menü Datei auf die Option "Für Webseiten speichern" und wählen Sie das JPEG-Format aus. Wählen Sie im Speicherfenster "Alle Fragmente".
Schritt 7
Nachdem Sie die ausgeschnittenen Bildfragmente separat gespeichert haben, speichern Sie alle visuellen Elemente des Seitendesigns - Textblöcke, Schaltflächen, Linien usw.
