Skip to main content
Participant
February 19, 2019
Answered

Animate - Move picture in a shape

  • February 19, 2019
  • 2 replies
  • 671 views

I have a map that I have made only show in a circle. This can be achieved through simple grouping of the two objects or through a mask.  In either case I can't figure out how I can move the map to simulate someone  being able to scroll the map. I hope I explained what I am trying to achieve well. Anyone know how this effect can be done?

This topic has been closed for replies.
Correct answer Kenneth Kawamoto

BTW you don't need to ungroup your Mask Group. If you click on the icon in the Layers pane, it reveals its content. You can then move the image independently from the mask shape.

2 replies

Ares Hovhannesyan
Community Expert
Community Expert
February 19, 2019

Do you want to move map or circle? You can also use Drag Option. Adobe Xd CC - Ավտո-Անիմացիա (Auto-Animate) in Armenian - YouTube Language isn't so important for video for understanding.,

Participant
February 19, 2019

I want the map to move within the circle to simulate a circular map scrolling to different locations. Basically, just like in the google maps app how you can move the map around but with a different shape. I will check the video out. Thank you for your reply.

Community Expert
February 19, 2019

First duplicate your artboard, then move the map behind the circle mask in the second artboard. Then link two artboards with Auto-Animate. The map will animate in the circle.

Participant
February 19, 2019

Thank for your response!  I will try it this away again. I tried moving the map beneath the circle but it would move both objects. I must have either created the mask incorrectly or I forgot to ungroup the objects first.  At any rate, your answer seems very plausible and I will give it another try. Thanks again.

Kenneth KawamotoCommunity ExpertCorrect answer
Community Expert
February 19, 2019

BTW you don't need to ungroup your Mask Group. If you click on the icon in the Layers pane, it reveals its content. You can then move the image independently from the mask shape.