Zum Tutorial springen
lil cactus

Wie verwendet man Hilfslinien, Raster und Ausrichten in Lil Cactus?

Einsteiger7 MinutenAktualisiert

Kurze Antwort

Wählen Sie in Lil Cactus Ansicht dann Lineale, um Maße anzuzeigen, und Ansicht dann Neue Hilfslinie…, um eine Hilfslinie an einer exakten Pixelposition zu setzen. Schalten Sie Ansicht dann Ausrichten ein und wählen Sie die Ziele unter Ansicht dann Ausrichten an. Für eine Reihe von Objekten wählen Sie deren Ebenen aus und verwenden Ebene dann Ausrichten dann Obere Kanten und dann Ebene dann Verteilen dann Horizontale Abstände.

Kaffee-Design vor und nach dem Ausrichten seiner drei Farbfelder in einer Reihe mit gleichen Abständen
Die drei Farbfelder haben eine gemeinsame Oberkante und je 150 px Abstand. Foto und Überschrift bleiben an ihrem Platz. Jedes Farbfeld ist 120 × 80 px groß und liegt bei x = 140, 410 und 680 px und y = 500 px. Ziehen Sie den Regler, um zu vergleichen.
Dauer
7 Minuten
Niveau
Einsteiger
Sie brauchen
Ein Design mit Objekten auf separaten Ebenen
Funktioniert mit
Bilder und Projekte mit Ebenen, einschließlich Text- und Formebenen
Beispiel in Lil Cactus öffnenEigenes Foto verwenden

Kostenlos, ohne Anmeldung. Ihr Foto bleibt auf Ihrem Computer.

Hilfslinien sind Linien, die Sie für eine Kante oder einen Rand setzen. Das Raster ist ein sich wiederholendes Muster über dem Arbeitsbereich. Das Ausrichten hilft einem bewegten Objekt, an einem gewählten Ziel einzurasten, wenn Sie es in dessen Nähe ziehen.

Bauen Sie mit den drei Formebenen des Beispiels eine ordentliche Farbreihe unter der Überschrift.

Eine Farbreihe in sieben Schritten ausrichten

  1. Die Lineale einblenden

    Öffnen Sie das Übungsprojekt von dieser Seite. Wählen Sie Ansicht dann Lineale. Oben und links am Arbeitsbereich erscheinen Maße.

    Menü „Ansicht“ mit eingekreistem Befehl „Lineale“
    Ein Häkchen neben „Lineale“ bedeutet, dass sie sichtbar sind.
    Lineale oben und links um den oberen linken Teil des Kaffee-Designs
    Die Lineale zeigen Dokumentkoordinaten in Pixeln.

  2. Eine vertikale Hilfslinie bei 140 px setzen

    Wählen Sie Ansicht dann Neue Hilfslinie… Stellen Sie Ausrichtung auf Vertikal, geben Sie bei Position 140 px ein und klicken Sie auf Erstellen. Das wird die linke Kante des braunen Farbfelds.

    Sie können auch aus einem Lineal ins Bild ziehen, um eine Hilfslinie nach Augenmaß zu setzen; „Neue Hilfslinie…“ ist für eine exakte Position gedacht.

    Menü „Ansicht“ mit eingekreistem Befehl „Neue Hilfslinie“
    „Neue Hilfslinie“ setzt eine Linie anhand ihrer Zahlenposition.
    Dialogfeld „Neue Hilfslinie“ mit eingekreisten Angaben Vertikal, Position 140 px und Erstellen
    Eine vertikale Hilfslinie misst ihre Position vom linken Bildrand aus.

  3. Eine horizontale Hilfslinie bei 500 px setzen

    Wählen Sie erneut Ansicht dann Neue Hilfslinie… Wählen Sie Horizontal, geben Sie bei Position 500 px ein und klicken Sie auf Erstellen. Diese Linie legt die Oberkante der Reihe fest.

    Dialogfeld „Neue Hilfslinie“ mit eingekreisten Angaben Horizontal, Position 500 px und Erstellen
    Eine horizontale Hilfslinie misst ihre Position vom oberen Rand aus.

  4. Das Raster einblenden und die Ausrichtungsziele wählen

    Schalten Sie Ansicht dann Anzeigen dann Raster ein, um das Raster zu sehen. Schalten Sie Ansicht dann Ausrichten ein und prüfen Sie dann Ansicht dann Ausrichten an: Für diese Übung sollte Hilfslinien aktiviert und Raster deaktiviert sein.

    Das Raster anzeigen und daran ausrichten sind getrennte Einstellungen. Hier bestimmen die Hilfslinien die Platzierung.

    Untermenü „Ansicht › Anzeigen“ mit eingekreistem Eintrag „Raster“
    „Anzeigen › Raster“ steuert das sichtbare Muster.
    Menü „Ansicht“ mit aktiviertem und eingekreistem Eintrag „Ausrichten“
    „Ausrichten“ ist der Hauptschalter für das Einrasten.
    Untermenü „Ansicht › Ausrichten an“, „Hilfslinien“ aktiviert und „Raster“ deaktiviert, beide eingekreist
    Hilfslinien als Ziele verwenden und das Ausrichten am Raster ausgeschaltet lassen.

  5. Das braune Farbfeld an den Hilfslinien einrasten lassen

    Klicken Sie mit der rechten Maustaste auf die oberste Schaltfläche der Werkzeugleiste (oder halten Sie sie gedrückt) und wählen Sie Verschieben. Klicken Sie im Bedienfeld „Ebenen“ auf Brown swatch. Fassen Sie das braune Rechteck nahe seiner Unterkante an, abseits der Hilfslinie. Ziehen Sie es ein wenig nach rechts und unten, bis seine obere linke Ecke den Schnittpunkt der Hilfslinien trifft. Lassen Sie los, wenn seine linke und obere Kante an den Linien einrasten.

    Die oberste Schaltfläche der Werkzeugleiste neben ihrem geöffneten Flyout-Menü, die Schaltfläche und „Verschieben“ eingekreist
    Wählen Sie „Verschieben“ im Flyout-Menü der obersten Schaltfläche der Werkzeugleiste.
    Bedienfeld „Ebenen“ mit ausgewählter und eingekreister Ebene „Brown swatch“
    Wählen Sie die Ebene aus, bevor Sie ihr Rechteck verschieben.
    Braunes Rechteck mit der linken Kante auf der vertikalen und der Oberkante auf der horizontalen Hilfslinie
    Ausschnitt bei 100 %: Die obere linke Ecke liegt bei (140, 500) px.

  6. Die drei Oberkanten ausrichten

    Klicken Sie im Bedienfeld „Ebenen“ auf Brown swatch, halten Sie dann Umschalt gedrückt und klicken Sie auf Rust swatch. Alle drei Farbfeldzeilen sollten ausgewählt sein. Wählen Sie Ebene dann Ausrichten dann Obere Kanten. Die cremefarbene und die rostfarbene Form rücken nach oben an die Oberkante der braunen Form.

    Tipp Lassen Sie „Text“ und „Background“ aus der Auswahl heraus.

    Bedienfeld „Ebenen“ mit ausgewählten und eingekreisten Ebenen „Brown swatch“, „Cream swatch“ und „Rust swatch“
    Ein Klick mit gedrückter Umschalttaste wählt den zusammenhängenden Bereich der drei Farbfeldebenen aus.
    Untermenü „Ebene › Ausrichten“ mit eingekreistem Befehl „Obere Kanten“
    Bei mehreren ausgewählten Ebenen verwendet „Obere Kanten“ deren oberste Kante.

  7. Die Abstände angleichen

    Lassen Sie die drei Ebenen ausgewählt. Wählen Sie Ebene dann Verteilen dann Horizontale Abstände. Die äußeren Formen bleiben an ihrem Platz, und die mittlere Form rückt so, dass die Abstände gleich sind.

    Untermenü „Ebene › Verteilen“ mit eingekreistem Befehl „Horizontale Abstände“
    Zum Verteilen müssen mindestens drei Ebenen ausgewählt sein.

