面白法人カヤック

トップへ戻る
ツイ

Client Work

2014.04.17

#クリエイターズインタビュー No.22
たぶん世界初のコピペできるアスキーアートのミュージックビデオ制作秘話

Client Work

アスキーアートをご存知でしょうか?

 ∧_∧
  ( ゚ω゚) ソロ~リ
..ノ| ハ,,
 ,√ 7"

こういうふうに記号や文字を使って、絵にすることをそう呼びます。先日カヤックで制作した、アーティストHaKUのシングル「the day」のミュージックビデオと特設Webサイトは、アスキーアートをふんだんに生かしたコンテンツでした。

ミュージックビデオでは、「the day」の曲中の歌詞にある単語を使ったアスキーアートで、HaKUの演奏している映像をアニメーション化。

特設Webサイトでは、そのミュージックビデオで動いているアスキーアートがテキストをコピペするようにコピペできたり、好きな画像を「the day」の曲中の歌詞でアスキーアートにできたりします。

一見シンプルに見えながらも独自の技術が詰まったコンテンツ。その制作背景について、ディレクターの深津康幸、ミュージックビデオの監督兼プログラマー担当の衣袋宏輝、編集担当の天野清之に話を聞きました。

「アスキーアート動画」のアイデアは5分で決まった

—— ミュージックビデオと特設サイト2つのコンテンツを制作したとお聞きしましたが、まとめてのご依頼ですか?

深津
最初はミュージックビデオのみのご依頼でしたが、Webサイトもあるほうが話題になるとご提案し、特設サイトも併せて制作させてもらいました。衣袋は撮影全般と開発、天野は進行や映像編集などを担当し、カメラマン以外はすべて内部スタッフです。ちなみにHaKUのグッズ、3wayキャンバスバッグは僕がデザインしています。

—— へえ!

深津
ミュージックビデオを構成から編集まで手掛けたのは、カヤック初ですね。アーティストさん側からの要望や指定は特になく、曲の印象や詞の内容が今までと違う前向きな印象になったことや、メンバーが歌詞を大事にしているということを伺いました。その内容を衣袋に伝えたところ、「アスキーアートはどうか」というアイデアが出たんです。
衣袋
それを基に、ネタ帳からいくつか再構成したネタを30個ほど用意して打ち合わせに臨んだんです。始まって5分位でOKをいただきました。面白いことであればOKというアーティストさんなのでしょうね。

画像

—— ネタは今回の企画のために考えていたものですか?

衣袋
いえ、普段のネタ帳から合うものを選んで細かな内容を詰めました。以前からアスキーアートの動画に興味があって。でもいわゆる職人と呼ばれる人たちが手動でつくるものが大半だったので、プロの技術も加えてつくったら面白いんじゃないかなと。

—— アスキーアートの動画はいわゆる映像作品ですよね。

衣袋
そうですね。何百枚ものアスキーアートの静止画をつないだものです。でもアスキーアートは文字や記号ですし、Web企業のカヤックならではの技術を組み合わせた「コピペできるアスキーアートの映像」を提案したところ、先方さんも面白いと言って採用してくださったんです。

人生初のミュージックビデオの監督

—— 制作はどんな流れで?

天野
まず、衣袋のアイデアをベースに、社内でグリーンバックの環境をつくって撮影して、一枚の絵をアスキーアートにしモックをつくりました。その後、衣袋が描いた絵コンテから、撮影と編集をして実写版の動画を制作し、それを同じように変換してアスキーアートの動画を制作しました。ちょっと説明が難しいですが(笑)。

—— 絵コンテではアスキーアートに変換した時の違いの見えやすさなどを意識したのですか。

衣袋
それもありますし、普通のミュージックビデオとして見ても、カッコよく見えることを意識しました。動く記号がよく見ると人に変わっていく…という流れができるように。
天野
手作業ではこのタッチを出すのは難しいと思いますね。一般的なアスキーアート動画は仕上がりが平面的ですが、動画を直接変換するので立体的なディテールを持つ動きが出せるんです。

—— 通常、アスキーアートにはアルファベットや記号が使われますが、このMVには日本語も出てきますよね。変換の扱い方は同じですか?

画像

画像

衣袋
それがまったく違うので大変でした。普通のAAのMVだと文字幅を同じと見て文字をドット絵的に扱うんですが、日本語は文字幅や大きさが全て異なるので、そこを考慮してフルブラウザで見られるプログラムを組んでいます。普通に見ているとわからないですが、相当細かな処理をしています。

動画をアスキーアートに変換する魔法のツール

——今回のミュージックビデオで使用されたソフトウェア「AAGram」の仕組みを教えていただけますか。

画像

衣袋
はい、たとえば右のウィンドウに歌詞を入力すると、左のウィンドウに表示された画像がアスキーアートに置き換わります。フォントサイズの変更、全面や輪郭線の描画やトーン化、モノクロやカラーも右の項目で設定するだけです。

—— このツールはどのくらいの時間で制作したのですか?

画像

衣袋
アプリ自体は2週間ほどで完成したんですが、途中で検出判定の修正などが必要になり、結局1カ月ほどかかりました。
天野
企画から完成までが1カ月位だったもんね。スタートから撮影日まで10日しかなくて、絵コンテの編集と香盤づくりを3日でやったような…。

