Blog

Technology news & comments affecting web professionals' lives

40 Examples of stunning Cinemagraphs (and links to tutorials)

June 11, 2012

From the blog:

40 Examples of stunning Cinemagraphs (and links to tutorials)

Cinemagraphs are still images that contain within themselves living elements allowing a glimpse of time to be experienced and preserved. Cinemagraph is a technique of blending the effects of images and videos. It was introduced by a New York fashion photographer Jamie Beck, in collaboration with motion graphics designer Kevin Burg. Since then, many other designers have created similar forms of cinemagraphs. Cinemagraphs are typically simply created as animated .gif files making them easy to use on a web page. In this article, I feature stunning examples of cinemagraphs for your inspiration. Don’t scroll too fast if you want to experience the Cinemagraphs and look carefully – elements you don’t expect to move may do it…!

A cinemagraph is simply a .gif file (could also be a video) with more artistic feel that the regular .gif you see everywhere. Typically it is a still image with a few elements slightly moving. This technique gives the cinemagraphs a bit of mystery and personally I like to watch them spotting the moving parts.

Demo Websites

To help you vizualize what your new website may look like, we've prepared different "template" websites with mock content.

Company Website

Typical pages for a business include: About Us, Products, Services, Customers, Contacts.
View Demo

Society Website

Typical pages for a non-profit society include: About Us, Officers, Programs, Meetings, Photo Gallery, Contacts.
View Demo

Portfolio Website

Typical pages for a portfolio include: Photo Gallery, About Me, Contacts.
View Demo

Event Website

Typical pages for an event include: General Information, Registration and Travel, Accommodations, Agenda/Program, Pricing, Contacts.
View Demo

Keep in mind, these are samples; your actual website will have your own branding (logo), content (text and images), and menu structure.

About Us

Web Page Authority's vision is to help businesses grow through effective and affordable web solutions. Our team members have experience in diverse industries including information technology, commerce, graphic design, printing, and management, thus building a strong foundation of expertise in web design solutions.

 

Contact Us

+1 (574) 208-3932 Paul (Indiana)
+1 (918) 850-4224 Bogdan (Oklahoma)