Hilfslinien ausblenden, sperren oder entfernen

Ansicht dann Anzeigen dann Hilfslinien blendet Hilfslinien aus, ohne sie zu löschen. Um sie zu entfernen, wählen Sie Ansicht dann Hilfslinien löschen (schalten Sie vorher Ansicht dann Hilfslinien sperren aus, falls es aktiviert ist); Bearbeiten dann Rückgängig holt sie zurück.

Wie es weitergeht

Hilfslinien, Raster und Ausrichten: Fragen und Antworten

Erscheinen Hilfslinien oder das Raster im exportierten Bild?

Nein. In Lil Cactus sind Lineale, Hilfslinien und Raster Einblendungen im Arbeitsbereich. Sie erscheinen nicht in einem exportierten PNG oder JPEG.

Warum rastet das Ausrichten am Raster nicht an allen sichtbaren Rasterlinien ein?

In Lil Cactus verwendet das Ausrichten am Raster einen eigenen Abstand, der sich mit dem Zoom ändert und weiter sein kann als das sichtbare Raster; zoomen Sie hinein, um ihn feiner zu machen. Schalten Sie „Ansicht › Ausrichten“ und „Ansicht › Ausrichten an › Raster“ ein, um es zu nutzen, und verwenden Sie Hilfslinien, wenn Sie eine exakte Kante brauchen.

Warum ist „Neue Hilfslinie“ nicht verfügbar?

In Lil Cactus verhindert „Ansicht › Hilfslinien sperren“, dass Hilfslinien erstellt oder geändert werden. Schalten Sie es aus, um „Ansicht › Neue Hilfslinie…“ zu verwenden.

Warum ist „Horizontale Abstände“ nicht verfügbar?

Wählen Sie in Lil Cactus für „Ebene › Verteilen › Horizontale Abstände“ mindestens drei Ebenen aus. Jedes Objekt muss auf einer eigenen, verschiebbaren Ebene liegen.

Was passiert, wenn ich nur eine Ebene ausrichte?

In Lil Cactus wird eine einzelne ausgewählte Ebene an den Dokumentgrenzen ausgerichtet. Bei zwei oder mehr ausgewählten Ebenen richtet sich die Ausrichtung nach den Grenzen dieser ausgewählten Ebenen.

Werden Hilfslinien mit meinem Design gespeichert?

Ja. In Lil Cactus bewahrt „Datei › Speichern unter › Lil-Cactus-Projekt…“ Hilfslinien und bearbeitbare Ebenen. Ein reduziertes PNG oder JPEG enthält das Bild, ohne bearbeitbare Hilfslinien.

Veröffentlicht  · Zuletzt geprüft