Tutorial Tools

This page contains notes on how I create some of the tutorial content.

How to Lightworks

• Create new video
• Import Clips...
  • animated-square-logo-intro
  • raw
  • grid-logo-end
• To clip: don't drag from yellow ends, move red diamond and hit c
• Tip: Don't scroll zoom, use + and - buttons
• Add each
• Clip animated-square-logo-intro at 6 seconds
• Clip raw to eliminate the first few seconds (leave a few seconds to clip because transitions require deleted space)
• Transitions -> Random -> Centered here -> Apply (this is why you need the deleted clipping)
• Clip last few seconds of raw (again, leave a few seconds to clip)
• Add grid-logo-end, clip to the first few seconds
• Transitions -> Random -> Centered here -> Apply
• Assemble -> three dot menu -> Export -> H.264/MP4 -> Start

Export as Gif

To export a Processing sketch as a gif, first add saveFrame() at the end of the draw() function. Make sure the frame rate is set to something a gif can handle, like 30.

Then open a command prompt at that directory, and type the following:

magick convert -delay 1x30 *.png animation.gif

(Depending on your setup you can drop the magick part.)

Delay First Frame

To create a delay at the first frame:

convert -delay 5x1 000.png -loop 1 -delay 1x2 *.png output.gif

See also: this answer by George Profenza on Stack Overflow.

Reduce Gif Size

magick convert -delay 1x30 *.png -coalesce -colors 16 -layers Optimize output.gif

Everything

magick convert -delay 1x1 001.png -delay 1x2 *.png -delay 1x1 999.png -coalesce -resize 600x325 -colors 16 -layers Optimize output.gif

Convert Image Frames to Movie (with mp3)

ffmpeg -r 30 -f image2 -s 1200x800 -i f/%04d.tga -i song.mp3 -vcodec libx264 -crf 25 -pix_fmt yuv420p output.mp4

More info here.

Fonts

• https://yal.cc/r/20/pixelfont/
• https://www.pixilart.com/

16x10 Videos

• Record video at 2560x1600
• Export 1920x1080, has bars on side

ffmpeg -i input.mp4 -vf "crop=1728:1080" output.mp4