Как редактировать изображение в конструкторе шаблонов

При работе с картинками в шаблонах можно редактировать каждое изображение отдельно прямо в конструкторе создания шаблонов. Например, создать баннер с текстом, обрезать картинку или изменить ее размер.

Для этого добавьте элемент Картинка, загрузите изображение и перейдите в редактор изображений.

Читайте подробнее: Блок с элементом Картинка (Picture).

Как перейти к редактору изображений

В панели редактирования элемента Картинка (Picture) напротив названия изображения в конструкторе нажмите на иконку редактирования. Вы будете перенаправлены в редактор изображения.

Какие инструменты доступны в конструкторе

С помощью инструментов, которые находятся на левой панели редактора, можно адаптировать любое изображение под свои нужды:

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

Изменение размера (Resize)

Чтобы изменить высоту и ширину изображения.

Нажмите инструмент Изменение размера (Resize), зажмите и перетащите один из двух ползунков: ширина (Width) и высота (Height). Чтобы сохранить исходное соотношение высоты и ширины, активируйте опцию Зафиксировать пропорции (Lock aspect ratio).

Изменения на изображении будут отображаться справа. Чтобы сохранить их, нажмите Применить (Apply). Чтобы отменить и сбросить все настройки этого инструмента, нажмите Отменить (Cancel).

Обрезка (Crop)

Используется для изменения соотношения высоты и ширины путем обрезки части изображения.

Нажмите на инструмент Обрезка (Crop) и выберите нужные пропорции: квадрат (Square), 3:2, 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) и выберите из доступных. Внизу выберите цвет заливки из палитры.

Чтобы добавить свою иконку, нажмите Пользовательская иконка (Custom icon) и загрузите нужное изображение.

Нажмите на изображение там, где нужно добавить иконку, выберите иконку и отрегулируйте ее размер.

Текст (Text)

Используется для добавления текста на изображение.

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

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

Нажмите на изображение в зоне, где вы хотите разместить текст, и начните печатать.

Слой маски (Mask)

Используется для добавления еще одного изображения поверх основного.

Чтобы добавить еще одно изображение, воспользуйтесь инструментом Слой маски (Mask).

Нажмите Загрузить изображение слоя маски (Load mask image), загрузите необходимое изображение, затем разместите его в нужном месте основной картинки и отредактируйте размер. Обратите внимание: добавленное изображение нельзя изменить с помощью инструментов.

Фильтры (Filter)

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

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

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

Ниже можно настроить пикселизацию и преобразование цветов и накладывать любой цвет из палитры на все изображение.

Как управлять изменениями

Во время работы можно управлять изменениями с помощью верхней панели.

Узнайте о возможностях инструментов с верхней панели в таблице ниже.

Обновлено: 07.12.2023