Как убрать скругления углов у rectangle?
Есть такая структура:
Как у выделенного элемента убрать скругления углов до нуля?
- Вопрос задан более двух лет назад
- 419 просмотров
1 комментарий
Простой 1 комментарий
Propeller 8 @Propeller8
Проверь скругление у фреймов Group 31 и Mask Group.
Решения вопроса 1
Homkadesigner @Homkadesigner
Справа вверху нажать на такой квадрат и там будет углы, у меня 10 скругление задано.
Там 4 значения — верх лево, верх право, низ лево и низ право. То есть можно скруглять только один угол. Чтобы скругления не было, то ставим 0 везде или чуть выше возле квадрата, тогда общее будет 0
Ответ написан более двух лет назад
Нравится 1 3 комментария
lexstile @lexstile Автор вопроса
Странно, у меня такого нет, по крайней мере, я не нашел.
Homkadesigner @Homkadesigner
Нарисуй новый прямоугольник. Может баг какой-то. Хотя у тебя есть эта фигня, но там 0 стоит. Может ты его изменял (2 раза нажав на него) тогда скругление пропадет.
Либо если это вектор, то там можно навести и будет типо точки или другой фигни, за нее тянешь и скругление уходит.
А еще проще скопировать уже готовый, зачем заморачиваться? У тебя 3 справа без скруглений, скопируй, а этот удали.
lexstile @lexstile Автор вопроса
Homkadesigner, когда писал вопрос, не было квадратных, пришлось копировать другое лого и подгонять под текущее (с закругленными углами).
Благодарю за ответы!
Как скруглить один угол треугольника в Figma/Photoshop?
у меня при наведении и при нажатии на фигуру не высвечиваются эти точки для закругления.
Остальные ответы
Зажми команд перед тем, как потянешь за кружочек для изменения радиуса скругления, ты можешь любой из углов скруглить независимо от других )
В Figma можно сделать закругления определённых углов с помощью встроенной функции. При нажатии на квадрат справа (я его обвёл красной линией). Ниже появится меню с градусами углов
Похожие вопросы
Сквирклморфизм (Squirclemorphism) в дизайне интерфейсов
Вы заметили рост популярности этого тренда? Последние годы богаты на новые стили UI дизайна. Начиная с простого плоского дизайна, Material дизайна и заканчивая неоморфизмом, и глассморфизмом. Хотя я не настолько хороший охотник за трендами, как Michal Malewicz, я уверен, что нашел кое-что . Давайте погрузимся в мир сквирклов (суперэллипсов)!
Сквиркл? Что это?
Это не прямоугольник с закругленными углами и не круг. Эта фигура уникальна, но имеет огромное значение. Впервые она была замечена в цифровом дизайне с появлением iOS 7. К иконкам приложений была применена маска в форме сквиркла. С тех пор дизайнеры полюбили эту фигуру. Если вы хотите узнать формулу, лежащую в ее основе, ознакомьтесь с описанием из Википедии или исследованиями, проведенными Figma Engineere.
Рассвет сквирклморфизма
Первоначально сквиркл использовался для воссоздания иконок iOS-приложений. Как я уже упоминал, разница между стандартным прямоугольником с закругленными углами и суперэллипсом была небольшой, но заметной. Мы всегда стремимся к тому, чтобы наши дизайны выглядели современно, поэтому мы хотели, чтобы к иконкам приложений была применена маска в виде этой новой фигуры. Потом дизайнеры поняли, что его можно использовать для других элементов. Некоторые из нас начали использовать его в углах карточек, другие сделали элегантные иконки. Это было только начало. Теперь вы можете повсюду встретить сквирклы в различных формах в UI дизайне. Маска в форме суперэллипса применяется к целым страницам мобильных приложений! Шот от Fireart Studio Повсеместное распространение сквирклов побудило меня назвать этот тренд – Сквирклморфизм (Squirclemorphism)! Что интересно, сам стиль заключается только в использовании формы суперэллипса. Он может быть связан с нейоморфными или глассморфными элементами.
Вы можете увидеть их в Instagram
Изначально я заметил, что суперэллипсы становятся все более популярными в Instagram, потому что в ленте полно новых творений. На Dribbble я обычно ищу определенные элементы или категории, и было труднее заметить новый восходящий тренд. Aweka Design Дизайн от Amjad
Вы можете увидеть их на Dribbble
Я люблю просматривать дизайны на Dribbble, чтобы найти вдохновение или интересные стили и композиции. Введите «squircle» в поиске Dribbble, и вы увидите сотни результатов. Шот от Cuberto Шот от Halo Lab Как вы наверняка заметили, большинство дизайнов создаются только для демонстрации навыков своих создателей. Они не используются в реальных приложениях.
Сквирклы в Figma
По умолчанию закругленные углы указывают на правильный радиус. Но это касается только закругленных прямоугольников, а не суперэллипсов. Чтобы добиться особой формы, вам нужно добавить «Corner Smoothing» (Сглаживание углов) к радиусу скругления угла. Чтобы активировать сглаживание, вы должны нажать иконку радиуса скругления угла, чтобы отобразить подробные настройки радиус для каждого угла. Затем под иконкой меню с тремя точками вы найдете параметр «Corner Smoothing». Кликните по нему, и вы увидите всплывающее окно с ползунком. Создание сквирклов в Figma Если вы хотите добиться эффекта, подобного iOS, установите значение примерно на 60%, для максимального эффекта используйте 100%. Все просто!
Сквирклы в Sketch
Создавать сквирклы в Sketch еще проще. Когда у вас есть слой в форме прямоугольника с закругленными углами, все, что вам нужно сделать, это перейти на панель Inspector (та, что справа) и выбрать раскрывающийся список «Radius (Round Corners»). Измените параметр на «Smooth Corners». Все, ваш сквиркл готов!! Создание сквирклов в Sketch
Вывод
В последние месяцы появилось много трендов. Сквирклморфизм начался с небольшого элемента – иконок приложений iOS7. Сейчас он применяется практически ко всем элементам, имеющим закругленные углы. Очевидно, что не все сквирклы хороши в реальных приложениях, но эта тенденция, безусловно, вдохновляет. Что вы думаете о сквирклморфизме? Вы используете фигуры со сглаженными углами? Перевод статьи blog.prototypr.io
Как в Фигме закруглить один угол. Фигма — уроки для начинающих!
Как в Фигме закруглить один угол? Покажу два способа в одном коротком видео! Подпишись и смотри полезные Фигма уроки на моем канале. ПОМОГУ ВАМ С ЭТИМИ ШТУКАМИ! �� — графический дизайн — веб-дизайн — рекламная графика — анимация и моушн — видеомонтаж — ретушь и обработка фотографий. ✉️ Контакты: gamidov@tut.by Telegram: https://t.me/Gamidovily
Показать больше
Войдите , чтобы оставлять комментарии