WEBVTT

NOTE Auto-generated by scripts/capture-playlines.mjs — Vexy Playlines walk-through.
NOTE Placement uses standard WebVTT cue settings (percentages): position[,position-align] line[,line-align] size.

step-1
00:00.000 --> 00:01.551 position:50%,center line:16%,start size:80%
Vexy Playlines turns any photo into editable vector line-art.

step-2
00:01.601 --> 00:03.950 position:10%,line-left line:30%,center size:34%
Pick a source image from the gallery.

step-3
00:04.000 --> 00:05.855 position:80%,line-right line:15%,start size:38%
Choose a line-fill pattern…

step-5
00:07.809 --> 00:09.929 position:80%,line-right line:48%,center size:36%
Drag 1st slider to make the strokes thicker.

step-6
00:09.979 --> 00:12.094 position:80%,line-right line:50%,center size:34%
Drag 2nd slider to change the stroke interval.

step-7
00:12.144 --> 00:14.263 position:80%,line-right line:52%,center size:34%
Drag 3rd slider to rotate the pattern.

step-8
00:14.313 --> 00:16.354 position:80%,line-right line:58%,center size:36%
Toggle between monochrome or multi-color vectors. 

step-9
00:16.404 --> 00:18.626 position:80%,line-right line:72%,center size:38%
Tweak image contrast.

step-10
00:18.676 --> 00:20.332 position:84%,line-right line:91%,end size:40%
Download a clean scalable vector SVG!