In this design tutorial, we’re going to create a Heart Eyes Emoji 😍 using Adobe XD.
The same steps can be followed on Sketch, Figma, InVision, or any other design tool as well.
Simple design tutorials every Tuesday 📆
Let’s Start 🔥🔥🔥
Open the Adobe XD and create a new artboard of 1080x1080 pixels.
Tools panel is on the left side of the user interface ⬅
Select the ellipse tool or use the shortcut (Ellipse— E)🔺
📌Tip: Using shortcuts regularly will increase efficiency at doing certain tasks and boosts productivity.
With the ellipse tool draw an ellipse with a size of 400x400 📐
Or manually enter the height and width on the right-side properties panel ➡
Now add another ellipse over it with a size of 360x360. Then add a solid color fill to the new ellipse HEX:#FEF14C.
Add an object blur with the blur amount of 20 and reduce its opacity to 60%.
Add the hearts (How to create a simple heart in AdobeXD💖)and create a simple mouth using the pen tool from the tools panel.
There you go 🎉🎊🎉
Change the fill to radial-gradient to have this 3D effect.
Explore other properties to have more creative variants😍🥰🤩
