Как сделать плавный переход между фото в Фигме

Казалось бы, что программа у нас векторная и с растром работать полноценно не получится, но если применить смекалочку, то можно добиваться крутых эффектов вроде плавного перехода между изображениями и в Фигме это возможно.

Плавный переход между фото в Figma

Для полноценной работы нам понадобится два любых фото. Основная работа будет происходить с одним из них. Чтобы создать плавный переход между фото нужно к одному применить маску, но не простую, а размытую. Создаем прямоугольник, который и будет служить маской и даем ему нужное размытие. Именно это значение  и будет определять плавность нашего перехода. Настроили все, как нужно и создаем маску с этим прямоугольником так, чтобы одна грань прямоугольника перекрывала изображение, примерно вот так

Создаем маску для плавного перехода

Ну а там уже смотри по ситуации и создавай маску под свои конкретные задачи. Суть создания плавного перехода тут описана. Кстати, ты всегда можешь изменить размеры, форму, положение размытого прямоугольника, превратить его в круг и вообще — сделать с ним много всякого.

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

Результат

Читай о том, как сделать размытый градиент в Figma

Видео версия этого урока

Оставьте комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *