Tutorial | Create a neomorphic button in Adobe XD using shadow effects

Adobe Employee ,
Jun 09, 2021 Jun 09, 2021

Copy link to clipboard

Copied

Hi all,

 

Learn how to create an enabled and disabled state for a neomorphic button in XD using drop and inner shadow effects. To download the file used in this tutorial, click this link.

 

1.png 2.png
3.png 4.png
5.png 6.png
7.png 8.PNG
9.png 10.png
11.png  

Congratulations! Now that you have the enabled and disabled states of a button, you can use auto-animate to animate the states. Let us know whether you found this tutorial useful.

 

Thanks,

Preran

TOPICS
Design, How to, Prototyping

Views

330

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jun 15, 2021 Jun 15, 2021

Copy link to clipboard

Copied

LATEST

Thanks for including the download!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines