How to Create Waves

Published in

@hellotegra

3 min readFeb 20, 2020

How to Create Waves in Figma/XD/Sketch/Studio or any other tool 💥
⠀
Courtesy of @alexunderhess.design
⠀
Today we show you how to design waves 🌊
⠀
We are working with Drop and Inner shadows here 💧
⠀
Draw an ellipse, add shadows, play with scaling.
⠀
You can apply it to any other shape 😉

Today we show you how to design waves

Start with a SHAPE

Add DROP SHADOW

Add DROP SHADOW 2

Add INNER SHADOW

Add INNER SHADOW 2

DUPLICATE AND SCALE ELLIPSES

Bonus — 4 tools that may be useful in your designer way:

Crello — the simplest online image editor. A simple but powerful tool to create awesome designs for any social media format — posts, covers, graphics, and posters using the best software on the web. It’s easy! A lot of animated designs.
Flowkit — allows designers to create frighteningly fast user flows within Sketch and Figma.
Webflow — all-in-one web design tool that allows users to design, build, and launch responsive websites visually.
Funnelytics — an incredible tool that helps you build the best marketing funnel mapping.

Be free to send us any feedback by reply or reach us in DM on Instagram
Do you want to receive insights using FB Messenger or Telegram or Email? 👈 Subscribe now.