You know, we use ad-blockers as well. We gotta keep those servers running though.
Did you know that we publish useful books and run
friendly conferences — crafted for pros like
yourself? E.g. our upcoming SmashingConf Barcelona,
dedicated to smart front-end techniques and design patterns.

Stop motion animation is one of the hottest areas of film-making today. Stop motion is an animation art through which one can spring life in inanimate things and do the unnatural. It works by shooting a single frame of an object, then moving the object slightly, and then shooting another frame.

When the film runs continuously in a film projector, or other video playback system, the illusion of fluid motion is created and the objects appear to move by themselves. This is similar to the animation of cartoons, but using real objects instead of drawings. [Links checked January/02/2017]

Well, how can you make use of stop motion in web design? Some design agencies integrate stop motion in their showreels, some may use it to present a product or a service. The main advantage of the technique is that it really looks different, unusual and therefore memorable. In technical terms, stop motion consists of many forms according to techniques used to create, animate and film it – pixilation, cutout animation, time-lapse, clay animation and many more. Stop motion animation is time-consuming, repetitive process which requires patience.

Below we present over 50 amazing examples of stop motion videos, a tribute to hard work of animators, artists and creative folks.

Vailancio Rodrigues is a web ninja who bakes semantic muffins. Apart from that he is also interested in Motion Graphics, Visual Effects, Photography and knows little bit of Physics due to his college education . He is from Goa - a beautiful tropical paradise in India.

Andy Gongea

Matt Rossi

Really great stuff here guys. You don’t see this as much as you should anyway, most likely because of the sheer amount of work that goes into creating one. A lot of 90’s snowboarding and skateboarding videos had some really cool animations in stop motion, “steak and lobster” being one of them.

wenling

Christi

Thank you so much! My 6-yr-old son and I watched this before embarking on his first stop motion film. He wants to try using diff mediums, but we started with paper. He learned a lot from your videos and from the group, TinyCircus.org. Entered his film in the Wired.com/Geekdad Father of the Year contest on YouTube. Who knows if he’ll win, but it’s been super fun. Again, thx!!

Jake

Subscribe to our email newsletter for useful tips and valuable resources, sent out every second Tuesday.

Please provide us with your email address:

As designing static pages has become untenable, many have started to approach design in a modular way.
In this book, we’ll identify what makes an effective design system that empowers teams to
create great digital products.
Pre-order the book now →

Today, too many websites are still inaccessible. In our new book
Inclusive Design Patterns, we explore how to craft
flexible front-end design patterns and make future-proof and accessible interfaces without extra effort. Hardcover, 312 pages.
Get the book →

Meet the new Sketch Handbook, our brand
new Smashing book that will help you master all the tricky, advanced facets of Sketch. Filled with
practical examples and tutorials in 12 chapters, the book will help you become more proficient in your work.
Get the book.

Trends don’t matter, but techniques do.
With SmashingConf Barcelona, we’ll explore problems,
smart solutions and lessons learned from actual projects.
Taking place on October 17–18 at the Palau de la Música Catalana.
To the tickets →