Фото с затемнением, видео в фоне, градиенты и зерно

Надпись поверх фотографии, которая читается; видео под блоком; градиент из нескольких цветов и фактура плёнки.

Где: Картинка и видео — вкладка «Контент» у контейнера, секции или карточки. Затемнение, яркость и зерно — вкладка «Вид» → «Фон и фактура». Градиент — «Вид» → «Цвета».

У карточки с фото в фоне — «Затемнение поверх фото» → «Снизу темнее».
У карточки с фото в фоне — «Затемнение поверх фото» → «Снизу темнее».

Затемнение поверх фото. Белая подпись на светлой фотографии не читается, и раньше это лечили градиентом — который на самом деле ложился под фото и ничего не затемнял. Теперь в «Фоне и фактуре» есть отдельное поле: «Снизу темнее» (подпись внизу карточки), «Сверху темнее» (шапка поверх снимка), «Слева темнее» (текст слева на широкой обложке) и «Равномерно». Выбранное затемнение раскрывается в обычный редактор градиента, и его можно докрутить: цвета, их места, направление.

Рядом — «Яркость фото»: меньше — и фото уходит в цвет заливки блока, а надписи поверх остаются чёткими. Так из яркой фотографии получается спокойная подложка. Обоим полям нужна картинка или видео в фоне; пока их нет, панель так и говорит.

Видео в фоне — у контейнера, секции и карточки, во вкладке «Контент», рядом с картинкой в фоне: «Загрузить видео» или «По ссылке» на файл mp4. Видео играет без звука и по кругу, под содержимым блока, а затемнение и зерно ложатся поверх него так же, как поверх фото. Картинка в фоне при этом становится заставкой: её видно, пока видео грузится, и вместо видео — у тех, кто включил в телефоне «уменьшить движение» или экономию трафика. Ссылка на страницу VK Видео, Rutube или YouTube сюда не годится: там чужой плеер со своими кнопками, а фоном может быть только сам файл.

Градиент (во «Вид» → «Цвета», под цветом текста) бывает линейным, радиальным, коническим и «Пятна (меш)». Цветов может быть больше двух — «Добавить цвет», — и у каждого своё «Где, %»: пусто значит «само», цвета расходятся поровну. У радиального и конического задаётся центр, у пятен — размер и место каждого. Пятна растворяются в прозрачность, поэтому между ними видна заливка блока: поставьте и её.

Зерно — фактура плёнки поверх фона, в том же «Фоне и фактуре». Хватает 10–20 %: на сплошной заливке или градиенте оно убирает «пластиковый» вид. Поле есть у секции, контейнера и карточки.

Ещё два поля для обложек — во «Вид» → «Расположение» → «Размер» → «Ещё». «Пропорция» (4 / 5, 16 / 9) считает высоту от ширины: блок с фото держит форму на любом экране, а не влезающее содержимое вытянет его, а не обрежется. «Поворот, °» — от −15 до 15, для наклонённой наклейки или карточки.

Читать дальше