Tutorials

Photoshop-Tutorial: Objekte perfekt horizontal verteilen

Melden

Wenn du mehrere Elemente wie Icons, Buttons oder Textblöcke in Photoshop erstellst, sieht das Gesamtergebnis oft unordentlich aus, wenn die Abstände dazwischen ungleichmäßig sind. Mit der Funktion „Horizontal verteilen“ kannst du dafür sorgen, dass der Raum zwischen deinen Objekten mit nur einem Klick mathematisch exakt aufgeteilt wird.

In diesem Tutorial erfährst du Schritt für Schritt, wie das funktioniert.

Grundvoraussetzung

Damit Photoshop Objekte verteilen kann, benötigst du mindestens drei separate Ebenen. Bei nur zwei Ebenen kannst du diese lediglich aneinander ausrichten, aber keine Abstände dazwischen berechnen.

Schritt-für-Schritt-Anleitung

Schritt 1: Wähle die Ebenen aus

  1. Öffne dein Projekt in Photoshop.
  2. Halte die Strg-Taste (Windows) bzw. Cmd-Taste (Mac) gedrückt und klicke im Ebenen-Bedienfeld auf alle Ebenen, die du horizontal verteilen möchtest. (Tipp: Wenn die Ebenen untereinander liegen, klicke auf die erste Ebene, halte die Umschalt-Taste gedrückt und klicke auf die letzte).

Schritt 2: Das Verschieben-Werkzeug aktivieren

  • Wähle in der Werkzeugleiste ganz oben das Verschieben-Werkzeug aus oder drücke einfach die Taste V auf der Tastatur.
  • Sobald das Werkzeug aktiv ist und mehrere Ebenen ausgewählt sind, siehst du ganz oben in der Optionsleiste verschiedene Ausrichtungssymbole.

Schritt 3: Horizontal verteilen anwenden

Photoshop bietet dir zwei verschiedene Arten, Inhalte horizontal zu verteilen:

Variante A: Nach Mittelpunkt verteilen (Standard)

  • Suche in der Optionsleiste nach dem Symbol „Horizontale Mitten verteilen“ (drei vertikale Balken mit einer horizontalen Linie durch die Mitte).
  • Klicke darauf. Photoshop nimmt nun das am weitesten links und das am weitesten rechts liegende Objekt als Begrenzung und richtet die Mittelpunkte aller dazwischenliegenden Objekte mit gleichem Abstand zueinander aus.
  • Hinweis: Wenn deine Objekte unterschiedlich breit sind, können die sichtbaren Zwischenräume hierbei ungleich wirken.

Variante B: Nach gleichem Abstand verteilen (Empfohlen) Wenn du möchtest, dass der Leerraum zwischen den Objekten exakt gleich groß ist (unabhängig von der Breite der Objekte):

  1. Klicke in der Optionsleiste ganz rechts bei den Ausrichtungssymbolen auf das Drei-Punkte-Symbol (...), um die erweiterten Ausrichtungsoptionen zu öffnen.
  2. Klicke unter dem Bereich „Abstand verteilen“ auf das Symbol „Horizontalen Abstand verteilen“.
  3. Photoshop berechnet nun den Abstand zwischen den Kanten der Objekte neu, sodass jede Lücke identisch groß ist.

Alternativer Weg über das Menü

Falls du die Menüleiste bevorzugst:

  1. Wähle deine Ebenen aus.
  2. Gehe im Hauptmenü auf Ebene > Verteilen.
  3. Wähle dort „Horizontale Mitten“ (oder je nach Anwendungsfall „Linke Kanten“ / „Rechte Kanten“).

Hilfreiche Profi-Tipps:

  • Die äußeren Objekte bestimmen den Rahmen: Photoshop bewegt beim Verteilen niemals das Objekt ganz links oder ganz rechts. Sie dienen als feste Ankerpunkte. Platziere also zuerst das erste und das letzte Objekt dorthin, wo sie final stehen sollen, und verteile dann den Rest.
  • Gruppe als einzelnes Objekt behandeln: Wenn ein Objekt aus mehreren Ebenen besteht (z. B. ein Icon + ein Kreis dahinter), fasse diese vorher mit Strg + G (Win) bzw. Cmd + G (Mac) in einer Gruppe zusammen. Photoshop behandelt diese Gruppe dann wie ein einzelnes Element beim Verteilen.
0