Jeder mag rechte Winkel in Bildern. Dennoch gibt es Zeiten, in denen dieselben Ecken abgerundet werden müssen. Dann kommt Ihnen wieder das Photoshop-Programm zu Hilfe. In diesem Artikel werden wir uns eine der vielen Möglichkeiten ansehen, wie dies geschehen kann. Bedenken Sie, dass meine Methode auch darin besteht, das Bild an den Rändern ein wenig abzuschneiden. Dies ist eine Art Opfer zugunsten abgerundeter Ecken.
Für diejenigen, die mehr Klarheit wünschen, habe ich ein Video-Tutorial aufgezeichnet, das am Ende dieser Lektion angesehen werden kann. Beginnen wir also damit, die Ecken des Bildes abzurunden:
Schritt 1
Standardmäßig werden alle Bilder in Photoshop geöffnet Hintergrundbild. Photoshop benennt diese Ebene als „Hintergrund“ und verhindert außerdem unnötige Bearbeitung. Dies wird uns durch ein kleines Vorhängeschloss-Symbol angezeigt.
Um eine solche Ebene zu entsperren, müssen Sie darauf doppelklicken. Das Dialogfeld „Neue Ebene“ wird angezeigt. Ändern Sie nichts, klicken Sie einfach auf OK. Das Schloss sollte jetzt verschwinden.
Schritt 5
Klicken Sie im Ebenenbedienfeld auf die allererste Ebene mit unserem Originalbild und drücken Sie die Tastenkombination Strg+Umschalt+I. Daher sollten wir den gesamten Bereich außerhalb der Grenzen unseres Quadrats auswählen. Es heißt. Schauen Sie sich genauer an, was sich geändert hat:
Schritt 6
Drücken Sie nun die Tastenkombination Strg+X (Bearbeiten - Schneiden), um den ausgewählten Bereich zu löschen. Die Auswahl sollte verschwinden und an der Stelle, an der sich das Bild befand, ein schachbrettartiger Hintergrund (Transparenz) erscheinen.
Schritt 7
Jetzt machen wir unsere Formebene unsichtbar. Klicken Sie dazu im Ebenenbedienfeld auf das Augensymbol gegenüber der quadratischen Ebene. Hier ist das Originalbild mit abgerundeten Ecken.
Schritt 8
Führen Sie den Befehl aus Bild - Damit Photoshop den gesamten zusätzlichen Platz um das Bild herum entfernt. Daher sollte der Transparenzmodus nur in den Ecken sichtbar sein.
Um ein solches Bild in Zukunft verwenden zu können, muss es im PNG-Format gespeichert werden! In diesem Fall bleiben die Ecken transparent. Andernfalls, wenn Sie beispielsweise in speichern JPG-Format, werden die Ecken automatisch mit einem weißen Hintergrund versehen.
Also, alles ist bereit. Das Bild mit abgerundeten Ecken sieht folgendermaßen aus:
Wie schafft man beispielsweise nur eine abgerundete Ecke?
Ganz einfach. Kehren wir zu der Bühne zurück, als wir die Figur gezeichnet haben. Dehnen Sie es so aus, dass Sie nur eine abgerundete Ecke sehen können und die anderen drei außerhalb der Leinwand verborgen sind. Hier folgen Sie dann den oben beschriebenen Anweisungen. Alles ist gleich.
Ich hoffe, die Anleitung hat dir geholfen und du kannst etwas Cooles machen! Viel Glück.
Wenn Sie einen Fehler im Text bemerken, markieren Sie ihn und drücken Sie Strg + Eingabetaste. Danke schön!
Der Unschärfewert hängt von der linearen Größe des Bildes und der Größe des Verrundungsradius ab, den Sie erreichen möchten. Ich habe einen Wert von 4 Pixel gewählt:
Für alle Fälle erstelle ich eine Kopie der Ebene mit der unscharfen Figur, indem ich Strg+J drücke.
Halten Sie die Strg-Taste gedrückt und klicken Sie auf das Ebenensymbol im Ebenenbedienfeld, um eine Auswahl um die Form zu erstellen. Gehen Sie zur Registerkarte „Hauptmenü“ und wählen Sie „Kante verfeinern“. Wählen Sie den Anzeigemodus (oben im Dialogfeld) „auf Schwarz“:
Der Parameter „Smooth“ ist für den Eckenradius verantwortlich, Sie können ihn also nach Ihrem Geschmack wählen, die Werte „Feather“ und „Contrast“ müssen jedoch auf 0 Pixel eingestellt sein. bzw. 100 %.
Klicken Sie auf OK, das Dialogfeld „Kante verfeinern“ wird geschlossen und die „laufenden Ameisen“ werden erneut im Dokument angezeigt. Alles, was wir tun müssen, ist auf das Symbol zum Erstellen einer Ebenenmaske unten im Ebenenbedienfeld zu klicken. Damit erstellen wir eine Ebenenmaske aus dem ausgewählten Bereich.
Ergebnis:
Das Ebenenbedienfeld sieht folgendermaßen aus:
Wie Sie im vorletzten Bild sehen können, sind die Ecken abgerundet, aber entlang der Kanten innerhalb der Form gibt es einen unnötigen Farbübergang (dies geschah aufgrund von Unschärfe). Um dies zu beheben, halten Sie die Strg-Taste gedrückt und klicken Sie auf das Ebenenmaskensymbol:
Um die Form herum wird eine Auswahl angezeigt. Dann Unbedingt Klicken Sie auf das Ebenensymbol, wählen Sie die gewünschte Farbe in der Farbpalette aus und drücken Sie Strg+Entf, um die Auswahl zu füllen. Ich habe die Originalfarbe der Form übernommen.
So runden Sie Textecken mit der oben beschriebenen Methode ab:
Wenn Sie außerdem eine Ebenenmaske auf die Quelldatei anwenden und diese teilweise entfernen, können Sie einen Effekt auf einzelne Bereiche der Form oder des Textes erzielen.
Auf einigen Websites, deren Design keine scharfen Ecken aufweist, weisen Abbildungen in Artikeln und Nachrichten auch abgerundete Kanten auf. Sehr oft denken Webdesigner nicht darüber nach, dass die Erstellung solcher Illustrationen mit abgerundeten Ecken für den Websitebesitzer nicht unbedingt über die erforderlichen Kenntnisse verfügt Photoshop. Schuld ist jedoch der Site-Kunde selbst. Obwohl er fordert, dass alles schön sein soll, denkt er oft nicht darüber nach, wie er dann Bilder mit abgerundeten Kanten zu Artikeln und Nachrichten auf seiner Website hinzufügt.
In dieser Lektion Photoshop Wir werden am Beispiel eines Avatars sehen, wie einfach es ist, die Ecken eines Bildes abzurunden, ohne durch die Dicke eingeschränkt zu sein 1px:
Als ich zum ersten Mal Ecken in einer Illustration für eine Website abrunden musste, war die Antwort für mich nicht klar. Ich habe gegoogelt und bin auf ein paar Übersetzungsanweisungen gestoßen, die für einen Anfänger zu schwer zu verstehen waren, als dass er sich mit Kanälen, Pfaden, Unschärfen, Hilfslinien und anderen Tools für Fortgeschrittene herumschlagen könnte Photoshop Sogar ein Profi ist faul und für einen Anfänger kann ein solcher Prozess unverständlich und langwierig erscheinen. Nachdem ich ein wenig nachgedacht hatte, fand ich meinen eigenen Weg, die Kanten des benötigten Designs schnell und einfach abzurunden.
Runden Sie alle Ecken der Zeichnung mit einer Photoshop-Form ab
Nehmen wir an, Sie müssen es mit abgerundeten Kanten erstellen. Allerdings erhalten Sie kein vergleichbares Bild mit glatten Kanten. Bietet Ihnen ein sehr einfaches, aber sehr detailliertes und illustriertes Photoshop-Tutorial zum Erstellen eines Bildes mit abgerundeten Ecken für Anfänger.
1. Öffnen Sie Photoshop. Dieses Tutorial verwendet meine Lieblingsversion. Adobe Photoshop CS3, aber auch jede andere auf Ihrem Computer installierte Version reicht aus.
2. Öffnen Sie die Originalzeichnung, deren Kanten wir abrunden werden. Wenn die Zeichnung in Größe und Form von der von uns benötigten Zeichnung abweicht, ist dies erforderlich und/oder in Photoshop, bevor mit dem Abrunden der Ecken begonnen wird.
3. Drücken Sie auf der Tastatur Strg+A, um das gesamte Bild auszuwählen, und klicken Sie dann Strg+C um es zu kopieren. Öffnen Sie ein neues Fenster in Photoshop ( Strg+N) und fügen Sie das kopierte Bild ein ( Strg+V). In diesem Fall sollte der Hintergrund im neuen Fenster entweder , oder die Farbe sein, die das Bild mit abgerundeten Kanten auf der Site umgeben soll.
4. Wir schaffen neue Ebene (Strg+Umschalt+N). Und in dieser neuen Ebene mit dem Werkzeug Abgerundetes Rechteckwerkzeug (U) Zeichnen Sie ein Quadrat oder Rechteck der gewünschten Größe:
5. Die Hintergrundfarbe des gezeichneten Rechtecks spielt keine Rolle. Parameter Radius, das den Grad der Rundheit der Ecke charakterisiert, ist für diese Lektion gleich 8 , aber Sie können es nach Ihren Wünschen ändern:
6. Die in der neuen Ebene gezeichnete Form kann mit den Pfeiltasten auf der Tastatur verschoben werden. Seine Form kann durch Drücken der Tastatur geändert werden Strg+T und dann die Form mit der Maus strecken. Wenn Sie bei gedrückter Taste um eine Ecke ziehen Schicht, ändert sich die Größe der Figur proportional. Als Ergebnis all dieser Maßnahmen stellen wir sicher, dass die Figur mit abgerundeten Kanten die von uns benötigte Größe und Form hat:
7. Während Sie die Taste gedrückt halten Strg Klicken Sie im Ebenenbedienfeld auf die Ebenenvorschau Schichten(Für uns ist das ein rotes Quadrat). Dadurch können wir ein rotes Rechteck mit abgerundeten Ecken auswählen, was durch die gepunktete Linie entlang seines Randes erkennbar ist:
8. Im Ebenenbedienfeld Schichten Gehen Sie zur untersten Ebene mit dem Hauptbild und drücken Sie die Kombination Strg+Umschalt+I(oder Wählen Sie -> Invers im Wesentlichen Photoshop-Menü). Dadurch wird der Bereich hervorgehoben, der außerhalb des roten abgerundeten Quadrats liegt.
9. Drücken Sie eine Taste auf der Tastatur Löschen um diesen Teil des Hauptbildes zu entfernen, den wir nicht benötigen. Danach machen Sie die oberste Ebene mit dem roten Quadrat unsichtbar (im Panel). Schichten Klicken Sie auf das Augensymbol neben der Ebene mit dem roten Quadrat. Drücken Sie auf der Tastatur M und klicken Sie auf eine beliebige Stelle auf der Zeichenfläche, um die Auswahl des fertigen Avatarbilds mit abgerundeten Ecken aufzuheben. Wenn wir den Hintergrund auf transparent stellen, erhalten wir Folgendes:
10. Die Zeichnung ohne scharfe Ecken ist fertig. Sie können es auch als Avatar oder Illustration auf der Website verwenden.
Wenn Sie häufig Bilder mit abgerundeten Ecken erstellen müssen und diese alle die gleiche Größe und den gleichen Stil haben, wäre es logisch, das Ergebnis dieser Lektion zu speichern Photoshop im Format PSD damit die Ebenen bearbeitbar bleiben. Dann wird das Erstellen neuer Bilder ohne scharfe Ecken vereinfacht, bis der Umriss ausgewählt ist fertiges Bild, die Auswahl umkehren und den unnötigen Teil des neuen Bildes entfernen.
Wenn Sie nur eine Ecke des Motivs abrunden müssen, der Rest aber scharf bleiben soll, eignen sich die obigen Anleitungen ebenfalls hervorragend. Verwenden Sie dazu einfach die Kombination Strg+T Das rote Rechteck ist größer als das Bild, das Sie bearbeiten. In diesem Fall enden die Kanten des roten Quadrats außerhalb der Leinwand und ein solches Rechteck kann der Zeichnung überlagert werden, sodass nur eine Ecke den sichtbaren Bereich der Zeichnung überlappt und der Rest außerhalb davon bleibt. Durch das Umkehren und Löschen des ausgewählten Teils des Bildes runden wir nur eine gewünschte Ecke des Bildes ab und die restlichen Ecken bleiben scharf. Ebenso können Sie schnell und einfach beliebig viele Ecken eines Bildes abrunden.
Um ein Bild mit gezackten Kanten oder anderen ähnlichen Effekten zu erstellen, können Sie außerdem ein Bild mit solchen gezackten Kanten oder abgerundeten Ecken verwenden, das Sie von einer Website heruntergeladen haben. In diesem Fall müssen Sie den Hintergrund, der nicht zum Bild gehört, beispielsweise mit dem Tool entfernen Zauberstab-Werkzeug (W).
Weitere Informationen zur Werbung für mobile Anwendungen finden Sie auf der Website advertmobile.net. Dieser Service bietet motivierte Installationen in großen Mengen für die von Ihnen entwickelte Anwendung sowie deren kompetente Werbung in App Store und Google Play.
25.07.2016 27.01.2018
In diesem Tutorial erfahren Sie, wie Sie in Photoshop scharfe Ecken von Formen glätten.
Lassen Sie uns zunächst eine Form erstellen. Sie können dies tun, indem Sie in der Symbolleiste das Werkzeug „Benutzerdefinierte Form“ auswählen. Hotkey Aufruf des Untermenüs der Werkzeuge zum Erstellen Vektorformen- U.
Es gibt zwei Möglichkeiten, dieses Tool zu aktivieren:
1. Mit geklemmt Umschalttaste Klicken Sie auf eine Gruppe von Werkzeugen. Es öffnet sich ein Untermenü zur Auswahl des gewünschten Werkzeugs.
2. Durch langes Klicken mit der linken Maustaste auf eine Werkzeuggruppe wird ebenfalls ein Untermenü geöffnet.
Laden Sie alle verfügbaren Formen in Photoshop (klicken Sie auf die Miniaturansicht der Form im oberen Bereich und dann auf das „Zahnrad“ rechts, um zusätzliche Einstellungen zu öffnen):
Wählen Sie aus der Dropdown-Liste eine Form mit scharfen Ecken aus, zum Beispiel diesen Stern mit 10 Ecken:
Vergessen Sie beim Erstellen einer Figur nicht, sie festzuhalten SchlüsselSchicht- Dies hilft, die Proportionen beizubehalten.
Jetzt müssen Sie die Figur rastern - Klicken Sie mit der rechten Maustaste auf die Ebene mit der Form – Ebene rastern.
Wir wählen den Radius abhängig von der Größe der Leinwand und dem gewünschten Ergebnis, das ich gewählt habe 6 Pixel.
Jetzt müssen wir die Auswahl der Ebene mit der Form laden, dazu halten wir gedrückt SchlüsselStrgKlicken Sie auf die Miniaturansicht der Ebene mit einer Figur drauf Ebenenbedienfeld.
Wenn die Auswahl aktiv ist, drücken Sie die Taste „Kante verfeinern“ (Kante verfeinern):
Es öffnet sich ein Einstellungsmenü, in dem wir den Parameter benötigen Feder weitermachen 0 , und der Parameter Kontrast auf Maximum erhöhen 100%. Parameter Glatt Passen Sie es nach Ihrem Geschmack an, es hilft dabei, die Ecken der Figur abzurunden. Beim 10-eckigen Stern stelle ich ihn auf Maximum, es kann aber sein, dass man ganz andere Einstellungen hat.
Im Parameter Ausgabe an... Belassen Sie die Standardeinstellung - Zuweisung.
Drücken Sie die Eingabetaste, um die Einstellungen zu übernehmen. Erstellen Sie eine neue Ebene und verwenden Sie sie Farbeimer-Werkzeug oder indem Sie zum Menü gehen Bearbeitungsfüllung Füllen Sie die Auswahl beispielsweise mit der gewünschten Farbe. Schwarz, wie in der Originalfigur. Schalten Sie die Sichtbarkeit der ursprünglichen Ebene mit der Form aus und erhalten Sie diese Form mit abgerundeten Ecken:
Das ist es. In diesem Tutorial haben wir gelernt, wie man in Photoshop Ecken von Formen abrundet. Ich hoffe, die Lektion war für Sie nützlich.
Guten Morgen, Nachmittag, Abend oder Nacht euch allen. Dmitry Kostin ist immer wieder bei Ihnen. Irgendwie habe ich durchgeschaut verschiedene Bilder und dann gefielen mir einige davon. Und sie mochten sie, weil sie abgerundete Kanten hatten. Es sieht sofort interessanter aus. Meinst du nicht auch? Und deshalb möchte ich Ihnen in der heutigen Lektion erklären, wie Sie in Photoshop Ecken abrunden, damit das Foto interessanter aussieht.
Was ich an Photoshop liebe, ist, dass in vielen Fällen dasselbe auf verschiedene Arten erreicht werden kann. So ist es hier. Beginnen wir mit unserem Photoshop.
Einfaches Glätten
Glätten mithilfe von Rändern
Diese Methode ähnelt der vorherigen, ist aber dennoch sehr unterschiedlich. Wir werden alles mit dem gleichen Bild machen.
Indem man eine Form schafft
Die dritte Methode unterscheidet sich bereits radikal von den beiden vorherigen. Machen Sie also ein paar Sekunden Pause und machen Sie weiter. Ich werde das Bild nicht ändern und dieses Auto erneut in Photoshop laden.
Sehen Sie, was dabei herausgekommen ist? Das Bild hat jetzt abgerundete Kanten, und das alles, weil es nur dort angezeigt wird, wo sich unser gezeichnetes abgerundetes Rechteck befindet. Jetzt können Sie das zusätzliche Foto jedoch mit dem Rahmenwerkzeug zuschneiden oder das Bild sofort speichern und erhalten dann bereits ein separates Bild mit abgerundeten Ecken.
Versuchen Sie, alles selbst zu machen, und sagen Sie mir gleichzeitig, welche der vorgestellten Methoden für Sie besser geeignet ist.
Und übrigens, wenn Sie Lücken in Photoshop haben oder es einfach in kürzester Zeit vollständig erlernen möchten, dann empfehle ich Ihnen dringend, sich eines anzuschauen Toller Photoshop-Kurs für Anfänger. Der Kurs ist gut gemacht, alles wird großartig erzählt und gezeigt und jedes Material wird ausführlich besprochen.
Nun, ich beende meine Lektion für heute. Vergessen Sie nicht, neue Artikel zu abonnieren und diese mit Ihren Freunden zu teilen. Ich habe mich gefreut, Sie auf meinem Blog zu sehen. Ich warte wieder auf dich. Tschüss.
Mit freundlichen Grüßen, Dmitry Kostin