Utwórz trójkąt z zaokrąglonymi narożnikami


27

Wiem, że możesz stworzyć prostokąt o zaokrąglonym rogu; ale jak utworzyć w Photoshopie trójkąt z zaokrąglonymi narożnikami?

Tak naprawdę jestem zainteresowany tworzeniem go od zera, a nie bazowaniem na niestandardowym kształcie dostępnym w Photoshopie. Dzięki.


obie odpowiedzi poniżej są dobre. Zauważ, że metoda maski kanału alfa ma niewielki problem ze skalowaniem i brakiem absolutnej kontroli. Metodę wektorową można skalować do dowolnego rozmiaru bez utraty jakości i ma lepszą kontrolę promienia narożnika.
horatio

Zwykle przełączam się na Inkscape, aby robić takie rzeczy. Możesz także użyć programu Illustrator / CorelDraw / preferowanego edytora grafiki wektorowej. Nie dlatego, że używanie Photoshopa jest złe lub nierozsądne, po prostu wolę dedykowane edytory grafiki wektorowej do tych rzeczy.
thomasrutter

1. Utwórz go w programie Illustrator. 2. Wklej jako inteligentny obiekt w PS. W ten sposób możesz majstrować przy promieniu narożnika;)
Salman von Abbas,

Odpowiedzi:


32

Można to zrobić na kilka sposobów. Możesz użyć narzędzia do rysowania, które narysujesz samodzielnie.

Moja odpowiedź opiera się na sposobie, w jaki robiłem to przez lata.

krok 1

Narysuj trójkąt na nowej warstwie. naciśnij cmd + a (wybierz wszystko), a następnie cmd + c (skopiuj)

krok 2

przejdź na kartę Kanały i utwórz nowy kanał. Domyślnie będzie się nazywać „Alpha 1”. teraz wklej trójkąt, który wcześniej skopiowałeś. Uwaga: trójkąt będzie biały. Biały obszar w kanale stanie się później wybraną maską.

krok 3

teraz nadaj całej warstwie kanału rozmycie gaussowskie. Uwaga: wartość rozmycia tutaj nie przełoży się dokładnie na pożądany promień obramowania piksela. musisz po prostu trochę z tym pograć. Używam rozmycia 10px w moim przykładzie.

krok 4

Po zakończeniu rozmycia naciśnij cmd + L (poziom). W menu poziomu dostosuj wartości wejściowe. użyj wartości wybranej na zrzucie ekranu. Chodzi o to, aby trójkąt znów był „ostry”. Spowoduje to utworzenie okrągłych końcówek na każdym końcu.

krok 5

Teraz wróć do karty Warstwy, ukryj warstwę trójkąta, przed którą narysowałeś. rozpocząć nową warstwę, a następnie przejść do „Wybierz” -> „Załaduj wybór”. W wyskakującym okienku dla „Źródło” wybierz „Alpha 1”

Teraz masz zaznaczony zarys zaokrąglonego trójkąta, a następnie możesz wypełnić go dowolnym kolorem.


1
+1 Dobra technika. Aby dokładnie wyregulować krawędź po regulacji poziomów, Filtr> Inne> Minimalizuj (lub Maksymalizuj) działa dobrze bez wprowadzania aliasingu.
Alan Gilbertson,

Ten jest najlepszy ze względu na dokładność, są szanse, że jeśli zepsujesz narzędzie pióra, nie uzyskasz idealnego promienia narożnika, ale w ten sposób wszystko jest „generowane” przez oprogramowanie, więc jest dokładne!
Dan Hanly

@ Jin: Dziękuję bardzo! Najwyraźniej, w zależności od wartości wybranych w menu Poziomy, rozmiar trójkąta będzie się różnić.
moey

@Alan: Nie mogłem znaleźć filtra „Inne> ...” w moim Photoshopie (CS4 Extended na Macu). Czy to niestandardowy filtr?
moey

1
@SikuSikuCom minusem tej metody jest to, jak ostry kształt kończy się, jest wciąż wykonywany ręcznie. Więc musisz to zobaczyć. Ponadto nie jest skalowalny, ponieważ nie jest wektorem. Jednak jedną zaletą tej metody jest to, że dotyczy ona również innych kształtów wielokątów. np. sześciokąt z zaokrąglonymi narożnikami.
Jin

