Here's another Material Transition Example. Tried to move FAB button along the path. hope you enjoy.
interactive version : http://qcnoodling.com/material-transition2.framer/
How do you get the prototype centered on the screen like that?
Check the source at http://examples.framerjs.com/#album-animation.framer :-)
1.Make a superlayer works like a container of rest of layers. 2.center it. 3. Make a background layer to hide default grid.
Beautiful as always my dude. I re-watched Material Design Principles btw- we are in exciting time as Interaction Designers. https://www.youtube.com/watch?v=isYZXwaP3Q4
Stephen Crowley agreed. material design is really exciting subject to play with. :-)
Really cool Work! could you tell me how you made the button follow a curve before filling in the superlayer?
Julius Gehrig that's pretty simple trick. I rotated superlayer of circle button. so it looks like follow the curve. :-)
Min-Sang Choi aah i see nice trick! :D
Clever! Also, that source you linked to looks like it's for a different one? Would be great to see the source for this one, or post it to examples
Noah Levin yeah that was the source of jorn for centering prototype to screen. you can check mine at here: http://qcnoodling.com/material-transition2.framer/
You should consider placing it in to the framer examples site ;-) also would be great if there was a way to reverse the animation without a page refresh
Noah Levin will do :-) (plus the reversing)
guys, here's the version with reverse animation. enjoy. http://qcnoodling.com/material-curve.framer/
Don't see the reverse...
Adam Laskowitz that's weird. I see that now. anyway check the video instead :-) https://www.dropbox.com/s/yzbw1cvcjgqcxub/reversing.mov