Highlighted

A moving overlay on click

New Here ,
Oct 25, 2019

Copy link to clipboard

Copied

Hey everyone.

 

I'm learning Adobe xd, I used to work with Sketch. As little exercise, I would like to reproduce an overlay that kind of moving on click like on this example: https://uimovement.com/design/sign-up-and-login/

 

 

Adobe Community Professional
Correct answer by Vishu_Aggarwal | Adobe Community Professional

Learn about Auto-Animate Action in Adobe XD. The example uses Auto-Animate action with the Easing option of Snap.

 

To learn about Auto-Animate see following posts -  

https://theblog.adobe.com/auto-animate-how-to-create-automatic-animations-xd/

https://helpx.adobe.com/in/xd/help/animate-prototypes.html

 

Also, I have created the sample for you which will give the idea to create the same example. Download the sample file -

https://drive.google.com/open?id=1UM0T6hWgjCM8G07C8EajUQ38hhdSQIAG

 

Views

63

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

A moving overlay on click

New Here ,
Oct 25, 2019

Copy link to clipboard

Copied

Hey everyone.

 

I'm learning Adobe xd, I used to work with Sketch. As little exercise, I would like to reproduce an overlay that kind of moving on click like on this example: https://uimovement.com/design/sign-up-and-login/

 

 

Adobe Community Professional
Correct answer by Vishu_Aggarwal | Adobe Community Professional

Learn about Auto-Animate Action in Adobe XD. The example uses Auto-Animate action with the Easing option of Snap.

 

To learn about Auto-Animate see following posts -  

https://theblog.adobe.com/auto-animate-how-to-create-automatic-animations-xd/

https://helpx.adobe.com/in/xd/help/animate-prototypes.html

 

Also, I have created the sample for you which will give the idea to create the same example. Download the sample file -

https://drive.google.com/open?id=1UM0T6hWgjCM8G07C8EajUQ38hhdSQIAG

 

Views

64

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
Oct 25, 2019 0
Adobe Community Professional ,
Oct 26, 2019

Copy link to clipboard

Copied

Learn about Auto-Animate Action in Adobe XD. The example uses Auto-Animate action with the Easing option of Snap.

 

To learn about Auto-Animate see following posts -  

https://theblog.adobe.com/auto-animate-how-to-create-automatic-animations-xd/

https://helpx.adobe.com/in/xd/help/animate-prototypes.html

 

Also, I have created the sample for you which will give the idea to create the same example. Download the sample file -

https://drive.google.com/open?id=1UM0T6hWgjCM8G07C8EajUQ38hhdSQIAG

 

Vishu Aggarwal

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
Reply
Loading...
Oct 26, 2019 1
New Here ,
Oct 26, 2019

Copy link to clipboard

Copied

Thanks a lot.

I was looking in the wrong direction.

 

Julien

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
Reply
Loading...
Oct 26, 2019 1