1. Cinemagraph

2. @sayanee_

3. once upon a time...

4. .gif

5. video photo

6. video cinemagraph photo

8. repetitive

9. repetitive

10. subtle

11. random

12. continuous

13. continuous

14. motion

15. motion

16. motion

17. random

18. random

19. text

20. all the animated pictures are copyrights from
cinemagraphs.com
by Jamie Beck & Kevin Burg
@_FromMeToYou @kevinburg

21. what is a .gif ?
what is the full form of .gif
when was it invented

22. what is a .gif ?
graphic interchange format
1987
composition of a .gif

23. tips on creating cinemagraph
 shoot a video, not series of photos
 use a tripod for steadiness
 crop around 2-4 seconds of video
 convert to 20-40 frames of static pictures
 choose a few areas in the picture frame to animate
 take extra note of shadows & mirrors

24. tools to create a cinemagraph
DSLR with OS X quicktime photoshop any
video 10.6.8 player CS4 browser
shoot crop process view

25. steps to creating a cinemagraph
1. open the video in quicktime player
2. Edit > Trim > crop a portion of the video as *.mov

26. steps to creating a cinemagraph
3. Open photoshop. File > Import > Video Frames to Layers

27. steps to creating a cinemagraph
4. Window > Animations > Play

28. steps to creating a cinemagraph
5. Window > Layers > Add black layer mask > paint with white
6. Option + Drag to copy Layer Mask to other layers

29. steps to creating a cinemagraph
7. Reduce Image width/height as required

30. steps to creating a cinemagraph
8. File > Save for Web & Devices > GIF

31. steps to creating a cinemagraph
9. Open the created *.gif in a browser

32. resources on cinemagraph
1. official cinemagraph website
2. blog of Jamie Beck
3. cinemagraph tutorial and another tutorial

33. Q&A

34. @sayanee_
slides