Sie haben ein originelles Layout mit grafischen Elementen zusammengestellt und möchten ein Layout erstellen? Zunächst müssen Sie lernen, das Layout so zu schneiden, dass jedes der grafischen Elemente später in der Mitte, oben oder unten auf der Seite an der richtigen Stelle ist.
Anweisungen
Schritt 1
Denken Sie bei der Auswahl von Techniken zum Schneiden eines Layouts daran, dass jeder Layout-Designer beim Arbeiten mit PSD-Layouts seine eigenen Schneidemethoden verwendet. Wählen Sie daher in der ersten Phase nur die einfachsten Techniken, darunter das Schneiden des erstellten Layouts mit Grafiken in Stücke, was für Anfänger praktisch ist. Stellen Sie sich zunächst vor, in welche Teile Sie Ihr Layout unterteilen werden, denken Sie über jeden einzelnen Teil nach und fahren Sie erst dann mit dem technischen Teil des Prozesses selbst fort. Denken Sie daran, dass das PSD-Layout je nach Komplexität in "Chunks" unterteilt ist, die es in separate Elemente aufteilen. Außerdem muss jedes Grafikelement unabhängig von allen anderen Details sein.
Schritt 2
Beachten Sie beim Ausschneiden eines Layouts mit einer Kopfzeile bestehend aus Schaltflächen, einer separaten Hintergrundebene und Textebenen, dass in diesem Fall nicht die gesamte Kopfzeile als Bild geschnitten werden kann. In einer solchen Situation ist es besser, alle Textebenen, jede Schaltfläche sowie die Hintergrundebene der Kopfzeile separat in Bilder zu schneiden. Zweitens setzt das Slicen eines Layouts voraus, dass der Layout-Designer Aktionen in der folgenden Reihenfolge ausführt. Wenn der Text nur ein Teil der Dekoration ist, verwenden Sie ihn vor dem HTML / CSS-Layout.
Schritt 3
Öffnen Sie zunächst das Layout selbst in Photoshop, sodass rechts das Ebenenbedienfeld angezeigt wird, das als Rückgrat zum Starten des Layouts gilt. Wenn alle Bilder anklickbar sind, öffnen Sie die Version Ihres Layouts in voller Auflösung. Als nächstes legen Sie alle Grafikelemente so an, dass sie genauso aussehen wie im HTML-Format, speichern Sie also jedes ausgesprochene Grafikelement im gewünschten Format: GIF,.
Schritt 4
Um das gewünschte Grafikelement auszuwählen, verwenden Sie ein Werkzeug wie das Rechteckige Auswahlwerkzeug, mit dem Sie den ausgewählten Bereich mit einer gepunkteten Linie markieren können. Schneiden Sie danach den Rest des Layouts mit dem Menü Bild> Zuschneiden auf das gepunktete Element zu. Um unnötige Hintergrundebenen zu entfernen, wenden Sie eine Verlaufsfüllung an und deaktivieren Sie die Sichtbarkeit der Hintergrundebenen. Trimmen Sie als Nächstes die Ecken des ausgewählten Teils und lassen Sie dann alle anderen Ebenen transparent.
