Опуклість і стиснення

Ефект опуклості й стиснення («риб'яче око»)

Висуньте середину фото до глядача, як об'єктив «риб'яче око», — або втягніть її для стисненого вигляду, як у кривому дзеркалі.

Зображення в ASCII Перетворіть будь-яке фото на ASCII-арт — скопіюйте як текст або збережіть PNG.
Зображення в піксель-арт 8-бітний піксель-арт із фото з ретропалітрами на кшталт PICO-8 і Game Boy.
Глітч-ефект Розщеплення RGB, зсуви смуг, scanlines і шум — GPU-глітч для будь-якого зображення.
Ефект півтонів Друкарський растр: крапки, квадрати чи ромби у двох кольорах.
Дуотон Фото у двох кольорах — дуотон у стилі Spotify.
Сортування пікселів Глітч-арт: світлі чи темні пікселі стікають довгими смугами.
Ефект рифленого скла Заломлення рифленого скла: погляньте на фото крізь ребристе скло.
Ефект розбиття Фото розлітається на блоки довкола цілого центру.
Фото в олівцевий ескіз Графітний олівцевий малюнок із фото з регульованою товщиною ліній.
Фото в акварель М'які акварельні заливки з чорнильними контурами й текстурою паперу.
Ефект тілт-шифт Мініатюрний світ: тілт-шифт розмиття з рухомою смугою фокусу.
Розмиття в русі Направлене розмиття для відчуття швидкості, проводки й динаміки.
Плівкове зерно Аналогове зерно плівки й м'яка віньєтка — вигляд 35 мм.
Хроматична аберація Розведіть канали R, G і B — облямівка лінзи або ефект 3D-окулярів.
Ефект засвітки Теплі аналогові засвітки й відблиски у будь-яких двох кольорах.
Неонове світіння Контури фото світяться неоновими лініями на темному тлі.
Ефект вирізаного паперу Багатошаровий паперовий вигляд із вирізаними формами й м'якими тінями.
Постеризація Кілька пласких тонів замість градієнтів — сміливий постерний вигляд.
Малюнок кольоровими олівцями Фото стає малюнком кольоровими олівцями зі збереженням кольорів.
Ефект світіння Bloom: світлі ділянки м'яко випромінюють світло.
Розмиття боке Мрійливе розмиття об'єктива, де яскраві точки розквітають боке.
Радіальне розмиття Розмиття наближенням або обертанням, що мчить до точки.
Ефект скляних блоків Фото крізь шестикутні чи квадратні скляні блоки із заломленням.
Ефект рваного паперу Розірвіть фото на клапті паперу з білими краями й тінями.
Шестикутна мозаїка Піксельна мозаїка з пласких шестикутників, як бджолині стільники.
Ефект вихору Закрутіть фото у вир довкола центру.
Брижі на воді Концентричні брижі води, що розходяться по фото.
Віньєтка Затемніть чи тонуйте кути, щоб привернути увагу до центру.
Тиснення Рельєф: фото стає опуклою сірою поверхнею.
Розмиття зображення Плавно розмийте все зображення — чисті краї, будь-яка сила.
Підвищення різкості Зробіть м'які фото чіткішими регульованим фільтром різкості.
Демозображення — перетягніть, вставте чи завантажте своє

Опуклість і стиснення — як це працює

Збільште центр фото, як «риб'яче око», — або стисніть його.

Опуклість чи стиснення

Додатні значення збільшують область усередині радіуса й вигинають прямі лінії назовні, як «риб'яче око» чи крапля води на екрані телефона. Від'ємні роблять навпаки й стискають центр усередину. Нуль залишає зображення без змін.

Наведіть ефект

Пересуньте центр на обличчя, предмет чи слово й підберіть радіус, щоб охопити лише цю деталь. Малий радіус із сильною опуклістю дає класичний карикатурний ефект «великої голови».

Застосування

Меми й смішні портрети, грайливі предметні фото, ретростиль скейт-відео з «риб'ячим оком» або делікатний акцент лінзою на головному герої кадру.

Часті запитання

Це стилізоване викривлення-опуклість, а не точна модель об'єктива, тому його легко застосувати до однієї ділянки фото.

Ні, шейдер працює у вашому браузері.

Ефекту потрібен WebGL.