Створіть трикутник із закругленими кутами


27

Я знаю, ви можете створити прямокутник із закругленим кутом; але, як створити трикутник із закругленими кутами у Photoshop?

Мені реально цікаво зробити це з нуля, а не грунтувати його на спеціальній формі, доступній у Photoshop. Спасибі.


обидві відповіді нижче хороші. Зауважте, що метод маски альфа-каналів має незначну проблему із масштабуванням та відсутністю абсолютного контролю. Векторний метод можна масштабувати до будь-якого розміру без втрат якості та має більш тонкий контроль за радіусом кута.
horatio

Зазвичай я переходжу на Inkscape, щоб робити подібні речі. Ви також можете використовувати Illustrator / CorelDraw / бажаний редактор векторної графіки. Не те, що використання Photoshop є неправильним або нерозумним, я просто віддаю перевагу спеціальним редакторам векторної графіки для цих речей.
thomasrutter

1. Створіть його в Illustrator. 2. Вставити як розумний об’єкт в PS. Ви можете повозитися радіусом кута в будь-який час таким чином;)
Салман фон Аббас

Відповіді:


32

Існує кілька способів зробити це. За допомогою інструмента пером ви можете намалювати його самостійно.

Моя відповідь ґрунтується на тому, як я робив це протягом багатьох років.

крок 1

Намалюйте трикутник у новому шарі. натисніть cmd + a (виберіть усі), а потім cmd + c (копія)

крок 2

перейти на вкладку Канали та створити новий канал. За замовчуванням він буде названий "Альфа 1". тепер вставте трикутник, який ви скопіювали раніше. Зверніть увагу, що трикутник буде білим. Біла зона в каналі згодом стане вашою вибраною маскою.

крок 3

тепер надайте всьому шару каналу гауссова розмитість. Зауважте: значення розмиття тут не буде точно відповідати бажаному радіусу межі пікселя. вам просто доведеться трохи пограти з цим. Я використовую розмиття 10px у своєму прикладі.

крок 4

Після закінчення розмиття натисніть cmd + L (рівень). У меню рівня відрегулюйте вхідні значення. використовувати значення, яке я вибрав на екрані екрана. Ідея - знову отримати трикутник «гострим». Це дозволить створити круглі наконечники на кожному кінці.

крок 5

Тепер поверніться на вкладку "Шари", схойте шар трикутника, який ви намалювали раніше. почати новий шар, потім перейти до "Вибрати" -> "Завантажити вибір". У спливаючому вікні для "Джерела" виберіть "Альфа 1"

Тепер ви вибрали закруглений кутовий контур трикутника, потім зможете заповнити його будь-яким кольором.


1
+1 Приємна техніка. Щоб тонко налаштувати край після регулювання рівнів, фільтр> інше> мінімізувати (або збільшити максимум) працює добре, не вводячи дозволу.
Алан Гілбертсон

Цей варіант найкращий для точності, швидше за все, якщо ви зіпсуєте інструмент для пера, то радіус кута не вийде ідеальним, але цей спосіб все "генерується" програмним забезпеченням, так що це точно!
Ден Хенлі

@ Джин: Дуже дякую! Мабуть, залежно від вибраних значень у меню Рівні розмір трикутника буде змінюватися.
moey

@Alan: Не вдалося знайти фільтр "Інше> ..." у своєму Photoshop (CS4 Extended на Mac). Це нестандартний фільтр?
moey

1
@SikuSikuCom Недоліком цього методу є те, наскільки гостра форма в кінцевому підсумку, все-таки робиться вручну. Тож вам доведеться її заплющити. Крім того, це не масштабується, оскільки не векторне. Однак одна гарна річ у цьому методі - це те, що він застосовується і до інших форм багатокутника. наприклад шестикутник із закругленими кутами.
Цзінь

9

Є кілька дуже простих кроків, щоб зробити такий трикутник з круглим кутом за допомогою інструмента ручки, і його з нуля теж

  • Перш за все створіть свій трикутник за допомогою інструменту для пера.
  • додайте додаткову опорну точку в нижньому куті праворуч і ліворуч з обох боків відповідно до знімка екрана.

  • після цього натисніть A / або виберіть (інструмент вибору шляху) і злегка перемістіть його в потрібну сторону, ви можете зігнути його відповідно до потрібної круглої форми, застосуйте те саме, що у верхньому куті, там вам потрібно додати лише одну точку прив’язки і зробити те саме, що ви робили внизу.

    увімкніть сітку (Ctrl / Cmd-,) вона допоможе вам розмістити точки прив’язки до точного круглого кута / радіуса для обох боків, ви можете збільшити / зменшити радіус, просто перетягнувши точки якоря.

перевірити цей СС ....

(клацніть лівою кнопкою миші та переглянути велике зображення у новому вікні) .... округлий трикутник

Сподіваюся, це допоможе ...


3
Це найкраще спрацьовує, якщо увімкнути сітку (Ctrl / Cmd-,) і розмістити початкові точки прив’язки на перетинах сітки, інакше важко зробити радіус кута однаковим у кожній вершині.
Алан Гілбертсон

@Jack: Дякую за покрокову інструкцію. Можливо, я трохи надто перфекціоніст, але як би ми забезпечили, щоб округлість була однаковою в трьох кутах? Я можу зробити так, щоб зробити нижні два однакові; питання - для першої.
moey

за допомогою сітки ви можете зробити всі подібні раунди, її легко спробувати
Джек

6
  1. Створіть форму трикутника потрібного розміру

  2. Покладіть фігури кола потрібного радіуса в кути трикутника, щоб вони вирівнювались по краях, але не перетиналися.

  3. Поєднуйте фігури.

  4. Зроблено. :)


1
Не забудьте обрізати точки на трикутнику. Інакше ваш комбінат просто створить оригінальний трикутник ...
Farray

3

У мене простіше ...

  • Виберіть "Персоналізована форма".
  • Завантажте "Символи" в меню "Форма".
  • Виберіть перевернутий трикутник (він має закруглені краї).
  • Зроблено

Ви можете обертати або перевертати все, що завгодно. Ви не можете змінити радісне, тхо.


1

Створіть прямокутник з гладкими рамками (я використовую 3px), а потім видаліть один кут інструментом для пера. Відрегулюйте його, щоб він виглядав так, як вам хочеться.


-1

Створіть трикутник за допомогою інструмента пера. Використовуючи ефекти, нанесіть на нього зовнішній штрих, зробивши його таким же великим розміром, як потрібно для того, наскільки округлими ви хочете свої кути. Тепер вам потрібно буде згладити будь-які точки вашого обведення, виконавши наступні кроки.

Клацніть правою кнопкою миші на шарі трикутника та оберіть Перетворити на розумний об’єкт. Тримаючи Ctrl, натисніть на ескіз вашого трикутника на панелі «Шари», щоб вибрати його. Перейдіть до вибору в головному меню та виберіть Змінити, а потім у спадному меню виберіть Контракт. Контракт на 3 пікселя. Поверніться до пункту Вибір у головному меню та знову оберіть Змінити, цього разу вибираючи Гладку та введіть 10 пікселів. Натисніть кнопку маски внизу панелі "Шари". Поверніться до свого шару і клацніть правою кнопкою миші, вибираючи ще раз Перетворити в Smart Object.

Залежно від розміру вашого трикутника, можливо, вам доведеться змінити кількість пікселів, які ви скорочуєте та згладжуєте під час вибору.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.