public marks

PUBLIC MARKS with tag animation

March 2013

Sunsastera Environment Design » mclelun

by sbrothier
My group was one of the winners for IPCC 2011 animation competition and I had been working on this project for a while now. The final milestone presentation was held a few days ago at Sri Pentas, and we shown our work in progress trailer during that day. I guess it is be a good time to share a bit more info about this project with all my friends now.

Painterly Background for Animation » mclelun

by sbrothier (via)
I am working on a sizzle reel for an animation and it is currently on pre-production stage. In this animation, our team will be using 3D for characters and 2D for background. The main reason we choose 2D for background is to save production time through cutting down the time spend on modelling and texturing 3D environment. But this is not a simple task as my experience on painting are not that great either.

Makoto Shinkai Style Painting Tutorial » mclelun

by sbrothier
Last year, I was doing a lot of background plates for an animation pitch project, Sunsastera and Makoto Shinkai’s (新海誠) work is one of my main reference. The background artworks I did are not really that great but some peoples are interest on the workflow and requesting a tutorial for it. So here it is, the Makoto Shinkai style painting tutorial. It will not be a step by step tutorial, but I will break down the tutorial into category for easier reading.

SmilieGenerator.us ™ • Smileys • The Smiley Sign Generator™ • The Smiley Search Engine™ • Gif Resize • Animation Tools • Smiley Generator • - - Animated Gif Frame Extraction

by sylvainulg & 1 other
Animations are made up of a bunch of similar images that are shown one after the other to create the illusion of movement. Many times, people will want just one or a few of those images, or they may want to change some of the images, This tool allows you to extract each frame from an Animate Gif Image and download them all along with the specifications that tell a browser how to show each image, or how long to show each image, or how many times to show each image.

Ceaser - CSS Easing Animation Tool - Matthew Lein

by dav & 2 others, 2 comments (via)
-webkit-transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860);    -moz-transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860);     -ms-transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860);      -o-transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860);         transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860); /* easeInOutCirc */ -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);    -moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);     -ms-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);      -o-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);         transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860); /* easeInOutCirc */

February 2013

Anima — CSS animations with a soul

by 84GHz (via)
With Anima it’s easy to animate over a hundred objects at a time.

To This Day Project

by gregg
To This Day Project is a project based on a spoken word poem written by Shane Koyczan called “To This Day”, to further explore the profound and lasting impact that bullying can have on an individual. Schools and families are in desperate need of proper tools to confront this problem. We can give them a starting point… A message that will have a far reaching and long lasting effect in confronting bullying. Animators and motion artists brought their unique styles to 20 second segments that will thread into one fluid voice. This collaborative volunteer effort will demonstrate what a community of caring individuals are capable of when they come together.

January 2013

December 2012

requestAnimationFrame for smart animating « Paul Irish

by srcmax
In your animation work, you've used a timer loop to make changes every few milliseconds. Good for us: browser vendors have decided, "hey, why don't we just give you an API for that, because we can probably optimize some things for you." So it's basic API for use with animation, whether that be DOM-based styling changes, canvas or WebGL.

jQuery Animations with automatic CSS3 transitions when possible

by srcmax & 1 other
Extend $.animate() to detect CSS transitions for Webkit, Mozilla and Opera and convert animations automatically.

November 2012

Jill emotions, run cycles, Craziness!!!

by sylvainulg
PixelPileDriver giving us another excellent tutorial on "how to create a walking animation".

PUBLIC TAGS related to tag animation

liens possibles +   à suivre +   planetanim +