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

Storytelling and Storyboarding (Chapters 2 & 3)

-
Storytelling The great challenge is more about disciplining yourself to reel it in and be intentional about your storytelling choices. The first step in storytelling is to create a story structure.   Create 15-30 cue cards – the moments / active steps that move the story forward.   Each card can be physical or emotional and should represent an active step or beat in the storyline. Next, a  Three-Act Structure should be created by p lacing cue cards on the wall in chronological order in three separate rows (a story with three acts). A character has a problem The character works towards a solution The character solves the problem, usually in a surprising way A fourth row of “additional beats” can also be created that don’t fit in the structure or you  are unsure of at the moment (may not even use them) T his works for infographics too  such as PSA's.  The first act   (first row of beats) should introduce the character(s), establish what th...
Read more