Test this out in Preview to ensure your app is swiping correctly and then continue applying these steps across all of your Quote boards, linking Quote5 back to Quote1, since we don’t want to return to the start screen once in the app. Now, selecting the Gradient layer on your Quote1 page, add the Left Swipe Gesture, target Quote 2, and select your newly created Transition. This will allow us to animate the Quote text to this higher location when triggering the Share action. Lastly, grab your grouped Quote and Author layers and adjust the Y value to 140 so that it now 75px higher on your End state Artboard than your Start state Artboard. Now update your three icons (Facebook, Twitter, Email) to 48x48px and #FFFFFF and align them exactly 40px to the left, above and to the right of your Close button. Make sure it is centered horizontally and aligned 45px from the bottom of the canvas (directly over the pre-existing Share button). Replace the existing Share button with the Close button adjust its values to 50x50px and #FFFFFF. Starting with Quote1Share, let’s pull in our remaining icon assets for the Close button, Twitter, Facebook and Email. Rename these new Artboards as Quote1Share, Quote2Share, etc. Since Flinto handles animations with a Start state and End state, we’re going to duplicate each Quote board and place the copies below to make adjustments for our End state.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |