graphicxtras Affinity Photo Designer Photoshop Illustrator Videos

How To Create Amazing Warped Gradients In Affinity Photo For Beginners


The colorful designs / presets can be added to vectors. The Affinity Photo gradients can be warped / distorted using a large number of filters such as the deform but equally you could use the affine, ripple, mirror and many others.

Converted pixels

As soon as you go to the filter menu and use one of them, the layer will automatically be converted from a vector shape to a raster layer and can then be warped in all kinds of way, the conversion is done via the assistants and the assistant manager if you wish to change that behavior.


Use deform filter found in the filter menu under distort. You can set up a number of handles around the artwork and drag those handles to warp the design in all kinds of ways.


You can also use the repeat command found in the filter menu and apply the effect multiple times to any shape and as you distort it, it can potentially go anyway and you decide you don't like it, just undo.

Circle / edge

You can fill a circle / ellipse shape with a preset such as a rainbow preset (please check out our tutorial on how to quickly create that). The artwork can then be applied as linear or radial etc inside the circle container but adding pins all the way around the edge of your circle you can drag from the center to create large globules of yellows and greens around the edge without destroying the form of the circle.

Circle / Twirl

You can also use the twirl effect to distort the design only in the center. As soon as you move the origin point then the shape itself will distort and stretch. Set the angle and radius to the max for the design, you can set it to 720. Apply it multiple times and you will end up with a spiral preset design.

Pattern layer

Select a circular design with a filled colorful artwork. Go to the layer menu and rasterize and then go to the filters menu and distort and twirl and use the origin point as well as angle and radius settings (set to something other than zero). With the vector design and color now distorted, keep selected and go to the layer menu and new pattern layer from selection command. Resize the pattern layer as well as rotate via the bounding box of the pattern. You can hold down the alt / option key and drag and duplicate the design.