СЛОЙ — интерактивный экран, где фотография перемещается, вращается и перекрывает крупный чёрный текст
Своё фото
Перетащите снимок в поле или выберите файл — он сразу станет центром экрана. Всё считается в браузере: файл никуда не отправляется.
JPG, PNG, WebP · до 15 МБ
Сейчас на экране — студийный портрет.
Мы снимаем не людей, а свет, который на них падает
Кадр должен перекрывать слово. Слово — выдерживать кадр.
Белое поле и чёрный шрифт — не фон, а материал. Строка обязана выдерживать фотографию, а фотография — проходить сквозь строку. В этом зазоре и живёт кадр: то проявляется поверх букв, то уходит за них.
Экран собран на GSAP и ScrollTrigger. Прокрутка управляет масштабом, наклоном и траекторией снимка, курсор добавляет инерцию, а траектория рассчитана так, чтобы фотография дышала, а не прыгала.
Ваш кадр — в центре экрана
Загрузите своё фото: экран перестроится под него, сохранив композицию, наклон и инерцию. Файл остаётся в браузере и никуда не отправляется.
Загрузить фото