Start by adding this entire page (make sure to hide from Google under Advanced Settings) or a canvas from this page to your design. Select Apply My Fonts + Colors during import to retain your design settings and keep your website on-brand.

step four: rinse + repeat

step three: customize

step two: copY + paste

step one: add from library

Select the transition(s) you want to add and use the keyboard shortcuts to copy from the added canvas or page and paste into your design—(Mac: Command + C and Command + V // PC: Control + C and Control + V). Pro tip: Use the layers panel on the left to select each.

step four: rinse + repeat

step three: customize

step two: copy + paste

step one: add from library

Position, recolor, and resize. Pro tips: use Special Paste (Command + Shift + C and Command + Shift + V) to apply the same color on selected transitions. Zoom out to ensure the transition is stretched or repeated enough for larger screen sizes (~2,560+ pixels).

step four: rinse + repeat

step three: customize

step two: copy + paste

step one: add from library

And that's all there is too it! Pro tip: Once you have your transition in its place on desktop AND mobile, lock it in place so it doesn't get moved around.

step four: rinse + repeat

step three: customize

step two: copy + paste

step one: add from library

HOW TO USE :

Let's add a RAINBOW:

Or do you like this RAINBOW?

Perhaps a WAVE instead?

Or do you prefer SCALLOPS?

Maybe if they're LARGER?

How about a more CONDENSED WAVE?

What if it were SMALLER?

So, its CHECKERS you like most?

Only if they're BIGGER?

Why don't we throw some ASYMMETRY into the mix?

Are they MOUNTAINS?

Or CLOUDS?

Or BOTH? You decide.

send a review to get featured

shop templates + add-ons

Want even more magic to add to your website?

© Lauren Rich Creative | All Rights Reserved | Photos by Prairie & Wild | Use in Template Resale is Prohibited | More Terms of Use Here