Spinning slots
AudienceReport frontpage
Even though it's almost two years old (and not responsive) I still like the overall look and feel of audiencereport.com - so I thought I'd post a screenshot. The site also has some small CSS animations. For those interested, you can view it live here
Chat App
Service Icons for Our Website
Like And Share Transition
Animated Analytics
I've been playing around in AE over the weekend, learning to animate. I think it's becoming an essential skill for designers to have, the ability to take ideas you have in your head, and visualise them in an animation you show others.
This is my first attempt at animating a UI, so please be gentle. I know the animation isn't quite as smooth as it could be. I've still got a lot of experimenting to do with value and speed graph curves, as well as rendering outputs.
Animate icons
Chocolate animation - My first GIF
I wish I could buy me a spaceship and fly past the sky
Animated Zelda Essentials
So I ordered this awesome print the other day from @[35810:Kirk Wallace]
and then couldn't help but ask about animating the icons. Was a lot of fun to play with in my spare moments and really my first exercise in creating a morphing animation in AE.
Check out the original design and get one of his prints here!
http://trzown.me/store/minimal-essentials-of-zelda-print
card+phone
Money pig
Minimal Zelda Animated
Woowwwww @[713952:Tyler Morgan] has knocked my socks off after snagging a print from the shop, we got to chatting and he ended up animating my zelda icons. Here's just a smallll sample of what he did over on his page hopefully he'll post today.
A bit weird posting something I didn't work on, but the collaboration of my art, and his animation seemed worthy of a shot to get eyes on his full shot :)
Full animation by @[713952:Tyler Morgan] - https://dribbble.com/shots/1935255-Animated-Zelda-Essentials
CSS3 Hover effects
Instagram Like
Thank you guys
imHome Welcome Screen
Made this cute little heartbeat animation for the imHome welcome screen. It was really simple to do using Meng To's Spring animation library https://github.com/imkevinxu/Spring/blob/master/Spring/Spring.swift#L252-L263
On another note, how do you create these 400x300 gifs for Dribbble? I had to:
- 1) Record my iPhone screen using Quicktime via lightning cable
- 2) Re-record a portion of my Quicktime video with Quicktime screen recording
- 3) Upload the .mov to some movie-to-gif website
- 4) Use another website to resize the gif
I assume there's a simpler way...