Suggestions to Make a Scrolling Series of Photos as a Self-start Looping video on a Website?

[Mark Suszko]

Just to be clear, are you trying to make this look like motion picture film coming thru the gate of a projector/viewer… or are you imitating the old “film strip” technology they used to use in schools, which was more like using slides, only it was a strip of film that was advanced a frame at a time, often manually synched to an audio tone or beep, as part of a separate sound track on record or cassette?

Are you trying for something that looks like early Muybridge stuff? or like a view thru the screen of a KEM or Moviola film editing machine?

[Daniel Monskey]

“motion picture film coming thru the gate of a projector/viewer.” This—this is what I’m trying to do. No Muybridge old effect—-just have a feature that shows I am in film/video—and the old film rolling across the website with single photos showing different examples of my work would demonstrate that in a “kitchy” way.

There is an embed code below (one is the embed and the other a link) that is supposed to correspond to an image example. I hope it shows up when I post this. It is of 5 still images however, think of it being perhaps 30-40 images connected side by side moving across the website like the frames of film as it unrolls from the spool into the projector.
Thanks for your interest to help, gents/folks.
Dan

screenshot2014-07-25at6.59.38pm.png

Daniel Monskey

[Mark Suszko]

So something like this?

https://www.motionvfx.com/store,after_effects_cs4_-_ae_project_0152,p1278.html

or this?

https://www.motionvfx.com/store,after_effects_cs4_-_ae_project_0153,p1281.html

or

https://www.motionvfx.com/store,project_326,p678.html

or

https://www.motionvfx.com/store,after_effects_cs4_-_ae_project_0121,p1006.html

or

https://www.motionvfx.com/store,project_215,p489.html

?

If you really want it simple and exactly like your sample image, what I would do is create the effect in Apple Motion by creating a layer of just the blank film strip. I would delete the frame boundaries to leave only the edges with their sprocket holes. It is possible to make one section of this image move in a perfect loop on the base layer. Then you would use the particle emitter effect, fed by a folder of your sample stills, to “emit” the photos in singles or groups, along the same line as the film strip.

If I was stuck using just FCP7 to try and make this effect, I would keyframe the layer with the sprocket holes and copy/paste it to make as long a piece as needed.
Next I would do 2 or 3 layers of additional video tracks, keyframing the stills on alternating tracks to pass from offscreen right to offscreen left, in line with the sprocket track. One time saver there is, once you’ve keyframed one set, you can copy it, then paste the attributes and keyframes onto the next set, and not have to do it all from scratch more than one time.

Then I would export that project as a self-contained mov file, and your next step for the web, I *think* is to convert the MOV file to an animated .gif file, which can be set to repeat in an infinite loop in any web browser..

[Daniel Monskey]

Thanks folks for the help by providing a variety of detailed suggestions. I finally got it resolved–using web-building widgets suitable for the specific purpose. However, I did learn about the video looping process and GIFs, so it was a learning opportunity.
Again, thank you!
Dan

Daniel Monskey