Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Cinemagraph

  • Identifiez-vous pour voir les commentaires

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

×