Visual guidelines and useful shapes

Hi everyone! I wanted to share some resources the Design Solutions team at Synthesia uses to create clever animations and make sure elements are aligned and spaced out in a clear and logical way.

In this video, you’ll find a layout grid that you can temporarily set as the background or overlay of a scene to help arrange elements, as well as some custom vector graphics that you can recolor and animate as you would any shape element in Synthesia.

If you’re curious about how to use those shapes in animations, I recommend checking out the following templates:

• Sleek Corporate Knowledge Base
• Minimalist Pop Template

Get your copy of the resource video
Click the button above to access a duplicable version of the video! 👆

Guides + useful shapes from Aga

Thanks so much for sharing this resource Aga Jaskowska! I’d like to add some related tips and guides too :)

• Feature Friday: Icons & SVGs — recording of our live session on using those custom elements; includes links to places you can download vector graphics and icons to use in your videos
• ✨ Tips & Tricks ✨ Directional zoom and scale animations — for combining shapes and getting adventurous with Synthesia’s animation tools
• Animated round corners — a duplicable video showing how to use vector graphics in animations to create an aperture-style animation (video embedded below)