Как редактировать изображения в конструкторе сайтов
При работе с изображениями в конструкторе сайтов можно редактировать каждое изображение отдельно прямо в конструкторе сайтов. К примеру, создать баннер с текстом, обрезать картинку или добавить фильтр.
Как перейти к редактору изображений
Добавьте виджет Галерея или Картинка и загрузите изображение.
При выборе виджета Галерея наведите курсор на нужное изображение и нажмите на значок фоторедактора.
Если вы выбрали виджет Картинка, напротив названия изображения в конструкторе нажмите на иконку редактирования. Вы будете перенаправлены в редактор изображения.
Какие инструменты доступны в конструкторе
С помощью инструментов, которые находятся на левой панели редактора, можно адаптировать любое изображение под свои потребности:
- трансформировать изображение: отображение, поворот;
- дорисовывать прямые и произвольные линии;
- добавлять контурные или залитые фигуры и стикеры;
- добавлять текст и форматировать;
- применять фильтры: черно-белый, сепия, размывание, резкость.
Обрезка (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. Если нужного размера нет, посетителю будет показан оригинал, который хранится в менеджере файлов.
Обновлено: 29.03.2024
или