Animation of the cannon firing from the BFG unit for KIXEYE's War Commander.
Photoshop
Flash
BFG Cannon Fire Animation
↧
↧
Sick and Hairy
Fun between renders. Photoshop and After Effects. Project Files in my blog.
http://jardesonrocha.com/sick-and-hairy/
↧
Throbwear
An animation I made for my friend's fashion label for online promotion purpose. My role was to animated the logo.
Check this one out https://instagram.com/throbwear/
↧
Animation for Money App
↧
Branching Out
A clip from our animated short for Aria Systems.
↧
↧
Progressive Hierarchy
UI animations are by far the best way to smoothly change between different contexts within an app. Animations make up the hierarchy of the app, keeping the user unconsciously informed about their current position in it. In Android Lollipop we saw a massive upgrade of animation APIs, making the experience that much better.
The illusion of elevation helps the user create a 3D model of the app which contributes greatly on the perceived context as they navigate an "imaginary" surface where objects rest or float (cognitive model), while the elevation is directly linked with importance (higher elevation, higher importance).
There are some cases in Material Design, though, where the former ignores the latter. Take Google Play Games for instance. Animations are all over the place, but there's minimal change in elevation. It feels like the objects are being reordered in the screen, and thus the sense of hierarchy is lost.
So, to fix that, this is what I have in mind. Objects travel through the screen to maintain continuity and smoothly transition the context, while the background "sinks", giving the sense that we're getting deeper in the hierarchy of the app. Thus "progressive hierarchy".
I can see 2 flaws of this concept at the moment:
1. There might not be enough z space in the phone to allow such movement (according to Material Design spec)
2. It might be mistaken with the animation of switching from one app to another, such as when you press a link (from original app to browser app)
Let me know what you think!
↧
Bus
↧
Hello Test
This is the first animation I've ever made. I'm still trying to figure it out how it works.
↧
Pig + Bulldozer
↧
↧
1 - Collaboration
Part 1/9 of some gifs I put together for our creative process at @LooseKeys.
Check out the full infographic here: http://loosekeys.tumblr.com/image/111964307421
↧
2 - Exploration
Part 2/9 of some gifs I put together for our creative process at @LooseKeys.
Check out the full infographic here: http://loosekeys.tumblr.com/image/111964307421
↧
3 - Script
Part 3/9 of some gifs I put together for our creative process at @LooseKeys.
Check out the full infographic here: http://loosekeys.tumblr.com/image/111964307421
↧
4 - Styleframes
Part 4/9 of some gifs I put together for our creative process at @LooseKeys.
Check out the full infographic here: http://loosekeys.tumblr.com/image/111964307421
↧
↧
5 - Storyboards
Part 5/9 of some gifs I put together for our creative process at @LooseKeys.
Check out the full infographic here: http://loosekeys.tumblr.com/image/111964307421
↧
Travel App Concept
↧
High On Pixels Rebound
saw this amazing logo by @[132979:Michal Kulesza] and thought hmm how could I animate this. Its not as refined as Mic's though.
↧
Open profile transition
↧
↧
Airport Guide
This is an airport guidebook / assistant project I completed recently. I used UXPin for wireframes and Sketch + Framer Studio for UI and animations.
↧
Do you wanna play the snake?
Do you wanna play the snake?
I really love this mock up
http://aerolab.github.io/nokia-psd/
↧
Cats run light bulbs! ;)
For April 1st 2015, light bulbs are lighten up by cats running on treadmills.
(the whole story and Thomas Edison's patent drawing to be found on GE's tumblr) ;)
↧
More Pages to Explore .....