—— そんな短期間でツールは開発できるものなんですか?

天野
いやいや稀です。ただカヤックは、各技術に精通したエンジニアがいてほぼ内製できるからその意味では強いですね。何をつくるか、できるかどうか、どうつくるかを社内で判断できるので時間のロスが少ない。
衣袋
最近感じるのはツールからつくると強いということです。PhotoshopやIllustratorでつくると作品にどうしてもツールの色が出ますが、ツールからつくれば独自の作品になりますから。今回の作品はそういうものになったと思います。
天野
いいクリエイティブはゼロからやることが大事なんですよ。全部オーダーメイドでつくるのがいい作品を生む秘訣だと思います。

—— ツールは時間がかかるだけに既存のものを使いがちですもんね。

天野
そうですね。あともう一つの面白さは、監督がエンジニアってところ。アプリ開発とMVの世界観づくりを同じ人がやるなんてそうないですよ。アスキーアートの動画にしたいからツールをつくるって発想も面白いですよね。

—— 監督をされたのは今回が初めてですよね?

衣袋
はい。監督の立場は本当に大変だなと…カメラマンさんに撮り方を伝えるのが特に難しかったですね。

—— そんな苦労を経て生まれたツールや表現ですが、今後何か応用してみたい物などはありますか?

ニコ生で見られる天野作のAA動画

天野
僕はもう自分の趣味に活用しています(笑)。それとは別で、今回はライブ撮り的な面も重要だったよね?
衣袋
そうですね。リアルタイムで対応できる要素が多いので、ライブ演出にも絡めるよね、というお話はありましたね。せっかくなのでライブにも絡めれば嬉しいんですが…。アスキーアートだけに限らず、僕自身、ライブ演出に興味があるので何かの形で実現できたらと思います。

本プロジェクトでミュージックビデオ制作の経験も加わったカヤック。Webサイトを飛び出し「なんでもつくる」化の加速しつつある中、そのクリエイティブの幅はより広く、より面白くなっていくと言えそうです。

HaKU NEW SINGLE "the day" SPECIAL SITE
http://www.haku-music.net/cam/theday/

バックナンバー
#クリエイターズインタビュー

No.50
未来のクリエイターが挑戦!「Kocri」を活用したこれからの授業アイデアとは?
1万人が使う、黒板と電子黒板の「いいとこどり」アプリ 約100年続く老舗黒板メーカー・サカワさんとともに昨年発表したハイブリッド黒板アプリ「Kocri(コクリ)」。先日もACCシルバー(インタ...
2016.10.28
ブレストが授業を変える!?カヤックのブレストが鎌倉の中学生に届くまで
ブレストが授業を変える!?カヤックのブレストが鎌倉の中学生に届くまで
No.49
ブレストが授業を変える!?カヤックのブレストが鎌倉の中学生に届くまで
昨年、SFC(慶應義塾大学湘南藤沢キャンパス)の創立25周年を記念して、卒業生と在校生が一緒に取り組むプロジェクト「未来創造塾」が立ち上がりました。 SFC卒業生が母校で在校生向けに、各々自由...
2016.04.11
日本のデザイナーの活躍を世界に広げていく。iichiの新たな挑戦とは
日本のデザイナーの活躍を世界に広げていく。iichiの新たな挑戦とは
No.48
日本のデザイナーの活躍を世界に広げていく。iichiの新たな挑戦とは
カヤックが2012年から出資してきたハンドメイドマーケットプレイス「iichi(いいち)」。「つくる人を増やす」を企業理念とするカヤックとスタンスも近く、5年に渡って良好な関係を築いてきました。...
2016.03.16
ネーミングサービス「KOTODAMA」を新潟の高校生に譲りました【対談あり】
ネーミングサービス「KOTODAMA」を新潟の高校生に譲りました【対談あり】
No.47
ネーミングサービス「KOTODAMA」を新潟の高校生に譲りました【対談あり】
カヤックコピー部のコピーライターがあなたに代わって、ネーミングやキャッチコピーを考えるサービス「KOTODAMA」。 2012年にオープンしてからの約3年半、華道教室の名前・玉ねぎの苗の名...
2016.03.03
剣を振ってキャラクターたちと一緒に闘う衝撃の体験「乖離性ミリオンアーサーVRデモ」を開発!
剣を振ってキャラクターたちと一緒に闘う衝撃の体験「乖離性ミリオンアーサーVRデモ」を開発!
No.46
剣を振ってキャラクターたちと一緒に闘う衝撃の体験「乖離性ミリオンアーサーVRデモ」を開発!
カヤックで、スクウェア・エニックスさまの人気スマートフォンゲーム「乖離性ミリオンアーサー」VRコンテンツ開発のお手伝いをしました。 「乖離性ミリオンアーサー」といえば1,300万DL超のヒ...
2016.03.02

関連ニュース

カヤック公式ツイッタ @kayac_inc

絶賛更新中!!

© KAYAC Inc. All Rights Reserved.

お好みのデザインに変更できます
5つのテーマから選んでください

学歴・職歴

×

送信

資格・スキル

×

送信

長所短所

×

送信

趣味興味
のあること

×

送信

ポリシーこだわり

×

送信

カヤックの
サービスについて

×

送信

その他

×

送信