Webdesign Tutorial - Auswahlwerkzeuge in Adobe ® Photoshop ®

Auswahlen im Layout der Situation anpassen, verändern, kopieren und markieren.

Die Grundlagen der Auswahlwerkzeuge

Adobe ® Photoshop ® bietet viele hochwertige Werkzeuge an, die das grafische Gestalten einer Webseite erleichtern. Anhand dieses Tutorials lernen Webmaster den einfacheren Umgang mit den Auswahlwerkzeugen "Auswahlrechteck" und "Auswahlellipse". Es gibt eine Vielzahl von Möglichkeiten, in Adobe ® Photoshop ® eine Auswahl zu erzeugen. Wie immer arbeiten wir praxisorientiert. Das Bild, das für dieses Tutorial verwendet wird, kann kostenlos kommerziell und privat genutzt und weiterverarbeitet werden. Bild downloaden [1024 x 768 Pixel, 128 kb]

Auswahlrechteck

Wenn eine Auswahl, die ein bestimmter, rechteckiger Bildausschnitt aus einem vorhandenen Bild ausgewählt werden soll, dann kann man das Auswahlrechteck benutzen. Das Auswahlrechteck befindet sich, wie alle Werkzeuge in der Werkzeugleiste und kann mittels eines Klicks mit der linken Maustaste aktiviert werden. Man kann nun das geöffnete Bild komplett oder nur teilweise auswählen, indem man mittels eines Klicks auf die linke Maustaste den Startpixel der Auswahl festlegt und dann - die linke Maustaste muss gedrückt bleiben - eine rechteckige Auswahl durch Bewegen der Maus herbeiführt. Es stehen noch weitere Optionen zur Verfügung s.u. um eine Auswahl in einer bestimmten Größe und Form zu ermöglichen.

Diese Auswahl kann beispielsweise wie in diesem Bild aussehen. [45 kb]

Auswahlellipse

Oftmals ist eine Auswahl, die man zur grafischen Weiterverarbeitung benötigt aber keine rechteckige Auswahl. Die Auswahlellipse ermöglicht es, problemlos auch kreisrunde oder elliptische Markierungen zu tätigen. Die Ellipse findet man, wenn man auf das - standardmäßig eingestellte - Auswahlrechteck mit der linken Maustaste klickt und kurz den Cursor darauf lässt. Mit einem Linksklick kann nun die Auswahlellipse gewählt werden. Genauso, wie beim Auswahlrechteck kann man einen Startpixel festlegen und dann mittels Mausbewegung die gewünschte Form der Auswahl herbeiführen. Es stehen noch weitere Optionen zur Verfügung s.u. um eine Auswahl in einer bestimmten Größe und Form zu ermöglichen.

