Shapes & Colors

Curriculum Navigator:

If you’re viewing this page from the TouchDesigner curriculum explorer, you can use the buttons below to interact with this topic.


In addition to working with input images, we can also create some basic shapes in TOPs. Circle TOP and Rectangle TOP have a number of creative and practical uses. In these examples we’ll look at how to create a spinning indicator, polygonal shapes, vignettes, and buttons with drop shadows.

A Circle TOP can be used in several ways – a circle with or without an outline, an animated shape, a loading icon or a vignette. The circle TOP can produce a variety of shapes that are useful for both UI operations as well as masking and compositing when working with images and video. When using a circle as a polygon you can specify the number of sides, the rotation of the polygon and the softness. 

Similar to circles, the Rectangle TOP is a rasterized shape that has a fill, outline, and background color. It also has a parameter for corner radius to create rounded corners and pill shapes.


Scroll to Top