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๐๐ฅฐ๐คฉ
Follow us on Instagram ๐ฉ
Share your designs with us ๐
Drop your comments below ๐
Thanks for reading! ๐ค