http:///
Cinemagraphs by Jamie Beck and Kevin Burg
Cinemagraph: Still Photos With Subtle Motion
Cinemagraphs 顾名思义（cinema是电影摄影，graph是图片）是动态摄影和静态图片的结合，这项艺术最早就是从http:// / 这个网站流出，来自NYC的两个艺术家 。初次看到这个眼前一亮，果真动态的吸引力无法估量。
Fernando J Baez 摄影师说，Cinemagraphs的魅力在于， "more than a photo, but not quite a video.“
大概1年前看到这个很惊艳，很想知道是怎么做的，本人很懒没去探索，紧接着网上的教程还有讨论扑天盖地，大体上搜索了一下。感觉过程不难，今天和大家分享。
首 先大家要知道这些图片都是 animated GIF，动态的图片全部都是GIF图片，GIF图片并不陌生，但是要有上面的效果的重要原因就是，每张图里只有一个元素是动的，其他都是静态。 因为图片里需要一个自然流动的点，这样就容易mask 和loop 在上面做手脚。为以后的animation做准备。素材需要连续拍多个图片类似stop motion，必要的时候要有HD 视频。也可以在网上找素材先练练手。
了解photoshop 和 after effects 两个软件基本用法。（有些教程是用AE和PS做的有些是只用PS就可以做出来）本人觉得只用ps的那个方法比较好。
先介绍一下只有photoshop的做法，素材是高清视频，大致从网上翻译一下，第一次翻译写教程这种东西，翻译的不好有些词不知道怎么翻译大家凑合看 ，有不对不准确的地方大家修正，共勉：
First, take your video video into Photoshop, and make sure the Motion workspace is active (found under Window > Workspace). This will give us a simple timeline. Using the blue guides to the left and right of the timeline, select a 1-2 second segment that will form the basis of your cinemagraph. You don't need to be exact, since we can trim some of those extra frames in the next step.
1，首先，把你的视频导入photoshop, 然后确认Motion workspace 是否能用(found under Window > Workspace).，这个会显示出一个时间轴，用蓝色的指示图，选取1-2秒片段作为你 cinemagraph的基本部分，其实不用很精确，因为我们也可以把那些多余的frames在下面的步骤里修改掉。
Once you've selected your segment, we're going to export the selection as a new movie. Choose FIle > Export > Render Video, and accept the default settings. Now, close your document, and choose File > Import > Video Frames to Layers, selecting the video file you just exported. This will import each frame as a new layer, which is crucial for the masking process.
2，当你已经选 取了打算做成cinemagraph的片段，我们就把选中的部分建立一个新的片段，点-文件->导出->建立视频，接受默认的设置，然后，你 关掉你的文件， 点->文件->导出->把视频的frames变成图层，选择刚刚导出的视频文件。这样就可以把导入的frame变成新的图层。为下一步 masking process做准备。
In our sample video, there's lots of motion, with people moving up and down the various escalators —except for one. This escalator is empty, and thus, perfect for animating, while freezing the rest of the busy people pictured in this scene. In the Layers palette, the first layer is going to serve as our animation's anchor frame. With the first layer selected, ensure that "Unify Layer Visibility" is activated. This ensures our static anchor frame will repeat itself in each successive frame.
3. 在我们的素材视频里，有很多动态的部分，有人在动还有上上下下的扶梯，除了一个，这个扶梯是空的，所以空的扶梯对animating来说是最好的，这样容 易得多，同时使来来往往的人定住不动。在图层里，第一个图层即将作为我们动画部分的最重要支撑的frame. 选中第一个图层，确定 unify layer visibility 是可用的，确保我们的主frame会来回的循环 。
Now, the fun part — and also the most time consuming. Select the second layer/frame. Using the marquee tool, or any other selection tool of choice, create a layer mask around the area of motion you'd like to retain. Repeat the process for each frame that follows. You can preview your progress at any time using the motion timeline. If all goes well, you should see a static image, with only the masked areas exhibiting any sign of motion.
4.现在，最有意思的部分了，也是最费时间的部分，选择第一个图层/frame，用 marquee 工具，或者其他选取工具，建立一个图层mask包围在动态部分的周围。循环这个过程让每个frame连贯紧接。可以用时间轴预先看到你做的过程。如果这部 顺利，你就会看到一个静态的图片，只有masked部分才会动。
Depending on the framerate of your source material, the animation might not be as smooth as you'd like. This can be fixed by selecting every frame in the timeline, right-clicking, and and choosing a new delay value. Try experimenting with different settings to see what works best. Also, you might find that your chosen subject or animation doesn't loop all that smoothly. In some cases, it's a simple matter of copy/pasting all your frames to the end of the timeline, and choosing Reverse Frames from the timeline bar's options menu.
5. 我们做的动画部分可能不是预先想的那么顺畅，可以用时间轴来修改，选中所有的frame，右键点击，选中一个时间延迟的部分，尽可能的去试验不同的选择， 看哪个最合适。很可能有时候，你会发现自己做的动画部分不是那么顺畅，也可以复制粘贴所有的frame到时间轴的最后，从时间轴选项菜单里选择 reverse frames
When that's done, click When that's done, click File > Save for Web & Devices. Make sure that GIF is your selected export format. You an even preview the final image if you'd like.
6.最后一步就是存储了，File > Save for Web & Devices. 存储成网页模式，确定GIF导出的格式。大功告成。
成品例子：
原文Link：http://www./news/how-to-make-your-own-cinemagraphs-a-new-take-on-gifs/2253/
其实英译有些词语不知道如果恰当翻译，翻译的不好，很粗略省略了一些细节，有不对的地方大家尽可能的给挑毛病，理解也有问题，大家还是以英文为根据跟着做比较好。
Cinemagraph 其实觉得最主要想做得自然漂亮还是要选好素材，在图片里有一个动起来很流畅的区域，掌握好timing，其他元素不动，只有一个元素在动，这就是Cinemagraph酷的地方。
自己觉得网上的教程中还是这个比较靠谱，而且实用，有机会再把另一个结合了AE和PS两个软件的方法分享出来。
刘卡通Kay 16/10/2011
