Як редагувати зображення в конструкторі сайтів

Під час роботи з зображеннями в конструкторі сайтів ви можете редагувати кожне зображення окремо прямо в конструкторі сайтів. Наприклад, створити банер із текстом, обрізати картинку або додати фільтр.

Як перейти до редактора зображень

Додайте віджет Галерея або Картинка та завантажте зображення.

Якщо ви обрали віджет Галерея, наведіть курсор на потрібне зображення та натисніть іконку фоторедактора, яка з’явиться на ньому.

Якщо ви обрали віджет Картинка навпроти назви зображення в конструкторі, натисніть на іконку редагування. Ви будете перенаправлені до редактора зображення.

Які інструменти доступні в конструкторі

За допомогою інструментів, які знаходяться на лівій панелі редактора, ви можете адаптувати будь-яке зображення під свої потреби:

  • трансформувати зображення: відображення, поворот;
  • домальовувати прямі і довільні лінії;
  • додавати контурні або залиті фігури та стікери;
  • додавати текст і форматувати його;
  • застосовувати фільтри: чорно-білий, сепія, розмивання, різкість.

Обрізка (Crop)

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

Натисніть на інструмент Обрізка (Crop) та виберіть необхідні пропорції: квадрат (Square), 3:2, 4:3, 5:4, 7:5, 16:9.

Щоб обрізати довільні частини, виберіть тип пропорції Налаштування (Custom) та окресліть необхідну зону на зображенні, затиснувши ліву клавішу миші.

Справа на картинці будуть відображатися всі зміни. Натисніть Застосувати (Apply), щоб зберегти їх. Для того, щоб скинути всі налаштування цим інструментом, натисніть Скасувати (Cancel).

Віддзеркалення (Flip)

Використовується, щоб віддзеркалити зображення.

Натисніть на інструмент Віддзеркалення (Flip) та оберіть, за яким принципом змінити зображення: по вертикалі чи по горизонталі. Щоб скасувати зміни, натисніть Скинути (Reset).

Поворот (Rotate)

Використовується, щоб задати кут нахилу зображення.

Виберіть інструмент Поворот (Rotate). Натискайте на стрілки вправо та вліво, щоб перевертати зображення рівно на 30 градусів. Щоб задати довільний нахил, перетягуйте повзунок Значення (Range) вліво або вправо.

Малюнок (Draw)

Використовується, щоб малювати на зображенні за допомогою лінії.

Натисніть на інструмент Малюнок (Draw) та оберіть тип лінії: довільно (Free) або пряма (Straight).

Нижче виберіть колір з палітри та відрегулюйте товщину за допомогою повзунка Значення (Range).

Затисніть ліву кнопку миші та малюйте на зображенні.

Фігури (Shape)

Використовується, щоб створювати малюнки за допомогою фігур.

Натисніть на інструмент Фігури (Shape) та оберіть фігуру: прямокутник, коло та трикутник. Далі оберіть тип заповнення: лінія або заливка; та відрегулюйте товщину лінії за допомогою Контур (Stoke).

Затисніть ліву кнопку миші та малюйте на зображенні.

Іконки (Icon)

Використовується, щоб додати іконку до вашого зображення.

Натисніть на інструмент Іконки (Icon) та оберіть з наявних. Внизу виберіть колір заливки з палітри.

Щоб додати свою іконку, натисніть Вибрати файл (Select file) та завантажте з пристрою потрібне зображення.

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

Текст (Text)

Використовується, щоб додавати текст на зображення.

Натисніть на інструмент Текст та оберіть формат: напівжирний (Bold), курсив (Italic) або підкреслений (Underline).

Нижче виберіть вирівнювання, колір з палітри та відрегулюйте товщину за допомогою повзунка Розмір тексту (Text size).

Натисніть на зображення в тій зоні, де ви хочете розмістити текст, та почніть друкувати.

Фільтри (Filter)

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

Натисніть на інструмент Фільтри (Filter) та оберіть за допомогою чек боксу потрібний фільтр: чорно-білий (Grayscale), сепія (Sepia), розмивання (Blur), рельєф (Emboss), інверсія (Invent), сепія 2 (Sepia 2), різкість (Sharpen).

Далі за допомогою чек-боксу та повзунка можна видалити білий (Remove white), налаштувати яскравість (Brightness) та рівень шуму (Noise).

Нижче можна налаштувати пікселізацію та перетворення кольорів і накладати будь-який колір з палітри на все зображення.

Як керувати змінами

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

Дізнайтесь про можливості інструментів з верхньої панелі в таблиці нижче.

Збільшення та зменшення (Zoom) Використовується, щоб збільшити або зменшити зображення.

Натисніть на іконку лупи +, а потім натискайте на зображення, щоб наблизити чи віддалити. Щоб зменшити масштаб, просто натискайте на лупу зі знаком -.

Рука (Hand) Використовується для навігації по зображенню.

Якщо ви працюєте зі збільшеним масштабом, рука дозволяє рухати зображення.

Історія (History) Використовується для перегляду та відтворення версій зображення.

Натисніть на інструмент, щоб переглянути список дій, які ви виконували. Виберіть потрібну версію зі списку, щоб відтворити її.

Скасувати (Undo) Використовується для скасування змін.

Натисніть, щоб скасовувати останню дію. Продовжуйте натискати, щоб видалити попередні зміни. Ви можете скасувати до 20 дій.

Повернути (Redo) Використовується для повернення скасованої дії.

Натисніть, щоб повернути попередньо скасовану дію. Продовжуйте натискати, щоб повернути попередні зміни.

Скинути (Reset) Використовується, щоб скасувати всі дії над зображенням та видалити історію. Ви не зможете повернути попередню версію.
Видалити (Delete) Використовується для видалення обраного елементу.
Видалити все (Delete all) Використовується для видалення всіх елементів на зображенні.

Для зображень на сайті застосовується ресайз — це автоматичний підбір розміру картинки залежно від області зображення на пристрої відвідувача (720, 1080 або 1920 px), а також конвертація в формат webp. Якщо потрібного розміру немає, відвідувачу показується оригінал, який зберігається в менеджері файлу.

    Оцініть, наскільки стаття була корисною "Як редагувати зображення в конструкторі сайтів"

    Оцінка: 4 / 5

    Назад

    Як налаштувати передачу даних РРО в monopay

    Далі

    Як додати кнопку «Вверх» на сайт

    Популярне в нашому блозі

    Почніть користуватися сервісом SendPulse прямо сьогодні