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

Як додати рамку до зображення

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

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

У Lil Cactus виберіть Зображення потім Розмір полотна… і збільште обидва розміри на подвоєну ширину рамки, вибравши розташування Центр. Додайте шар командою Шар потім Створити шар заливки потім Чистий колір…, для білого кольору введіть FFFFFF у полі # і натисніть кнопку Застосувати. Виберіть Шар потім Упорядкувати потім Перемістити шар назад, щоб колір опинився за фото, а потім експортуйте результат командою Файл потім Експорт потім PNG…

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

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

Додаткове місце на полотні потрібне, коли рамка має бути за межами фото. Колір дає шар заливки, а фото лежить над ним. Щоб отримати обведення в межах наявних розмірів зображення, скористайтеся варіантом з обведенням нижче.

Зовнішня рамка за п’ять кроків

  1. Відкрийте фото

    Відкрийте приклад із цієї сторінки або виберіть Файл потім Відкрити…, щоб відкрити своє зображення.

  2. Звільніть місце навколо фото

    Виберіть Зображення потім Розмір полотна… Для рамки 60 px навколо прикладу введіть у полі Ширина (px) 1656, а в полі Висота (px) — 1144. Залиште вибраним середнє розташування Центр і натисніть кнопку Змінити розмір. Уздовж усіх чотирьох країв з’явиться місце з шаховою сіткою.

    Діалогове вікно «Розмір полотна» з обведеними полями «Ширина» 1656 і «Висота» 1144, розташуванням «Центр» і кнопкою «Змінити розмір»
    «Центр» ділить додане місце порівну між протилежними краями.

  3. Виберіть колір рамки

    Виберіть Шар потім Створити шар заливки потім Чистий колір… У вікні Заливка чистим кольором введіть у полі # FFFFFF для білого кольору або інший шестизначний код кольору для кольорової рамки. Натисніть кнопку Застосувати. Спочатку заливка закриває фото.

    Діалогове вікно «Заливка чистим кольором» з обведеними шістнадцятковим полем зі значенням FFFFFF і кнопкою «Застосувати»
    FFFFFF — це білий. Новий колір заповнює окремий шар.

  4. Перемістіть колір за фото

    Не знімаючи вибору з шару Заливка кольором, виберіть Шар потім Упорядкувати потім Перемістити шар назад. На панелі Шари фото тепер над заливкою. Його початкові краї залишаються видимими всередині рамки.

    Панель «Шари»: шар «Фон» над вибраним білим шаром «Заливка кольором»
    Непрозоре фото закриває середину шару заливки.

  5. Експортуйте зображення з рамкою

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

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

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

Як зберегти початкові розміри за допомогою обведення

Знову відкрийте початкове фото. Виберіть Шар потім Стиль шару потім Стиль шару…, потім клацніть Обведення у списку ліворуч. У полі Розмір введіть 24 px, а в списку Положення виберіть Усередині.

Клацніть зразок кольору Колір, введіть FFFFFF у полі # і натисніть кнопку OK. Натисніть OK і у вікні «Стиль шару». Обведення закриває смужку фото вздовж кожного краю, тож тримайте важливі деталі подалі від рамки. Експортуйте результат, як на кроці 5, з новою назвою файлу, наприклад stroked-sky.png.

Список ефектів у вікні «Стиль шару» з обведеним увімкненим рядком «Обведення»
Виберіть «Обведення» у списку ліворуч.
Параметри обведення з обведеними значеннями «Розмір» 24, «Положення» — «Усередині», зразком «Колір» і кнопкою «OK»
Задайте розмір і положення, потім клацніть зразок кольору.
Діалогове вікно «Колір» з обведеними шістнадцятковим полем зі значенням FFFFFF і кнопкою «OK»
Тут задається колір обведення.
Фото хмар із білим обведенням усередині початкових прямокутних країв
Варіант із внутрішнім обведенням зберігає початкові розміри полотна.

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

Рамки для зображень: запитання та відповіді

Чи розтягує рамка моє фото?

Ні. У Lil Cactus команда «Розмір полотна» додає місце навколо фото, а не розтягує його. Після додавання полів однакової ширини зовнішній прямокутник може мати інше співвідношення сторін.

Чому з одного боку рамка ширша на піксель?

Непарне збільшення ширини чи висоти полотна не можна поділити порівну на цілі пікселі. У Lil Cactus збільшуйте цей розмір на парне число й вибирайте розташування «Центр», щоб протилежні поля були однаковими.

Чи можна експортувати фото з рамкою в JPEG?

Так. У Lil Cactus виберіть Файл потім Експорт потім JPEG… і натисніть кнопку Експортувати. JPEG зберігає видиму рамку й поєднує шари в одне зведене зображення.

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

У Lil Cactus обведення в положенні «Зовні» на фото, що доходить до всіх країв полотна, опиняється за межами експортованого зображення. Щоб обведення малювалося в межах полотна, виберіть у вікні «Стиль шару» положення «Усередині».

Чому обведення йде навколо об’єкта, а не по прямокутнику фото?

У Lil Cactus обведення йде видимими краями пікселів шару. Тому вирізаний об’єкт на прозорому тлі отримує контур по силуету, а повне непрозоре фото, як тут, — прямокутну рамку.

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