Bokeh Lighting Effect with Affinity Photo's Procedural Texture Filter
In this video, I show how to create a Bokeh Lighting effect using Affinity Photo's procedural texture filter.
Download this file from Patreon: https://www.patreon.com/posts/bokeh-l...
Basic Bokeh Lighting
var v=vec2(rx,ry)*a/w; var vr=v-round(v); var d=i*noisei(v+.5); smoothstepn(e-s/2,e+s/2,length(vr)+d)
Bokeh Hex Grid
var sv=norm(vec2(1,sqrt(3))); var v0=sv*vec2(rx,ry)*a/w; var v1=(v0-round(v0))/sv; var v2=(v0+.5-round(v0+.5))/sv; var s1=step(length(v1),length(v2)); var s2=1-s1; var v3=v1*s1+v2*s2; var d1=i*(noisei(v0+.5)*s1+noisei(v0+a)*s2); var t1=smoothstepn(e-s/2,e+s/2,length(v3)+d1)
Bokeh Color
var v=vec2(rx*cos(th)-ry*sin(th),rx*sin(th)+ry*cos(th))*a/w; var vr=v-round(v); var d1=i*noisei(v+.5); var r1=round(fr*noisei(v+.5+roff)); var g1=round(fg*noisei(v+.5+goff)); var b1=round(fb*noisei(v+.5+boff)); vec3(ir*r1,ig*g1,ib*b1*(1-g1))*smoothstepn(e-s/2,e+s/2,length(vr)+d1)
Procedural Textures Playlist
• Procedural Textures with Affinity Photo
Procedural Texture Function Index
https://codeonpp.blogspot.com/2025/06...
Procedural Texture System Variables
https://codeonpp.blogspot.com/2025/08...
The Procedural Texture filter and related information can be found on Affinity Photo's website:
https://affinity.help/photo2/en-US.lp...
0:00 Introduction
0:11 Basic Bokeh lighting
8:47 Hex grid Bokeh lighting
17:00 Color Bokeh lighting
30:53 Conclusion