In this design tutorial, we’re going to create a heart using Adobe XD. You can follow the same steps on Sketch, Figma, InVision, or any other design tool as well.
We’re going to publish simple design tutorials every Tuesday 📆
Mainly for beginners who are starting to learn new design tool and as well as for the design geeks out there🤓
Let’s Start 🔥
Open the Adobe XD and create a new artboard of 1080x1080 pixels.
You can see the tools panel on the left side of the interface ⬅
Where you can select the polygon tool or you can go with the handy shortcut (Polygon - Y)🔺
📌Tip: Make sure to learn the shortcuts in the initial stages of learning. It helps you to learn and design much faster using the tool.
Use the polygon tool and draw a triangle with a similar size 📐
You can even manually enter the height and width on the right-side properties panel ➡
Change the corner count to (<3) on the right-side panel and see the magic✨ The triangle turns into a ❤
Now, Change the color fill on the right-side panel.
Add the drop shadow from the right-side panel.
Reduce the opacity to 50% and change the shadow color to #FF2D72.
There you go 🎉🎊
You can change the fill to radial-gradient to have this 3D effect.
Play with other properties to explore more creative variants🧡💛💙💚💜
