Glasbaustein-Effekt

Glasbaustein-Effekt für jedes Bild

Eine Wand aus Glasbausteinen vor deinem Foto: Jeder Baustein bricht sein eigenes Stück des Bildes, mit Regenbogen-Dispersion an den Kanten.

Bild in ASCII Verwandle jedes Foto in ASCII-Art – kopiere sie als Text oder speichere sie als PNG.
Bild in Pixel-Art 8-Bit-Pixel-Art aus einem Foto – mit Retro-Paletten wie PICO-8 und Game Boy.
Glitch-Effekt RGB-Split, verschobene Streifen, Scanlines und Rauschen – ein GPU-Glitch-Effekt für jedes Bild.
Halbton-Effekt Verwandle Fotos in Druckraster aus Punkten, Quadraten oder Rauten in zwei Farben.
Duotone-Effekt Ein Foto in zwei Farben – der Duotone-Look im Spotify-Stil.
Pixel-Sorting Glitch-Art durch Pixel-Sorting: helle oder dunkle Pixel zerfließen zu langen Streifen.
Riffelglas-Effekt Lichtbrechung wie durch geriffeltes Glas: Sieh dir jedes Foto durch Rillenglas an.
Splitter-Effekt Lass ein Foto in Blöcke zerspringen, die von einer intakten Mitte wegfliegen.
Foto in Bleistiftzeichnung Mach aus einem Foto eine Graphit-Bleistiftzeichnung mit einstellbarer Strichstärke.
Foto in Aquarell Weiche Aquarell-Lasuren mit Tuschekonturen und Papierstruktur aus jedem Foto.
Tilt-Shift-Effekt Miniaturwelt-Look: Tilt-Shift-Unschärfe mit verschiebbarem Schärfeband.
Bewegungsunschärfe Gerichtete Bewegungsunschärfe für Tempo, Mitzieher und dynamische Aufnahmen.
Filmkorn-Effekt Analoges Filmkorn und eine sanfte Vignette für den 35-mm-Look.
Chromatische Aberration Verschiebe den Rot-, Grün- und Blaukanal für Farbsäume oder einen 3D-Brillen-Look.
Light-Leak-Effekt Warme analoge Light Leaks und Lichtreflexe in zwei beliebigen Farben.
Neon-Leuchteffekt Zeichne die Kanten eines Fotos mit leuchtenden Neonlinien auf dunklem Hintergrund nach.
Papierschnitt-Effekt Mehrlagiger Bastel-Look aus Papier mit ausgeschnittenen Formen und weichen Schatten.
Posterize-Effekt Reduziere ein Foto auf wenige flache Tonwerte für einen kräftigen Poster-Look.
Buntstiftzeichnung Verwandle ein Foto in eine Buntstiftzeichnung, die seine Farben behält.
Glow-Effekt Bloom-Glow: Helle Bereiche strahlen sanft Licht ab.
Objektivunschärfe (Bokeh) Verträumte Objektivunschärfe, bei der helle Punkte zu Bokeh aufblühen.
Zoom-Unschärfe Radiale Zoom- oder Dreh-Unschärfe, die auf einen Punkt zustürzt.
Papierriss-Effekt Reiß ein Foto in Papierfetzen mit weißen Rändern und Schatten.
Sechseck-Mosaik Verpixle ein Foto zu einer Wabe aus einfarbigen Sechsecken.
Strudel-Effekt Verdrehe ein Foto zu einem Strudel um seine Mitte.
Wasserwellen-Effekt Konzentrische Wasserwellen, die sich über ein Foto ausbreiten.
Wölben & Zusammenziehen Vergrößere die Mitte eines Fotos wie ein Fischauge – oder zieh sie zusammen.
Vignettierung Dunkle die Ecken ab – oder färbe sie ein –, um den Blick auf die Mitte zu lenken.
Relief-Effekt Erhabener Relief-Look: Verwandle ein Foto in eine geprägte graue Oberfläche.
Bild unscharf machen Zeichne ein ganzes Bild gleichmäßig weich – saubere Kanten, beliebige Stärke.
Bild schärfen Mach weiche Fotos knackiger mit einem einstellbaren Schärfefilter.
Demobild – zieh dein eigenes hierher, füge es ein oder lade es hoch

Glasbaustein-Effekt – so funktioniert’s

Sieh ein Foto durch sechseckige oder quadratische Glasbausteine mit Lichtbrechung.

So funktioniert das Glas

Das Bild wird mit Kacheln der gewählten Form bedeckt. Jede Kachel wirkt wie ein dickes Stück Glas: Sie bricht den Bildausschnitt dahinter zu ihrer Mitte hin, sodass das Bild in viele kleine Linsen zerfällt. Die Dispersion spaltet die Farben an den Kachelkanten leicht auf – wie Licht, das durch ein Prisma fällt.

Kacheln, Brechung, Licht

Die Kachelgröße bestimmt, wie viele Bausteine das Bild überspannen, die Lichtbrechung, wie stark jeder es verzerrt. Der Lichtwinkel verschiebt das Glanzlicht auf den Glaskanten. Kreise ergeben einen Luftpolsterfolien-Look, Dreiecke einen facettierten Kristall, Quadrate klassische Glasbausteine.

GPU-Rendering

Es ist ein lokal laufender WebGL-Shader: Die Regler reagieren sofort, und der Download in voller Größe nutzt denselben Shader wie die Vorschau.

Häufig gestellte Fragen

Der Riffelglas-Effekt nutzt lange parallele Rillen, der Glasbaustein-Effekt ein Raster aus einzelnen Bausteinen.

Nein, alles läuft in deinem Browser.

Der Effekt braucht WebGL. Ist es in deinem Browser deaktiviert, bleibt das Bild, wie es ist.