Diese Auswahl kann beispielsweise wie in diesem Bild aussehen. [48 kb]Grundlagen der Auswahltransformation Meist kann man eine Auswahl nicht exakt genau treffen, wenn der Navigator bei 100% eingestellt ist. Man kann aber mit dem Navigator so heranzoomen, dass ein exaktes Markieren möglich ist. Die Maximale Vergrößerung beträgt 1600% - hier ist jeder einzelne Pixel gut erkennbar dargestellt und somit eine pixelgenaue Markierung möglich. Alle Auswahlwerkzeuge können genau auf die jeweilige Situation angepasst werden. Auch hier bietet Adobe ® Photoshop ® komfortable Lösungen, die schnell und unkompliziert konfiguriert werden können. Ganz oben findet man die Konfigurationsleiste für die Auswahlwerkzeuge. Diese ist aber nur eingeblendet, wenn man auch ein Auswahlwerkzeug mit der linken Maustaste gewählt hat. Form und Größe der Auswahl können hier eingegeben werden. Die Option "Normal" ist standardmäßig ausgewählt. Wenn man z.B. eine Auswahl mit festem Seitenverhältnis also z.B. 4: 3 erzeugen will, dann wählt man die Option "Festes Seitenverhältnis" und gibt die erforderlichen Parameter bei den Feldern "Bereite" und "Höhe" ein. Meist wird aber eine feste Größe benötigt. Mann kann diese einstellen, wenn man in der Konfigurationsleiste die Option "Feste Größe" wählt und dann die Größe - also z.B. Breite: 100 px Höhe: 200 px eingibt.Hinweis: Bei allen Optionen erscheint die gewünschte Auswahl aber nicht sofort. Man muss erst mit dem Auswahlwerkzeug auf die Arbeitsfläche klicken.Quadrate und Kreise erstellen Um ein Quadrat mit einer bestimmten Kantenlänge oder einen Kreis mit einem bestimmen Radius zu erstellen, benutzt man ebenfalls die Konfigurationsleiste. Unter der Option "Feste Größe" gibt man für ein Quadrat, wie auch für einen Kreis bei Breite und Höhe die gleiche Pixelzahl ein. Ein Quadrat kann aber nur erstellt werden, wenn man das Auswahlrechteck als Werkzeug gewählt hat ; ein Kreis kann nur dann ausgewählt werden, wenn man die Auswahlellipse aus der Werkzeugliste gewählt hat.Auswahl verschieben Man kann eine Auswahl gemäß den eigenen Wünschen verschieben. Es gibt zwei einfache Möglichkeiten, dies zu bewerkstelligen: 1.) Mit dem Auswahlrechteck Wenn man das Auswahlrechteck aktiviert hat, dann kann man eine bereits erstellte Auswahl frei bewegen, wenn man - egal ob man sich in der Ebene befindet, in der die Auswahl erstellt wurde - innerhalb der sichtbaren Auswahl mit der linken Maustaste klickt und diese gedrückt hält. Solange die linke Maustaste gedrückt bleibt, kann die Auswahl beliebig verschoben werden. Wenn man aber außerhalb der Auswahl klickt, dann wird die Auswahl aufgehoben, also "gelöscht". 2.) Mit dem Verschieben-Werkzeug Das Verschieben-Werkzeug findet man direkt rechts neben dem Auswahlrechteck. Wenn eine Auswahl besteht, dann kann man hiermit den Inhalt der Auswahl verschieben. Dazu muss man einfach innerhalb der Auswahl einen x-beliebigen Punkt anklicken und die linke Maustaste gedrückt lassen. Der Inhalt der Auswahl, der sich auf der aktuellen Ebene befindet, kann nun beliebig verschoben werden. Nach dem Verschieben der Inhalte der Auswahl kann das Bild beispielsweise wie in diesem Bild aussehen. [45 kb] Achtung: Wenn man außerhalb der Auswahl mit diesem Werkzeug klickt und daraufhin die linke Maustaste gedrückt hält, dann kann man den Inhalt der gesamten Ebene, auf der man sich aktuell befindet, verschieben.

Auswahl aufheben Man kann eine Auswahl auf verschiedenste Arten wieder aufheben. Die am meisten genutzten Methoden sind, einfach die Tastenkombination STRG+D zu drücken, oder im oberen Menü von Adobe ® Photoshop ® auf "Auswahl" und im sich daraufhin öffnenden Menü auf "Auswahl aufheben" zu klicken. Damit man schneller mit Adobe ® Photoshop ® arbeiten kann, ist es empfehlenswert, die o.g. Tastenkombination zu benutzen. Ähnlich schnell ist auch die Möglichkeit, dass man um eine Auswahl aufzuheben mit dem Auswahlrechteck auf eine Stelle der Arbeitsfläche klickt und die linke Maustaste nicht gedrückt hält.Auswahl füllen Um eine Auswahl zu füllen, gibt es - wie immer im äußerst umfangreichen Adobe ® Photoshop ® - viele unterschiedliche Möglichkeiten. Die, wohl am häufigsten verwendeten Methoden sind: 1.) Auswahl mit einer Farbe mittels des Füllen-Werkezeuges füllen Um eine Auswahl mit einer - vorher im Farbeditor festgelegten - Farbe zu füllen wählt man das Füllen-Werkezeug

aus der Werkzeug-Liste und klickt innerhalb der Auswahl mit der linken Maustaste.

2.) Auswahl mit einem vorher festgelegten Farbverlauf füllenDazu klickt man mit der linken Maustaste auf das Füllen-Werkezeug und wartet mit gedrückter Maustaste, bis sich ein Menü öffnet, aus dem man dann wiederum das Verlaufswerkzeug auswählt. Ganz oben wird nun die Verlaufs-Leiste eingeblendet, in der man die Farbe und Form des gewünschten Farbverlaufs einstellen kann. Wählen Sie dort den gewünschten Farbverlauf bzw. die Farben wie z.B. Gelb und Rot aus, wenn Sie einen Verlauf wünschen, der von Gelb nach Rot reicht. Wenn man mit der linken Maustaste nun auf einen x-beliebigen Punkt der Arbeitsfläche klickt und die linke Maustaste gedrückt hält, dann kann man einen Vektor erzeugen, der Verlaufswinkel und Verlaufslänge definiert. Je länger man die linke Maustaste gedrückt hält, desto länger wird die Verlaufsfläche innerhalb der Auswahl. Übung macht auch hier den Meister.

Zurück zu Webdesign Tutorials