FRAY

drop a photo here or click to choose a file
(paste from clipboard works too - ctrl+v)
no photo? generate one from a 3d shape, text or abstract pattern instead ↓

rendering...

Add a photo, or start with text or a shape.

// source

what to stylize

// style

style strength 100%

100% = full style · lower it to blend the style like a LUT over the raw source (keeps the 3d shape / photo showing through)

brush lab · relief studio

Build raised material strokes. Shift draws straight · Space picks another material.

on image separate layer

tints

stroke

color width

Material settings

speed response relief grain light direction

style library

0 styles/press / to search

// mix

mix lab

Generate a coherent mix, then mutate only what you want.

SMART MIX

mood

safe ↔ wild 45

Where styles appearimage zones

mask system

Styles follow the light and dark zones of your source.

keep in random mix

Adjust one part of this mixRegenerate only styles, colors, layout, or motion

Include in new mixes

recent mixes

Generate a mix to start history.

fine random controls

layer motion

For the three-layer Mix. Panel Grid keeps its own animation.

Layer controlsAdjust the layers in this mix

layer stagger 33

offsets each layer's clock so they stop pulsing in unison · 0 = all three in lockstep (the old behaviour) · 33 = evenly spread across the loop

base (full frame)

layer 1

layer 2

scatter symbols (√π+=) in accent

symbols set

amount 40

size 24

brightness threshold 0

symbols color

threshold sets the light/dark boundary. cell size = mask block size

// area

Select an area, then choose a style. Invert to style the background.

brush size 40

wand tolerance 25

pick brush and paint on the image where the effect should apply

palette lab

apply palette to artwork

2–8 inks, from shadow to light roles. Rotate to reassign those roles; lock colors to keep them in place.

palette strength100%

sampler

texture over any style

Dots, rules and shapes follow image zones. Sampler also works as a standalone style.

tiles across

coverage

rotation

opacity

pattern

zone

atlas

terraces

glyph variety

character set

kiosk

type over any style

headline

caption

typeface

weight

layout

type size

opacity

strand

chains

length

wander

branching

// parameters

cell size 8

contrast 1.2

brightness 0

saturation 1.0

hue shift 0°

threshold 50

density 1.0

jitter 0

angle 15°

glitch 15

grain 20

luminous grain

Fine horizontal light grain that gathers around bright detail.

density 0

dash size 50

// colors

dark · shadows/bg

accent · pop color

light · paper/bg

dimmed sliders and colors have no effect in this style

// characters

blank = style default. for ascii the order goes dark → light

// actions

// animation

Build the native motion first, then optionally add one post-motion operator.

loop duration · frames 150

—

More frames make a longer, smoother loop at the selected fps.

preview speed

Preview only. Export uses the frame count and FPS.

native motion

animation preview quality

Preview only — export keeps its own resolution.

Motion built into the selected style. It stays seamless and deterministic for export.

motion scene

motion character

motion amount 40%

creative choreography

complexity65

phase spread45

For Sampler, Atlas, Kiosk and Strand — also inside Mix. Moves their elements, not the whole image. Use motion amount to soften the result.

—

post motion · optionalnative only

A global TouchDesigner-style operator applied after the native style motion.

post operator

Native motion is the style's own movement. Post motion is an optional second layer.

// auto-motion

make a slider move on its own - pick what should move and how. it animates hands-free and loops seamlessly. stack several for rich motion.

move this:

how it moves:

how much it moves 20

how fast (times per loop) 1

// render

image format

PNG background

Transparency requires PNG and an area selection. DRAW has its own strokes PNG export.

frame ratio

center crop · photo proportions stay intact

animation speed (frames) is set in the animation panel · fps here = playback smoothness of the export

fps · frames per second 30

12 = filmic · 24 = cinema · 30 = smooth · 60 = ultra smooth (bigger file)

video format

export resolution

applies to gif, video and the all-styles render - independent of the preview quality selector up top

Effect appearance

Preview mode keeps the same pattern. A larger file scales it up, without adding detail. Re-render can change fine patterns. Color boost is applied separately.

video color boost 0

Batch export · all styles

// all styles

frames per style 10

every style, one long video · uses the current source · more frames per style = slower, smoother motion but longer render

Sign in to use FRAY

compare mixes

Sign in to FRAY

Preferences

My projects