Random Graph Paper Effect Using Affinity Photo's Procedural Texture Filter

Опубликовано: 30 Январь 2026
на канале: Plasma Portal
207
16

In this video, I show how to make random graph paper using Affinity Photo's procedural texture filter.

Patreon: https://www.patreon.com/posts/graph-p...

Functions used: var vec2 noisei cos sin smoothstep osc quantize perlinhcubic osc average

Random graph paper filter:
var v0=vec2(rx,ry)*a*d/w*2; var th=noisei(v0/b)*90*i; var v=vec2(v0.x*cos(th)-v0.y*sin(th),v0.x*sin(th)+v0.y*cos(th)); var t1=smoothstep(e,e+e1,osc(v.x))*smoothstep(e,e+e1,osc(v.y)); t1

Curving Graph Paper (Add a Real custom input for c)
var v0=vec2(rx,ry)*a*d/w*2; var th=i*45*average(quantize(1/c,osc(v0.x/b)),quantize(1/c,osc(v0.y/b))); var v=vec2(v0.x*cos(th)-v0.y*sin(th),v0.x*sin(th)+v0.y*cos(th)); var t1=smoothstep(e,e+e1,osc(v.x))*smoothstep(e,e+e1,osc(v.y)); t1

Perlin Noise Graph Paper (Add custom inputs Real: c, Z: o, 0,1: s, Angle: ph, 0,1: e1, 0,1: e2
var v0=vec2(rx,ry)*a*d/w*2; var th=i*f*quantize(1/c,perlinhcubic(v0/b,o,s))+ph; var v=vec2(v0.x*cos(th)-v0.y*sin(th),v0.x*sin(th)+v0.y*cos(th)); var t1=smoothstep(e1,e1+e2,osc(v.x))*smoothstep(e1,e1+e2,osc(v.y)); t1

   • Rotation Gradient using Affinity Photo's P...  

Procedural Textures Playlist:
   • Procedural Textures with Affinity Photo  

The Procedural Texture filter and related information can be found on Affinity Photo's website:
https://affinity.help/photo/en-US.lpr...

0:00 Introduction
1:08 Setting up a new document and filter
1:34 Creating the grid
6:07 Creating the rotatable coordinate system
7:39 Creating the random regions of rotation
9:44 Adding color with a gradient map
10:12 Review of the final formula
11:23 Summary and conclusions