Cinemagraph
Upcoming SlideShare
Loading in...5
×
 

Cinemagraph

on

  • 1,602 views

 

Statistics

Views

Total Views
1,602
Views on SlideShare
1,595
Embed Views
7

Actions

Likes
0
Downloads
23
Comments
0

2 Embeds 7

https://twitter.com 6
http://paper.li 1

Accessibility

Upload Details

Uploaded via as Apple Keynote

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • \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 Cinemagraph Presentation Transcript

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