Cinemagraph

1,767 views

Published on

Published in: Design, Technology, Art & Photos
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,767
On SlideShare
0
From Embeds
0
Number of Embeds
13
Actions
Shares
0
Downloads
36
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Cinemagraph

    1. 1. Cinemagraph
    2. 2. @sayanee_
    3. 3. once upon a time...
    4. 4. .gif
    5. 5. video photo
    6. 6. video cinemagraph photo
    7. 7. repetitive
    8. 8. repetitive
    9. 9. subtle
    10. 10. random
    11. 11. continuous
    12. 12. continuous
    13. 13. motion
    14. 14. motion
    15. 15. motion
    16. 16. random
    17. 17. random
    18. 18. text
    19. 19. all the animated pictures are copyrights from cinemagraphs.com by Jamie Beck & Kevin Burg @_FromMeToYou @kevinburg
    20. 20. what is a .gif ?what is the full form of .gif when was it invented
    21. 21. what is a .gif ?graphic interchange format 1987 composition of a .gif
    22. 22. 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
    23. 23. tools to create a cinemagraphDSLR with OS X quicktime photoshop any video 10.6.8 player CS4 browser shoot crop process view
    24. 24. steps to creating a cinemagraph1. open the video in quicktime player2. Edit > Trim > crop a portion of the video as *.mov
    25. 25. steps to creating a cinemagraph3. Open photoshop. File > Import > Video Frames to Layers
    26. 26. steps to creating a cinemagraph4. Window > Animations > Play
    27. 27. steps to creating a cinemagraph5. Window > Layers > Add black layer mask > paint with white6. Option + Drag to copy Layer Mask to other layers
    28. 28. steps to creating a cinemagraph7. Reduce Image width/height as required
    29. 29. steps to creating a cinemagraph8. File > Save for Web & Devices > GIF
    30. 30. steps to creating a cinemagraph9. Open the created *.gif in a browser
    31. 31. resources on cinemagraph1. official cinemagraph website2. blog of Jamie Beck3. cinemagraph tutorial and another tutorial
    32. 32. Q&A
    33. 33. @sayanee_ slides

    ×