My UI Animation

-
I had a lot of fun with this project! I also had so much fun animating my key logo so I figured it would be great to animate a search feature for my portfolio website!

Comments

Post a Comment

Popular posts from this blog

My Very Own Animated GIFs!

-
Image
Animated GIFs For my first GIF, I made a clock with a moving minutes hand through Photoshop's frame animation. I have taken two motion graphics classes in my undergrad, however, they were a few years ago so this was a great refresher for me! I think both the frame animation and video timeline features on Photoshop are a great way to create a quick, fun GIF. I have never played around with onion-skinning before, so this was super fun for me to create! I love to draw and paint so making this made me feel as though I was actually making my animation come to life! I'm excited to keep messing around with it! I was nonchalantly chewing gum while making my other two GIFs...which gave me the idea for this one! I drew the images in Adobe Illustrator and then used Photoshop's frame animation again to enlarge the bubble! 
Read more

Chapter 9: Animate! Summary || Kinetic Interface Design Video Notes

-
Kinetic Interface Design – Video ·       Navimation: Combining navigation with animation ·       Social Navimation : Combining navigation in social media with animation ·       Motional Transformation : Gradually changing the form of a visual element ·       Spatial Manipulation: Mixing 2D and 3D spaces, be it physical or virtual ·       Temporal Navigation : Navigation that is continuous, as opposed to ‘click and wait’ ·       Indexical Compositing: Movement on screen that is similar to the movement of something else ·       Virtual Kinetics: Simulating physical forces such as gravity or magnetism Chapter 9. Animate! Big-picture thinking, frame by frame ·       Animation can be exactly the step when all hell can break loose. o    E...
Read more

Advanced Motion Inspiration

-
Image
https://youtu.be/IuisYC9x3Y0 This first stop motion short film that I came across absolutely blew me away. It's crazy to me how such small, mindless, everyday items can come to life with a lot of dedication, patience and hard work. Amazing, clever and adorable! https://youtu.be/3jxdWlM5ONM Another stop-motion, but so intricate and detailed to give it the perfect, real-life effect! I felt like I was in a coffee shop! https://www.invisionapp.com/blog/web-animation-ux/ I'm really starting to become obsessed with animated user interface - there is so much to do to bring any app to life simply and effectively. I loved this example (scroll to the second one) for an app pertaining to something of 24 hours in the day and the transition from AM to PM.
Read more