--- title: スリットスキャンの応用 date: 2019-05-17T00:00:00.000Z updated: 2026-01-08T14:51:03.455Z tags: - techniques - tips url: https://baku89.com/ja/tips/slit-scan --- # スリットスキャンの応用 ![](https://wp.baku89.com/wp-content/uploads/2019/05/04_slitscan.gif) [NEWREEL のインタビュー](https://newreel.jp/feature/3764/2)で「スリットスキャンというテクニックにしたって、まだまだ全然出尽くしてない」なんて偉そうなことを言っていたので、以前から考えていた手法を半日かけて試しました。スリットスキャンらしさってのは一見あまりないんだけど、れっきとしたスリットスキャン。 どのようにスリットスキャンするとどういう画が出力されるのかをイメージするのって案外難しくて。だからこの手法は「時間をどう前後させるか?」ではなくて「**映像の 1 コマ 1 コマを積層させて出来上がった金太郎飴を、どのような断面でカットしていくか?**」と考えると分かりやすいです。 金太郎飴を垂直にサクサク薄切りしていくと、その断面は普通に映像を再生したように変化します。斜め切りすると、いわゆるスリットスキャン。そう考えると、当てる包丁の形は別に真っ直ぐじゃなくて良いわけです。ギザギザでも何でも。 今回の動画の例でいうと、右から左へ移動する車はこんな金太郎飴をしています。 ![](https://wp.baku89.com/wp-content/uploads/2019/05/slitscan_3d-80.jpg) これを、こういう風に切ると短くなります。 ![](https://wp.baku89.com/wp-content/uploads/2019/05/slitscan_shrink-80.jpg) こういう風にジグザグに切ると、車両の真ん中だけを伸ばせます。 ![](https://wp.baku89.com/wp-content/uploads/2019/05/slitscan_zigzag-80.jpg) AfterEffects で作る場合、`S_TimeDisplace`がかなり使えます。黒をフレーム 0、白を最後フレームとしたマットをリファレンスに出来るので。標準エフェクトだと、現在のフレームを起点とした相対量でしかスリットスキャンできないので。 ![](https://wp.baku89.com/wp-content/uploads/2019/05/scrennshot.gif) ちなみに、こういうことです。 ![](https://wp.baku89.com/wp-content/uploads/2019/05/slitscan_instruction-80.jpg) --- 個人的にはスリットスキャンという名前が適切でないような気がしています。この手法は、映像の金太郎飴の断面を、時間軸方向に変位させていくという意味でタイム・ディスプレイスメントと呼んだほうが良いです。After Effects にも同名のエフェクトがありますし。タイム・ディスプレイスメントのうち、断面が平面なものがスリットスキャンです。断面を静止画として使っても良いですし、移動させながらサクサク薄切りすると動画になります。 この捉え方で、スリットスキャンっぽい作品を見ると、なるほどこれはこういう断面で切ったもんなんだなーと、より理解が深まると思います。これは学生時代に、常磐線の車窓から撮った映像をスリットスキャンしてパノラマにしたものです。Adam Magyar のパクリですが、移動しているのは視点の方。 ![](https://wp.baku89.com/wp-content/uploads/2019/05/train-panorama.jpg) _パースが、水平方向には平行投影図法、垂直方向には透視法になっているのが面白い_ 最近だと、好きな映像作家の Páraic Mc Gloughlin や Hiroshi Kondo さんビデオも。 今回の車が短くなるのは、[Dirk Koy](/Dirk_Koy) 氏のビデオを参考にしました。ソースの FPS が低いとこういう風にジャギるんだけど、それを逆手に取っているのが面白い。 [数年前流行った Inception っぽい風景画像](https://amazingthingsintheworld.com/15-inception-style-landscape-images-will-blow-mind/)も、ドローンを使ったスリットスキャン。 と思って[チュートリアル](https://www.wexphotovideo.com/blog/tips-and-technique/how-to-create-inception-style-drone-photography/)を調べたら、俯瞰具合を変えて何枚か撮った写真を無理やりつなぎ合わせて作る方法がなぜか多かったです。飛行軌道のブレが問題なのか分からないけど、タイム・ディスプレイスメント使えばいいのに。 素材にしたって、溶けていく氷のタイムラプスといった「経年変化」系のフッテージを使っても面白くなりそう。とにかくこの手法はまだまだ掘りようがあるので、そういう制作があれば誘ってください。 ## 関連記事 - [スリットスキャンをヌルっとさせる](/tips/smoother-slit-scan) ![](https://wp.baku89.com/wp-content/uploads/2019/05/04_slitscan.gif) header Once I said that there is still a bunch of applications when it comes to slit-scan in [my interview](https://newreel.jp/feature/3764/2). Thus I created this to prove it. It doesn’t look like slit-scan at a glance, though, I certainly used the technique. It is often difficult to imagine a rendered image when you applied slit-scan to footage in some way. But I have a nice analogy to understand slit-scan. Imagine there’s a quite thick flipbook that all frames of a video are bound page by page. If you just rifle through it, the original video will be just played. **Slit-scan intrinsically means slicing the flipbook diagonally.** In the top video, the flipbook of the car traversing right-to-left looks like below: ![](https://wp.baku89.com/wp-content/uploads/2019/05/slitscan_3d-80.jpg) If you slice the flipbook like this, the car would shrink. ![](https://wp.baku89.com/wp-content/uploads/2019/05/slitscan_shrink-80.jpg) The cross-section doesn’t need to be planar. The only middle part of the car gets longer when you slice it in zigzags like this: ![](https://wp.baku89.com/wp-content/uploads/2019/05/slitscan_zigzag-80.jpg) To create this effect in After Effects, `S_TimeDisplace` by GenArts was so useful since it can interpret b/w matte to map black pixel to the first frame of video and white pixel to the last frame. After Effects’ built-in Time Displacement effect only allows to time-remap each pixel relative to the current time. ![](https://wp.baku89.com/wp-content/uploads/2019/05/scrennshot.gif) Here is the additional screenshot to recreate the composition in AE: ![](https://wp.baku89.com/wp-content/uploads/2019/05/slitscan_instruction-80.jpg) I think the name of “slit-scan” makes people confused. It’s rather appropriate to call it “time displacement” just like the name of AE’s effect because this technique actually means displacing a cross-section of “world volume” (like a flipbook, it is an imaginary 3D cube consists of 2D image + 1D time) along with “time axis”. Part of time displacement whose cross-section is planar is so-called slit-scan. You can just use the technique to generate a still image. Or you can generate a video by shaving the world volume and slightly changing the position of cross-section frame by frame. With this way of thinking, now you can imagine how to make it when you see something like slit-scan works. This very long panorama is that I generated using slit-scan from live footage shot from a train window between stations when I was a student. Though it looks like Adam Magyar. ![](https://wp.baku89.com/wp-content/uploads/2019/05/train-panorama-1440x369.jpg) It also interesting that orthographic projection in horizontal and perspective projection in vertical mixed up in a single image. Video artists, Páraic Mc Gloughlin and Hiroshi Kondo who I like also made videos with time displacement. I was also inspired by [Dirk Koy](/Dirk_Koy)’s this video a lot especially from the beginning part that a car shrinks weirdly. Slit-scan with a low FPS footage causes a jaggy image, yet he turned the artifact into an interesting visual. [Inception style drone photography](https://amazingthingsintheworld.com/15-inception-style-landscape-images-will-blow-mind/) which used to be in fashion several years ago is also a sort of time displacement. Though some tutorials teach to combine 4 or 5 images from different angles somehow with Photoshop. I would like to experiment with time displacement as it still has a lot of possibilities. :