Yayy! Cat!
My buddy @[247591:Jason Smith] posted a great shot of a cat the other day and I HAD TO ANIMATE IT! I was looking at my Dribbble page and it was lacking character, so this was a perfect fit, and I love his work. YAY! #teamwinning
Be sure to press that 'L' for the kitty lovin, and check it out at x2! :)
a Ferry to Granville island Vancouver, BC
Throwback gif
modified navigation bar animation prototype with framerjs
Animation done! With a bit of lens flare for good measure.
Hi, it's bit late night here. I'm lately making bunch of rebound shots for @[3587:Paul Flavius Nechita ] 's daily UI challenge. It's being a really nice side-project to enhance my AE skills.
Hi folks!
I hope you remember my Workout Book app concept? I'm not done with it yet. Here is one more interaction I made for it.
For this one I needed some nice and easy to use multi selection option that will pay attention to the order of exercises. And there are no such a thing. Somehow, we don't have really good and universal pattern for multiple selection. Then, I remembered new fresh Apple Music and I found those circles quite good. But still not universal :)
What do you think, guys? Do you like it? :)
Also, check out full project on Behance
Lettering animation for music video. See the complete project here: https://www.youtube.com/watch?v=fCMYJboQhb4
One of a series of 13 different coloured lab goo animations (including a rainbow one!).
I designed this mostly in Illustrator and then hand coded SVG for the bubbles and goo in HTML/SVG. I then animated it in JavaScript on CodePen using GSAP (Greensock Animation Platform).
Looking out the window.
This is the modular concept of Lexicon, the new Liferay Experience Language. This is a system for building modular and extensible applications.
In this case we can see the main components to provide homogeneity in Liferay administration.
This awesome design has been conceptualized by Danny Saltaren, trying to be clear and emphasizing the main action.
Animation I made for emoG few months ago (http://www.emog.com).
I'm currently working on some new exciting projects, I can't share anything right now but it's coming soon! :)
Procedurally generated wearing out wall, no bitmap textures used.
In my early days of SVG animation I set myself lots of challenges (I still do!) that involved trying out new techniques. This one uses the GSAP (Greensock Animation Platform) DrawSVGPlugin to draw the audio wave, headphone band and the motion lines.
I created it in Illustrator and animated the SVG output using JavaScript and GSAP.
You can see it on CodePen here:
http://codepen.io/chrisgannon/pen/zxWowX
A little idea I had for a loading icon.
I love minimal graphics and the shapes that negative space can form so I created this soothing animation. It's designed in Illustrator and the SVG output is animated on CodePen using JavaScript (Greensock).
The GIF loop isn't perfect because it's not designed to loop - all animation cycles (and nested cycles) are timed differently to create a more natural feel.
You can see the original SVG animation on CodePen:
http://codepen.io/chrisgannon/pen/NqaqPR
Small fun promo for my "Wide Vision" - 40 landscape panoramas photo set.
You could see video with sound in attachment
or
Buy full product on @[359341:Creative Market]
I wanted to create something that was pure fun for my sons (aged 1 and 4). They love Duggee and this was the inspiration.
So, under the direction of my eldest, I made a penguin with glasses and a funny hat in a submarine on wheels jumping over a hedgehog.
You can see the animated SVG version on CodePen:
http://codepen.io/chrisgannon/pen/zGzQWQ
