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

Creating an Effect Slider

Community Beginner ,
Sep 27, 2020 Sep 27, 2020

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
758
Translate
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! 🙂

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

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? 

Translate
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
Translate
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

Don't seem to have acces to it 🙂

Translate
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

Sorry about that! How about now?

Translate
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

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! 🙂

Translate
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

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

Translate
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
LATEST

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

Translate
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