Hex Grill Effect Using Affinity Photo's Procedural Texture Filter

In this video, I show how to make a hex grill pattern using Affinity Photo's procedural texture filter. Hex Grill Filter: var sv=normalize(vec2(1,sqrt(3))); var v0=vec2(rx,ry)*a/w; var v1=(fraction(v0*sv)-.5)/sv; var v2=(fraction(v0*sv+.5)-.5)/sv; var v3=step(length(v1),length(v2))*v1+step(length(v2),length(v1))*v2; smoothstep(e1,e2,length(v3)) Hex Grill Vignette: var v=vec2(rx*cos(th)-ry*sin(th),rx*sin(th)+ry*cos(th))*a/h; 1-(length(v*vec2(b,c))-e)*d Hex Grid: https://youtu.be/e1dJYZQ9Rd8?si=oHFYYxuEujZVdCvR Gradient Hex Values: 060A0E 2D2B34 Procedural Textures Playlist: https://www.youtube.com/playlist?list=PLPTJk1HIMN35WOCDXnoUB-l2_YVgJ8rHK The Procedural Texture filter and related information can be found on Affinity Photo's website: https://affinity.help/photo/en-US.lproj/pages/Filters/filter_proceduraltexture.html 0:00 Introduction 0:59 Setting up the initial document and coordinate system 3:12 Setting up the hex coordinate systems 7:10 Masking the hex coordinate systems 9:04 Creating the hex grill 10:35 Creating the vignette 12:18 Vignette effect 16:38 Gradient map 17:35 Conclusion