• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Creating an Effect Slider

Community Beginner ,
Sep 27, 2020 Sep 27, 2020

Copy link to clipboard

Copied

I'm trying to create an effect slider, and have successfully done so if my slider is in the middle of the area I want to change - however, in this example, when I try to have my slider start to the right of Australia, I can't get a realistic drag/slide effect! Does anyone know of a solution?

 

Thanks!

 

Starting within the Australia shape

Screen Shot 2020-09-27 at 2.01.30 PM.pngScreen Shot 2020-09-27 at 2.01.21 PM.png

 

 

Starting outside of Australia

Screen Shot 2020-09-27 at 2.02.03 PM.pngScreen Shot 2020-09-27 at 2.01.47 PM.png

TOPICS
Design , How to , Prototyping

Views

404

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

correct answers 1 Correct answer

Community Expert , Sep 27, 2020 Sep 27, 2020

Okay, so there you go.

https://www.dropbox.com/s/ji7lkkvcfydj0tx/Slider_Solution.xd?dl=0

 

Basically, use the continent as a mask, within which you can have the darker rectangle that will be lined up with the slider. This way you don't need to bother with editing paths and lining them up.

 

Hope that helps, cheers! 🙂

Votes

Translate

Translate
Community Expert ,
Sep 27, 2020 Sep 27, 2020

Copy link to clipboard

Copied

Hi Emily.

 

Can you please send us a link to a prototype with that screen, or even better - upload the file somewhere and link it here, so we can see how this is all configured? 

Votes

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
Community Beginner ,
Sep 27, 2020 Sep 27, 2020

Copy link to clipboard

Copied

Votes

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
Community Expert ,
Sep 27, 2020 Sep 27, 2020

Copy link to clipboard

Copied

Don't seem to have acces to it 🙂

Votes

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
Community Beginner ,
Sep 27, 2020 Sep 27, 2020

Copy link to clipboard

Copied

Sorry about that! How about now?

Votes

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
Community Expert ,
Sep 27, 2020 Sep 27, 2020

Copy link to clipboard

Copied

Okay, so there you go.

https://www.dropbox.com/s/ji7lkkvcfydj0tx/Slider_Solution.xd?dl=0

 

Basically, use the continent as a mask, within which you can have the darker rectangle that will be lined up with the slider. This way you don't need to bother with editing paths and lining them up.

 

Hope that helps, cheers! 🙂

Votes

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
Community Beginner ,
Sep 27, 2020 Sep 27, 2020

Copy link to clipboard

Copied

Wow, thank you for helping me with this, Spas! You just saved my first project of the semester (due tomorrow) 😁 

Votes

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
Community Expert ,
Sep 27, 2020 Sep 27, 2020

Copy link to clipboard

Copied

LATEST

Glad I helped. I too have experience with last minute submissions 😄

Votes

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