Revolving text using the distort effect

MeirFeinberg Member, Cloudinary Staff Posts: 1
edited September 2022 in Developer APIs

The distort effect changes the shape of an image based on a set of new coordinates representing the relative new position for each of its 4 corners. The rest of the image is then distorted and stretched to smoothly fit the new dimensions.

So by carefully selecting the new corners, you can distort an image to how it would look from a slightly different perspective. This can easily be done with text images, to create a series of frames, where each image is slightly more distorted than the last. Putting all the frames together in an animated gif gives the illusion of a revolving text:

For more info, see the docs on the distort effect, and the multi method - which also includes a nice script for autogenerating the images used in the animation above, and the multi method to generate the animated gif.

multi method:

distort effect: