This little dream pup is named Lola. Don't let the cinemagraph fool you. She's usually a bundle of energy, so it was a mini-miracle she stayed still long enough for me to get this shot.
All that to say -- the old adage is true. Practice makes better.
Not perfect. There's still a lot to improve on. I go into the color issues some below, but in addition to that, both of these files are pushing 5 MB+. They're not exactly the best size for web optimization.
Practical Uses for the Cinemagraph
My sister is pursuing a Computational Media degree at Georgia Tech and is in the process of creating a portfolio website. She asked me to take LinkedIn-esque headshots for her website, and of course I said yes. I'll get to those eventually, but I thought that, in addition, a cinemagraph would be fitting for a website that showcases a multimedia portfolio and (future) degree.
Side note: Computational Media is just about the coolest undergrad major I've come across. Check it out!
The hardest part of the entire process for me has been processing video so that, when I save it as a .gif, the quality doesn't crap out on me. Cinemagraphs are supposed to look like photographs that move, not gifs. However, because of gifs's 256 color limit, I haven't been able to quite achieve a crisp photographic appearance in videos with a wide color palette.
I'm reading up on tutorials, but if anyone has any tips for me, please send them along!