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

Examples of the 12 Principles of Animation

-
https://www.youtube.com/watch?v=3U_T9P8oGpE This video is great to quickly show examples of each of the 12 principles! https://www.youtube.com/watch?v=LXHhC46PPko This one is a little on the long side, but they are all great examples from movies that show where each of these principles apply https://www.youtube.com/watch?v=VaLESWaRMjU This is a great way to see Squash and Stretch frame by frame https://www.youtube.com/watch?v=tSMwGAm972g This one is great for showing Slow in and Slow Out with a great explanation as well https://www.youtube.com/watch?v=OydSRRE1rx8 This is a great explanation and example of anticipation
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