How to: Cinemagraphs

Tutorials

Cover

Semi moving image? Or animation?  What? ¯\_(ツ)_/¯

A few years ago I saw something epic, and I remember thinking: “What kind of witchcraft is this? ??”. I was thrilled when I realised a 9 second loop  grabbed my attention for 3 minutes. Damn, that's powerful! Even research showed that a landing page with a cinemagraph could increase visitor’s stay on that page 5% to 15%. So yeah, here’s some info and tutorials.

01

What do you need to make a cinemagraph?

  • a motif (what to shoot)
  • tripod (it's a must)
  • camera (smartphone, DSLR, video camera)
  • software

What software do you need?

You have three possibilities:

02

Flixel

  • €29,99 monthly or €199,00 annually
  • Mac only
  • full focus on cinemagraphs
  • super simple
04

Adobe Photoshop

  • you or your firm probably have it
  • Mac and Windows
  • photo editing software
  • you can export high-quality format but usually, people use GIF
03

Adobe AfterEffects

  • you or your firm probably have it
  • Mac and Windows
  • motion graphics software
  • huge quality if needed
05

Where can I use a cinemagraph?

  • social media
  • digital billboards
  • websites (usually hero shots)
  • mobile apps (splash screen or something)

Tutorial

Quick tips:

  • video length should be 3-10 seconds
  • use H.264 format
  • GIF is a low-quality format, avoid it
  • you need to have low to medium knowledge in After Effect

 

Now it's time to learn how to make this beauty. Usually, tutorials use professional footage and when you try it with your video it sucks. That's why I used 2 pro videos and 2 amateur videos. 

Coffee machine

Pro video, perfect cinemagraph, easy to make, no mistakes in progress. Like a boss!

Download materials

Palm tree

Pro video, almost perfect cinemagraph (damn you, wind), cinemagraph with flaws. Like a yawn of a seal elephant.

Download materials

Swing

Amateur video, perfect cinemagraph, why can't it be pretty like pro videos? ?

Download materials

Adriatic Sea

Amateur video, total fail — this is the reason why the tripod is a must. Hands just can't stay perfectly still.

NEXT ARTICLE
How to: Isometric Illustration
Tutorials
More treasures ahead
E95CC837-0713-48B5-BAA1-FC9DD4FA6399Arrrrr!
A true explorer like you is always in search of new quests and gems. How about we send you one every month?
TOP