Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Create a Cinemgraph

83f7b66c4dee7effbb3717027f99282b?s=47 Sayanee
May 15, 2012
Design
2
160

Create a Cinemgraph

83f7b66c4dee7effbb3717027f99282b?s=128

Sayanee

May 15, 2012
Tweet

More Decks by Sayanee

See All by Sayanee
83f7b66c4dee7effbb3717027f99282b?s=48 sayanee
2
610
83f7b66c4dee7effbb3717027f99282b?s=48 sayanee
5
400
83f7b66c4dee7effbb3717027f99282b?s=48 sayanee
3
270
83f7b66c4dee7effbb3717027f99282b?s=48 sayanee
3
300
83f7b66c4dee7effbb3717027f99282b?s=48 sayanee
1
190
83f7b66c4dee7effbb3717027f99282b?s=48 sayanee
8
300
83f7b66c4dee7effbb3717027f99282b?s=48 sayanee
9
860
83f7b66c4dee7effbb3717027f99282b?s=48 sayanee
2
170
83f7b66c4dee7effbb3717027f99282b?s=48 sayanee
9
480

Other Decks in Design

See All in Design
4b089a57ad1924f1630624ac3e14371a?s=48 samandthezoo
1
420
F0a8d07597a19192791bf663504d2a17?s=48 atamaplus
0
440
Cf3645811bcc4a1996c8915b3de9f950?s=48 masakioka
2
170
Ecc3e3ef56899de92b8723cf0b106fb1?s=48 themightyadam
0
110
1cef832be53ef398756f0937fbd6e0df?s=48 sn_taiga
0
1.6k
2bb89bbc2299a709cd6098173026e923?s=48 datavisualizationjapan
1
200
Ad94879495e21b7362d0d2c845f44bc0?s=48 soham
2
120
1aa84252531bfaeef8fcd570a43f0f62?s=48 kuratani4040
0
220
E4146a9b322b8d0c5cc26bcc8657c4cd?s=48 ogishio
0
260
9b63847a4c413a2604e1d64e5d595dab?s=48 humank
0
380
372b0d6ab90110521a5d3aa09f736abc?s=48 seathinner
0
350
C2919b2fc308699c240fca6ff77bd7e5?s=48 dnemoto
0
100

Featured

See All Featured
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
333
29k
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
208
10k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
259
24k
Be9caeb9d4ef9944d151af909063ed6e?s=48 samlambert
237
10k
A9704266587836f7e784235e5073b93e?s=48 jmmastey
11
740
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
226
8.7k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
442
29k
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
53
2.9k
C0b42577cfc2b321be3474618107e933?s=48 samanthasiow
59
6.5k
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
343
26k
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
8
600
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
166
19k

Transcript

  1. Cinemagraph Tuesday, May 15, 12

  2. @sayanee_ Tuesday, May 15, 12

  3. once upon a time... Tuesday, May 15, 12

  4. .gif Tuesday, May 15, 12

  5. video photo Tuesday, May 15, 12

  6. video cinemagraph photo Tuesday, May 15, 12

  7. Tuesday, May 15, 12

  8. repetitive Tuesday, May 15, 12

  9. repetitive Tuesday, May 15, 12

  10. subtle Tuesday, May 15, 12

  11. random Tuesday, May 15, 12

  12. continuous Tuesday, May 15, 12

  13. continuous Tuesday, May 15, 12

  14. motion Tuesday, May 15, 12

  15. motion Tuesday, May 15, 12

  16. motion Tuesday, May 15, 12

  17. random Tuesday, May 15, 12

  18. random Tuesday, May 15, 12

  19. text Tuesday, May 15, 12

  20. all the animated pictures are copyrights from cinemagraphs.com by Jamie

    Beck & Kevin Burg @_FromMeToYou @kevinburg Tuesday, May 15, 12

  21. what is a .gif ? what is the full form

    of .gif when was it invented Tuesday, May 15, 12

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

    of a .gif Tuesday, May 15, 12

  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 Tuesday, May 15, 12

  24. tools to create a cinemagraph OS X 10.6.8 quicktime player

    photoshop CS4 any browser DSLR with video shoot crop process view Tuesday, May 15, 12

  25. steps to creating a cinemagraph 1. open the video in

    quicktime player 2. Edit > Trim > crop a portion of the video as *.mov Tuesday, May 15, 12

  26. steps to creating a cinemagraph 3. Open photoshop. File >

    Import > Video Frames to Layers Tuesday, May 15, 12

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

    Play Tuesday, May 15, 12

  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 Tuesday, May 15, 12

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

    required Tuesday, May 15, 12

  30. steps to creating a cinemagraph 8. File > Save for

    Web & Devices > GIF Tuesday, May 15, 12

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

    in a browser Tuesday, May 15, 12

  32. resources on cinemagraph 1. official cinemagraph website 2. blog of

    Jamie Beck 3. cinemagraph tutorial and another tutorial Tuesday, May 15, 12

  33. Q&A Tuesday, May 15, 12

  34. @sayanee_ slides Tuesday, May 15, 12