In diesem Photoshop-Tutorial sehen wir uns an, wie einfach es ist, abgerundete Fotoecken zu erstellen. Wie bei den meisten Dingen in Photoshop gibt es ungefähr 17 verschiedene Möglichkeiten, um abgerundete Ecken zu erstellen, aber wir werden die Dinge interessanter machen, indem wir uns eine Möglichkeit ansehen, wie dies mit etwas in Photoshop geschehen kann, von dem viele Menschen nicht einmal wissen - Vektormasken ! Was ist eine Vektormaske? Nun, wenn Sie denken, Ebenenmasken machen Spaß (Sie denken, Ebenenmasken machen Spaß, oder?), Werden Sie Vektormasken lieben!
Jeder Grafikdesigner weiß, dass eine Möglichkeit, Menschen beim Betrachten eines Designs ein bestimmtes Gefühl zu vermitteln, die Verwendung von Formen ist. Unterschiedliche Formen haben unterschiedliche Auswirkungen auf uns. Einige Formen wirken warm, freundlich und lustig, während andere kalt, starr und ernster wirken. Sie müssen jedoch kein Designexperte sein, um dies selbst zu erleben. Nehmen Sie einfach einen Bleistift und ein Stück Papier, zeichnen Sie sich ein Quadrat, dann einen Kreis und fragen Sie sich, welches für Sie ansprechender erscheint. Die Chancen stehen gut, dass Sie sich für den Kreis entscheiden, es sei denn, Sie sind der Typ, der gerne Samstagabend damit verbringt, Ihren Aktenschrank neu zu ordnen (nicht, dass daran etwas falsch ist). Die Leute lieben Kreise. Sie sind die "warmen, freundlichen und lustigen" Formen. Tatsächlich muss es nicht einmal ein vollständiger Kreis sein. Sie können ein Quadrat oder ein Rechteck mit seinen harten, rechtwinkligen Ecken nehmen, was uns normalerweise überhaupt nicht sehr lustig erscheint, stattdessen abgerundete Ecken geben, und plötzlich scheint es wie das Leben der Party!
Okay, das mag etwas übertreiben, aber abgerundete Ecken sehen für uns definitiv ansprechender aus als scharfe rechte Winkel. Es ist ein bisschen bedauerlich, dass jedes Mal, wenn wir ein Foto machen, auch wenn es sich um ein Foto einer Kindergeburtstagsfeier mit Luftballons und Partyhüten handelt, das Foto immer noch scharfe Ecken aufweist. Das mag in Ordnung sein, wenn wir nur die Fotos drucken lassen, aber was ist, wenn wir das Foto in einem Design oder einer Collage verwenden möchten? Wie wandeln wir diese scharfen Ecken in runde um?
Die Antwort? Sehr leicht, besonders wenn wir eine Vektormaske verwenden! In der Tat können wir nicht nur das Foto geben
abgerundete Ecken, wir haben die vollständige Kontrolle darüber, wie abgerundet sie sind!
Hier ist das Bild, das ich für dieses Photoshop-Tutorial verwenden werde:
Das Originalbild.
Mal sehen, wie einfach es ist, diese Ecken abzurunden!
Schritt 1: Fügen Sie eine Ebenenmaske hinzu
Ich habe ein neues leeres Photoshop geöffnet
Dokument, füllte die Hintergrundebene mit Schwarz, damit wir leichter sehen können, was gerade passiert, und zog dann mein Foto in das neue Dokument. Wir können das Dokument hier sehen und das Foto vor dem schwarzen Hintergrund zeigen:
Das Foto vor einem schwarzen Hintergrund.
Wenn wir in der Ebenen-Palette nachsehen, sehen wir das Foto auf einer eigenen Ebene, "Ebene 1", über der Hintergrundebene :
Die Ebenen-Palette in Photoshop zeigt das Foto auf "Ebene 1" über der mit Schwarz gefüllten Hintergrundebene.
Klicken Sie bei "Ebene 1" oder auf der Ebene, auf der sich Ihr Foto gerade befindet, auf das Ebenenmasken-Symbol unten in der Ebenen-Palette:
Fügen Sie eine Ebenenmaske zu "Ebene 1" hinzu, indem Sie auf das Symbol "Ebenenmaske" klicken.
In Ihrem Dokument ist anscheinend nichts passiert. Wenn Sie sich jedoch die Ebene in der Ebenen-Palette ansehen, sehen Sie, dass sich rechts neben der Vorschaumaske der Ebene eine Ebenenmaske befindet:
Nachdem Sie auf das Symbol "Ebenenmaske" geklickt haben, wird auf "Ebene 1" eine Ebenenmasken-Miniaturansicht angezeigt.
In diesem Lernprogramm werden Ebenenmasken nicht behandelt, da wir sie nicht verwenden. Wenn Sie jedoch mehr über Ebenenmasken erfahren möchten, lesen Sie unbedingt unser vollständiges Lernprogramm zum Verständnis von Ebenenmasken in unserem Photoshop-Grundlagen-Abschnitt.
Schritt 2: Fügen Sie eine Vektormaske hinzu
Okay, wenn wir die Ebenenmaske nicht verwenden, warum haben wir sie dann hinzugefügt? Nun, wir werden etwas tun, was viele Menschen niemals tun. Wir werden etwas sehen, das viele Menschen niemals sehen. Warum? Weil wir nicht "viele Leute" sind. Wir sind anders als sie. Diese Leute klicken einmal auf ein Symbol, sehen, was es tut, und machen dann ein Nickerchen. Es kommt ihnen nie in den Sinn, dass vielleicht, nur vielleicht, wenn sie ein zweites Mal auf genau dasselbe Symbol klicken, zumindest eine geringe Chance besteht, dass etwas anderes passiert! Und es ist schade für sie, denn in diesem Fall wird etwas anderes passieren!
Ich weiß, es klingt verrückt, aber jetzt, da wir unsere Ebenenmaske hinzugefügt haben, klicken Sie noch einmal auf genau dasselbe Symbol für die Ebenenmaske:
Klicken Sie ein zweites Mal auf das Symbol "Ebenenmaske" unten in der Ebenen-Palette.
Wenn Sie in Ihren Photoshop-Einstellungen "QuickInfos anzeigen" aktiviert haben, haben Sie möglicherweise bereits etwas anderes bemerkt, als Sie mit der Maus über das Symbol gefahren sind. In der QuickInfo wird nicht mehr wie gewohnt "Ebenenmaske hinzufügen" angezeigt. Stattdessen heißt es jetzt "Vektormaske hinzufügen". Sobald wir auf das Symbol klicken und die Ebene in der Ebenen-Palette betrachten, wird rechts neben der ersten eine zweite Ebenenmaske angezeigt . Der Unterschied besteht darin, dass es sich nicht um ein Miniaturbild der Maske der zweiten Ebene handelt. Es ist ein Vektormasken-Thumbnail:
Rechts neben der Ebenenmaskenminiatur wird eine "Vektormaskenminiatur" angezeigt.
Sowohl die Ebenenmasken-Miniaturansicht links als auch die Vektormasken-Miniaturansicht rechts sehen genau gleich aus, es gibt jedoch einen großen Unterschied zwischen einer Ebenenmaske und einer Vektormaske. Beide werden verwendet, um verschiedene Teile der Ebene anzuzeigen und auszublenden, aber die Art und Weise, wie sie ausgeführt werden, ist völlig unterschiedlich. Mit einer Ebenenmaske malen wir normalerweise mit dem Pinselwerkzeug darauf, um verschiedene Teile der Maske entweder weiß, schwarz oder in einem Grauton dazwischen zu machen. Weiß macht diesen Teil der Ebene sichtbar, Schwarz verbirgt ihn, und Grau macht diesen Bereich teilweise sichtbar, je nachdem, wie hell oder dunkel der Grauton ist.
Vektormasken erfordern dagegen überhaupt kein Malen. Tatsächlich können Sie nicht darauf malen, da Photoshop Sie nicht zulässt. Stattdessen verwenden wir Formen, um zu steuern, welche Teile der Ebene sichtbar oder verborgen sind. Tatsächlich werden wir jetzt eine Form verwenden, um unsere abgerundeten Ecken zu erstellen!
Schritt 3: Wählen Sie das abgerundete Rechteck-Werkzeug
Wechseln Sie nach dem Hinzufügen unserer Vektormaske zur Palette Werkzeuge und wählen Sie das Werkzeug Abgerundetes Rechteck aus. Standardmäßig ist es mit dem normalen Rechteck-Werkzeug verschachtelt. Klicken Sie also auf das Rechteck-Werkzeug und halten Sie die Maustaste ein oder zwei Sekunden lang gedrückt. Sie sehen ein Flyout-Menü. Wählen Sie das Abgerundete Rechteck-Werkzeug aus der Liste aus:
Klicken und halten Sie die Maustaste auf das "Rechteck-Werkzeug" in der Werkzeugpalette gedrückt und wählen Sie dann das "Abgerundete Rechteck-Werkzeug" aus dem angezeigten Ausklappmenü.
Verwechseln Sie diese Werkzeuge nicht mit den Auswahlwerkzeugen am oberen Rand der Werkzeugpalette, z. B. dem rechteckigen Auswahlrahmen oder dem elliptischen Auswahlrahmen. Dies sind Auswahlwerkzeuge, mit denen Sie Auswahlen ziehen können. Die Werkzeuge, die wir hier auswählen, sind Formwerkzeuge und werden zum Zeichnen von Formen verwendet.
Wechseln Sie mit ausgewähltem Abgerundetes Rechteck-Werkzeug in die Optionsleiste am oberen Bildschirmrand. Links sehen Sie eine Gruppe von drei Symbolen. Diese drei Symbole legen fest, wie unser Formwerkzeug funktioniert. Wir möchten Formen mit unserem Formwerkzeug zeichnen (hört sich ziemlich offensichtlich an, oder?), Also klicken Sie auf das Symbol auf der linken Seite, das das Symbol für Formebenen ist:
Klicken Sie in der Optionsleiste auf das Symbol "Ebenen formen".
Wenn Sie sich dann weiter nach rechts bewegen, gelangen Sie zur Option Radius. Diese Option bestimmt, wie abgerundet unsere Ecken sein werden. Je höher die Zahl, desto runder werden sie. Niedrigere Zahl, weniger gerundet. Einfaches Zeug. Das Problem ist, dass Sie erst dann genau wissen, welche Zahl Sie für den Radius-Wert eingeben müssen, wenn Sie eine ausprobieren, mit dem Zeichnen der Form beginnen, sich ansehen, wie abgerundet die Ecken sind, und dann entscheiden, ob Sie mit dem Ergebnis zufrieden sind oder ob die ecke mehr oder weniger abgerundet sein muss. Normalerweise beginne ich mit einem Wert zwischen 10 und 20 Pixeln, ziehe dann meine Form heraus und entscheide, ob mir die Ecken gefallen. Normalerweise mache ich das nicht und wahrscheinlich auch nicht beim ersten Versuch. Geben Sie zunächst einen Wert ein, ziehen Sie die Form heraus und drücken Sie einfach die Strg-Taste, wenn Sie mit der Rundung der Ecken nicht zufrieden sind + Z (Win) / Befehl + Z (Mac), um die Form rückgängig zu machen, geben Sie einen anderen Wert in die Option Radius ein und versuchen Sie es erneut.
Ich habe bereits einige Male damit experimentiert, und ich weiß, dass ein Radiuswert von etwa 30 Pixeln mir die gewünschten Ecken geben wird. Deshalb gebe ich "30 px" ein (das "px" steht für "Pixel") in die Option Radius:
Geben Sie einen Wert in die Option "Radius" ein, um zu bestimmen, wie abgerundet die Ecken sein werden.
Schritt 4: Wählen Sie die Vektormasken-Miniaturansicht in der Ebenenpalette aus
Wir haben unser Abgerundetes Rechteck-Werkzeug ausgewählt, wir haben die Option "Ebenen formen" in der Ebenen-Palette ausgewählt und wir haben einen "Radius" -Wert eingegeben, der bestimmt, wie abgerundet unsere Ecken sein werden. Wir sind bereit, unsere Form herauszuziehen. Zunächst müssen wir jedoch sicherstellen, dass die Vektormaske ausgewählt ist. Klicken Sie also wieder in der Ebenen-Palette auf die Miniatur der Vektormaske, um sie auszuwählen. Um die Miniaturansicht wird ein weißes Markierungsfeld angezeigt, mit dem wir wissen, dass die Vektormaske ausgewählt ist:
Klicken Sie in der Ebenen-Palette auf die Miniatur der Vektormaske, um sie auszuwählen. Um die Miniaturansicht wird ein weißer Markierungsrahmen angezeigt.
Schritt 5: Ziehen Sie die Form heraus
Jetzt müssen wir nur noch unsere Form herausziehen. Obwohl es für uns so aussieht, als würden wir die Form auf das Bild selbst zeichnen, zeichnen wir sie wirklich auf die Vektormaske, und wenn wir fertig sind, bleibt der einzige Teil unseres Fotos übrig sichtbar ist der Bereich innerhalb der Form. Alles außerhalb der Form wird ausgeblendet. Fahren Sie fort und ziehen Sie Ihre abgerundete Rechteckform heraus. Wenn Sie alles auf dem Foto behalten und die Ecken einfach abrunden möchten, beginnen Sie in der oberen linken Ecke des Fotos und ziehen Sie die Maus nach unten rechts. Wenn Sie die Form lieber verwenden möchten, um einen Teil des Fotos zuzuschneiden und ihm abgerundete Ecken zu geben, ziehen Sie Ihre Form einfach um den Bereich, den Sie behalten möchten.
Wenn Sie Ihre Form beim Ziehen neu positionieren müssen, halten Sie die Leertaste gedrückt und ziehen Sie die Form an die neue Position. Lassen Sie die Leertaste los, wenn Sie fertig sind, und ziehen Sie die Form weiter heraus.
Hier habe ich mein abgerundetes Rechteck gerade innerhalb der Ränder des Fotos herausgezogen. Sie können die abgerundeten Ecken der Form sehen, die in einem Moment zu den abgerundeten Ecken des Fotos selbst werden:
Klicken Sie auf die abgerundete Rechteckform und ziehen Sie sie in das Dokument. Alle Bereiche des Fotos, die außerhalb der Form liegen, werden von der Vektormaske ausgeblendet.
Lassen Sie die Maustaste los, wenn Sie mit Ihrer Form zufrieden sind, und Ihr Foto wird dank der Vektormaske sofort auf die Form "maskiert". Die Ecken des Fotos sind jetzt abgerundet:
Das Foto wird jetzt dank der Vektormaske durch die Form "Abgerundetes Rechteck" maskiert, und die Ecken des Fotos werden jetzt gerundet angezeigt.
Lassen Sie uns abschließen, indem wir unserer Form einen Rand hinzufügen.
Schritt 6: Fügen Sie einen weißen Strich hinzu, um einen Fotorand zu erstellen
Nur weil die Ecken unseres Fotos jetzt abgerundet sind, können wir dem Foto noch keinen Rahmen hinzufügen. Es bedeutet nur, dass die Ecken des Rahmens ebenfalls abgerundet werden! Klicken Sie zum Hinzufügen eines Rahmens unten in der Ebenen-Palette auf das Symbol „Ebenenstile“:
Klicken Sie unten in der Ebenen-Palette auf das Symbol "Ebenenstile".
Wählen Sie dann im unteren Bereich der angezeigten Liste der Ebenenstile die Option „Kontur“ aus:
Wählen Sie "Kontur" aus der Liste der Ebenenstile.
Dadurch wird das Dialogfeld „Ebenenstil“ von Photoshop geöffnet, in dem in der mittleren Spalte die Option „Kontur“ ausgewählt ist. Ich werde meine Strichgröße auf ungefähr 16 Pixel erhöhen. Je nach Größe und Auflösung Ihres Bildes möchten Sie möglicherweise einen anderen Wert festlegen. Ich belasse die Option Position auf Außerhalb, wodurch der Strich vollständig außerhalb der Formkanten platziert wird. Schließlich klicke ich unten auf das Farbfeld für die Option Farbe, die standardmäßig auf Rot eingestellt ist (da Adobe davon ausgeht, dass jeder natürlich Rot als Konturfarbe haben möchte). Ich werde Weiß als Strichfarbe auswählen. Klicken Sie auf OK, um den Farbwähler zu verlassen, sobald Sie Weiß ausgewählt haben:
Ändern Sie die oben rot eingekreisten Optionen für den Strich.
Wenn Sie fertig sind, klicken Sie auf OK, um das Dialogfeld Ebenenstil zu schließen und den Strich anzuwenden! Hier ist mein Endergebnis, nachdem ich meinen Strich angewendet habe, um meinen Fotorand zu erstellen:
Das Endergebnis "abgerundete Ecken".
Und da haben wir es! So unglaublich einfach ist es, ein Foto in Photoshop mit einer Vektormaske und dem abgerundeten Rechteck-Werkzeug abzurunden! Weitere Tutorials zu Photoshop-Effekten finden Sie in unserem Abschnitt zu Fotoeffekten.