破壊的イノベーション。無限に注げるコップの開発に成功。【シネマグラフの作り方(PhotoshopCS5)】

撮影・執筆：Daily GIF89a編集部(大野謙介)

画期的なハードウェアの開発に成功した。アートでクリエイティブなアプリケーションやハードウェアの開発を通して、世界に”おもしろい”を発信することがミッションである弊社が、「無限に注げるコップ – インフィニティコップ – 」を完成させた。コップをご存じ無い方のために解説をしよう。

コップとは

コップ（オランダ語: kop）ガラス、プラスチック、紙などでできた、取っ手のついていない小さな容器。「コップ1杯」と書かれている場合、日本においては180mlか200mlを指していることが多い。

（参考：Wikipedia 「コップ」）

水の入ったコップ

実際の映像

無限に注げるという「コップ１杯」の180mlの定義を遥かに凌駕する破壊的イノベーションは、かくも日常に埋没しているのである。Wikipediaの内容を変更していただきたい。責任者はどこか。

まずは実際にインフィニティコップに水を注ぐ映像をご覧いただこう。

いかがだろうか、注いでも注いでもこぼれない。こぼれさせたくてもこぼれない。

謝罪

ここで一つ辞書を出版されている出版社各社様にお詫びを申し上げたい。

引きの強さを追求するあまり、悪ふざけがすぎた。

今回はPhotoshopを用いてシネマグラフを作成する。

シネマグラフとは

動画のある一部分だけを動かし、その他の部分を動かさないことで非常に芸術的な作品を創ることができる手法である。シネマグラフ（Cinemagraph）とは Jamie Beck と Kevin Burgらが公開したモーショングラフィックスやアートなGIF作成手法である。

作成事例）

via gifmagazine.net

【今回作成したシネマグラフGIF】

Photoshopのレイヤーマスクを用いて水の部分のみを動かすことで芸術的なシネマグラフGIFが作成できる。

【準備】

・コップ

・水

・Photoshop (今回の作業環境はCS5.1)

【作業手順】

１．Photoshopを起動する。今回の作業環境はCS5.1

２．「ファイル」「読込」「ビデオフレームからレイヤー」をクリックする

64ビットモードで開けない場合は32ビットモードに変更をすると開くことが出来る。

３．必要な後半のフレームのみを選択して「OK」をクリック

４．タイムラインの余分なフレームを削除していく

５．最終的に４フレームを残した。

６．残した４つのフレームを表示するための４つのレイヤー以外は作業の邪魔になるため削除する。

７．残したレイヤーを再生順序になるように上から並べ、レイヤー名を１，２，３，４と変更する。

８．レイヤー「１」を選択し、選択ツールで水の部分のみを選択する。

９．「レイヤー」「レイヤーマスク」「選択範囲外をマスク」をクリックする。

１０．レイヤー「１」の水の部分のみを表示できるようにした。

１１．キーボード「option」を押したまま「１」のレイヤーマスクを「２」「３」にドラッグすると一気にレイヤーマスクをかけることができる。

１２．うまくレイヤーマスクをかけることができるとアニメーションウィンドウがこのようになる。

１３．フレーム１でレイヤー「４」が表示されるようにする。

フレーム１の様子。

１４．フレーム２でレイヤー「４」が表示されるようにする。

フレーム２の様子。

１５．フレーム３でレイヤー「４」が表示されるようにする。

フレーム３の様子。

１６．「ファイル」「Webおよびデバイス用に保存」をクリック

１７．保存形式を「GIF」にして保存

【完成】永遠に水が注げるインフィニティコップ。シネマグラフ

いかがだったであろうか、Photoshopを用いて芸術的なシネマグラフ作品を制作してみてはいかがだろうか。インフィニティコップのイノベーションを皆様のご自宅で再現していただけると幸いだ。

撮影・執筆：Daily GIF89a編集部(大野謙介)