9

istnieje kilka bardzo łatwych kroków, aby zrobić taki trójkąt z okrągłym rogiem za pomocą narzędzia pióra, a także od zera

  • Przede wszystkim utwórz trójkąt za pomocą pióra.
  • dodaj dodatkowy punkt kontrolny w dolnym rogu po prawej i lewej stronie, zgodnie z załączonym zrzutem ekranu.

  • po tym naciśnij A / lub wybierz (narzędzie do zaznaczania ścieżki) i przesuń go lekko w prawą stronę, możesz go zgiąć zgodnie z pożądanym okrągłym kształtem, zastosuj to samo w górnym rogu, tam musisz dodać tylko jeden punkt kontrolny i wykonać tak samo jak na dole.

    włącz siatkę (Ctrl / Cmd-,) pomoże to w umieszczeniu punktów kontrolnych dla dokładnego okrągłego narożnika / promienia po obu stronach, możesz zwiększyć / zmniejszyć promień po prostu przeciągając punkty kontrolne.

sprawdź to SS ....

(kliknij lewym przyciskiem myszy i wyświetl duży obraz w nowym oknie) .... zaokrąglony trójkąt

Mam nadzieję, że to pomoże ...


3
Działa to najlepiej, jeśli włączysz siatkę (Ctrl / Cmd-,) i umieścisz początkowe punkty kontrolne na przecięciach siatki, w przeciwnym razie trudno będzie uzyskać identyczny promień narożnika w każdym wierzchołku.
Alan Gilbertson,

@Jack: Dzięki za instrukcję krok po kroku. Być może jestem zbyt perfekcjonistą, ale w jaki sposób zapewnilibyśmy, że okrągłość jest dokładnie taka sama w trzech rogach? Mogę sprawić, że dwa dolne identyczne; problem dotyczy pierwszego.
moey

za pomocą siatki możesz łatwo wykonać wszystkie podobne rundy
Jack

6
  1. Utwórz trójkąt o pożądanym rozmiarze

  2. Umieść kształty okręgu o pożądanym promieniu w rogach trójkąta, aby były wyrównane z krawędziami, ale nie przecinały się.

  3. Łącz kształty.

  4. Gotowy. :)


1
Nie zapomnij przyciąć punktów na trójkącie. W przeciwnym razie twój kombajn po prostu wytworzy oryginalny trójkąt ...
Farray,

3

Mam łatwiejszy ...

  • Wybierz „Spersonalizowany kształt”.
  • Załaduj „Symbole” z menu „formularza”.
  • Wybierz odwrócony trójkąt (ma zaokrąglone krawędzie).
  • Gotowy

Możesz go obracać lub odwracać w dowolny sposób. Nie możesz zmienić tego radosnego, tho.


1

Utwórz prostokąt z gładkimi ramkami (używam 3px), a następnie usuń jeden narożnik za pomocą narzędzia Pióro. Dostosuj go, aby wyglądał tak, jak chcesz.


-1

Utwórz trójkąt za pomocą narzędzia Pióro. Używając efektów, umieść na nim obrys zewnętrzny, dzięki czemu będzie on tak duży, jak potrzebujesz, w celu zaokrąglenia narożników. Teraz będziesz musiał wygładzić wszystkie punkty w swoim pociągnięciu, wykonując kolejne kroki.

Kliknij prawym przyciskiem myszy warstwę trójkąta i wybierz polecenie Konwertuj na inteligentny obiekt. Przytrzymując Ctrl, kliknij miniaturę trójkąta w panelu Warstwy, aby ją wybrać. Idź do Wybierz w menu głównym i wybierz Modyfikuj, a następnie z rozwijanego menu wybierz Kontrakt. Umowa przez 3px. Wróć do opcji Wybierz w menu głównym i ponownie wybierz opcję Modyfikuj, tym razem wybierz opcję Wygładzanie i wprowadź wartość 10 pikseli. Naciśnij przycisk maski u dołu panelu Warstwy. Wróć do warstwy i kliknij prawym przyciskiem myszy, wybierając ponownie opcję Konwertuj na inteligentny obiekt.

W zależności od rozmiaru trójkąta może być konieczna zmiana liczby pikseli, które skurczysz i wygładzisz podczas dokonywania wyboru.

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.