Перейти до уроку
lil cactus

Як заокруглити кути зображення

Початковий6 хвилинОновлено

Коротка відповідь

У Lil Cactus намалюйте інструментом Фігура залиту фігуру Прямокутник, потім відкрийте панель Вікно потім Властивості, введіть 0 у полях X (px) і Y (px), задайте ширину й висоту, як у фото, і виберіть значення Радіус (px) (для прикладу 120). Виберіть Шар потім Упорядкувати потім Перемістити шар назад, виділіть шар фото й виберіть Шар потім Створити/звільнити відсічну маску. Експортуйте результат командою Файл потім Експорт потім PNG…, щоб кути залишилися прозорими.

Повне фото хмар до заокруглення й те саме фото з чотирма заокругленими кутами, де видно прозору шахову сітку
Фото видно лише в межах заокругленого прямокутника під ним, і воно залишається на окремому шарі. Перетягніть повзунок, щоб порівняти.
Час
6 хвилин
Рівень
Початковий
Що потрібно
Непрозоре фото без прозорих ділянок, які треба зберегти
Підходить для
Фото JPG, PNG і WebP; експорт у PNG
Відкрити приклад у Lil CactusВикористати своє фото

Безкоштовно, без реєстрації. Ваше фото залишається на вашому комп’ютері.

Відсічна маска використовує залиту форму нижнього шару як вікно для фото над ним. Тут це вікно — прямокутник із заокругленими кутами. Прямокутник можна змінити згодом, не вирізаючи заокруглення в самому фото.

Заокруглення кутів за п’ять кроків

  1. Відкрийте фото й запам’ятайте його розміри

    Відкрийте приклад із цієї сторінки або скористайтеся командою Файл потім Відкрити… Виберіть Вікно потім Властивості. Запам’ятайте значення Ширина і Висота фото вгорі панелі: вони знадобляться для прямокутника.

    Панель «Властивості» з розмірами документа прикладу: «Ширина» 1536 px і «Висота» 1024 px
    Це розміри документа.

  2. Намалюйте залитий прямокутник

    Виберіть на панелі інструментів ліворуч інструмент Фігура. На панелі параметрів у списку Режим виберіть Фігура, у списку Фігура — Прямокутник, а в списку Операція — Новий шар.

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

    Нижня частина панелі інструментів від «Перо» до «Рука» з обведеною кнопкою «Фігура»
    Знайдіть значок із квадратом, що перекривається з колом, біля низу панелі інструментів.
    Обведені елементи керування «Режим» — «Фігура», «Фігура» — «Прямокутник» і «Операція» — «Новий шар»
    Створіть окремий шар-фігуру.

  3. Задайте межі й радіус кутів

    На панелі Властивості в розділі Геометрія введіть 0 у полях X (px) і Y (px). Для прикладу в полі Ширина (px) введіть 1536, у полі Висота (px) — 1024, а в полі Радіус (px) — 120. Для власного фото використайте розміри, які ви запам’ятали на кроці 1. Після кожного числа натискайте Tab.

    У розділі Заливка у списку Вид заливки виберіть Колір; у розділі Обведення у списку Вид заливки виберіть Немає. Тепер прямокутник закриває полотно й має заокруглені кути.

    Розділ «Геометрія» з обведеними полями X 0, Y 0, «Ширина» 1536, «Висота» 1024 і «Радіус» 120
    Тут задається розмір прямокутника, а не документа.
    Розділи «Заливка» й «Обведення» з обома обведеними списками «Вид заливки»: заливка «Колір», обведення «Немає»
    Потрібна залита фігура без контуру.

  4. Обмежте фото прямокутником

    Коли вибрано шар Фігура, виберіть Шар потім Упорядкувати потім Перемістити шар назад. Клацніть рядок фото на панелі Шари (у прикладі це Фон), розташований безпосередньо над шаром Фігура. Виберіть Шар потім Створити/звільнити відсічну маску.

    Тепер у кутах видно шахову сітку: так редактор позначає прозорість, в експорт вона не потрапляє. Вигнута стрілка біля рядка фото на панелі Шари показує, що фото обмежене шаром Фігура.

    Панель «Шари» з обведеним рядком «Фон» безпосередньо над вибраним шаром «Фігура»
    Виберіть фото над фігурою.
    Панель «Шари»: фото з відступом над шаром «Фігура» й вигнута стрілка відсічення біля його мініатюри
    Фото обмежене фігурою під ним.

  5. Експортуйте прозорий PNG

    Виберіть Файл потім Експорт потім PNG…, у полі Назва файлу введіть rounded-sky.png і натисніть кнопку Експортувати.

    Також виберіть Файл потім Зберегти як потім Проєкт Lil Cactus…, щоб обидва шари залишилися редагованими; відтоді Файл потім Зберегти оновлює проєкт. До цього Файл потім Зберегти записує зведене зображення назад у відкритий JPEG, з білими кутами, бо JPEG не підтримує прозорість; перше збереження JPEG відкриває діалогове вікно Зберегти зображення. Експорт завжди записує новий файл.

    Обведені підпис і поле «Назва файлу» зі значенням rounded-sky.png
    Назвіть заокруглену копію.
    Обведена кнопка «Експортувати» поруч із кнопкою «Скасувати» внизу діалогового вікна експорту
    Експортуйте копію зображення.

Як змінити кути згодом

У проєкті клацніть рядок Фігура на панелі Шари. На панелі Властивості змініть значення в полі Радіус (px) на 240 і натисніть Tab, щоб кути стали круглішими. Так змінюється наявний прямокутник. Поле Радіус кутів на панелі параметрів діє на наступну фігуру, яку ви намалюєте.

Панель «Шари» з обведеним рядком «Фігура» під обмеженим фото
Виберіть прямокутник під фото.
Розділ «Геометрія» з обведеним полем «Радіус» зі значенням 240
Щоб змінити наявну фігуру, скористайтеся полем «Радіус» на панелі «Властивості».
Фрагмент сильніше заокругленого верхнього лівого кута фото з шаховою сіткою на прихованій ділянці
Більший радіус ховає більшу частину кута.

Що робити далі

Заокруглені кути зображення: запитання та відповіді

Чому в JPEG у заокругленого зображення з’явилися білі кути?

JPEG не може зберігати прозорість. У Lil Cactus під час експорту в JPEG приховані кути заповнюються білим. Щоб вони залишилися прозорими, експортуйте натомість командою Файл потім Експорт потім PNG… або Файл потім Експорт потім WebP…

Чи зберігає WebP прозорість заокруглених кутів?

Так. У Lil Cactus виберіть Файл потім Експорт потім WebP… і натисніть кнопку Експортувати.

Чи змінює заокруглення кутів розміри зображення в пікселях?

Ні. Цей спосіб у Lil Cactus зберігає розміри полотна. Він ховає пікселі в кутах, а не змінює розмір зображення.

Чому зі збільшенням радіуса кутів форма зрештою перестає змінюватися?

У Lil Cactus видимий радіус кутів не перевищує половини коротшої сторони прямокутника. Далі малюється та сама заокруглена форма, навіть якщо в полі «Радіус» більше число.

Чи можна заокруглити лише один кут зображення?

Полем «Радіус» — ні: у Lil Cactus редагований прямокутник використовує одне значення радіуса для всіх чотирьох кутів.

Опубліковано  · Востаннє перевірено