Best Seller
Shop Now
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
The Template Collection
New
Shop Now
The Template Collection
Here a visual representation of how these settings work:
We are using Showit's native features to create a fun and engaging gradient circle! With a combination of element transitions and canvas view transitions, we can create a near seamless animated gradient. Each canvas view will have its own shape element that you can change the colors for. The current circle has broken color palettes but you are free to change these to your brand colors, just be sure to keep with the canvas instructions.
In your current design you want to add your circle to, go to the desired page you would like to add your new canvas to. Click the page title in the left sidebar and from the ••• settings menu click Add From Library. Go to My Library and locate the Gradient Circle Canvas Add On by Northfolk, select any of the Gradient Circle canvases, Apply My Fonts and Colors and ADD.
Gradient Circle
Instructions for your new
Preview instructions on Desktop :)
On your canvas views you will have easy to follow directions for which colors to use for each transition, feel free to change the speed of the transition, just be sure to set it on the shape as well.
We have included a Main Circle shape to help with the transition appearance so it doesn't feel like it glitches. Be sure to adjust this to one of your gradient colors.
Color 4
Color 3
Color 2
Color 1
If you would like to add MORE colors to your gradient you absolutely can! Just duplicate your last slide and insert your other colors keeping up with the rotation. For an extra touch, you can adjust the rotation to create more of a unique gradient effect.
Be sure to end your slides with your final color and color 1 to close the loop for that seamless transition.
color 6
color 1
Sometimes repositioning or resizing the circles while they are in their individual canvas views can be time consuming. Our trick for doing this with ease is pulling all of the circle shapes out of the canvas views and selecting them all and the Main Circle to resize and reposition them all at once and then put them back in their appropriate canvas views.
