FRAY — image art & animation

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 stylespress / 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.

Composition balance

region 1 coverage 50%

edge softness 12%

Keep layout

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

The base fills the frame; regions place the two accent styles above it.

color

dark

accent

light

Roles color the style’s ink. Source-photo colors remain unless you enable Limit output.

Generate palette

color character

Locks protect colors during generation. Extra inks are used by Limit output below.

Output palette

Limit output to these inks

Optional recoloring after the styles. Does not switch your color roles. Grain and glow can add tones afterward.

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

// 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

Allow grain & glow after limited palette

// 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 and Atlas — 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

DRAW has its own transparent 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

make it
unexpected.

fray.design

compare mixes

Sign in to FRAY

Preferences

My projects

make itunexpected.

make it
unexpected.